/* main styles */
:root{
    --bs-body-bg: white;
    --color-primary: #0070AB;
    --color-primary-light: #0095D9;
    --color-primary-dark: #004C7F;
    --color-primary-transparent: rgba(0, 112, 171, 0.2);
    --color-success: #73BF46;
    --color-secondary: #6d6e72;
    --color-secondary-light: #9a9b9f;
    --color-secondary-dark: #4a4b4e;
    --color-secondary-transparent: rgba(109, 110, 114, 0.2);
}
* {
    font-family: 'Montserrat', sans-serif;
    font-display: swap;
}
html {
    scroll-behavior: smooth;
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #ffffff;
}
::-webkit-scrollbar-thumb {
  background: #aaaaaa;
}
::-webkit-scrollbar-thumb:hover {
  background: #adadad;
}
::selection {
  background: var(--color-primary-transparent);
  color: var(--color-primary);
}
.reverse-selection *::selection {
  background: var(--color-primary);
  color: #fff;
}
.anchor:before {
    content: '';
    display: block;
    position: relative;
    width: 0;
    height: 25em;
    margin-top: -25em
}
.bg-primary {
    background-color: var(--color-primary) !important;
}
.bg-green {
    background-color: var(--color-success) !important;
}
.bg-green-gradient{
    background-color: var(--color-success) !important;
    background: linear-gradient(45deg, #006ea9, transparent);
}
.bg-gray-gradient{
    background: linear-gradient(90deg, rgb(233, 233, 233) 0%, rgb(255, 255, 255) 100%);
}
.bg-blue-gradient{
    background: linear-gradient(90deg, #1b93d1, #006ea9);
}
.border-green {
    border-color: var(--color-success) !important;
}
.border-blue, .border-primary {
    border-color: var(--color-primary) !important;
}
.text-green {
    color: var(--color-success) !important;
}
.text-blue, .text-primary {
    color: var(--color-primary) !important;
}
.text-secondary {
    color: var(--color-secondary) !important;
}
.text-bg-primary {
    background-color: var(--color-primary) !important;
}
.text-white, .text-white * {
    color: #fff !important;
}
.icon-blue{
    filter: invert(59%) sepia(99%) saturate(6965%) hue-rotate(187deg) brightness(94%) contrast(101%);
}
/* end main styles */

/* forms */
.required:after {
    content: ' *';
    color: var(--color-primary);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
}
input:-webkit-autofill{
    -webkit-text-fill-color: rgb(41, 41, 41) !important;
}
.form-check-input:checked {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}
.form-check-input:focus {
    border-color: var(--color-primary);
    outline: 0;
    box-shadow: 0 0 0 0.25rem var(--color-primary-transparent);
}
.form-select:focus {
    border-color: var(--color-primary);
    outline: 0;
    box-shadow: 0 0 0 0.25rem var(--color-primary-transparent);
}
.form-control:focus {
    color: #212529;
    background-color: #f8fafc;
    border-color: var(--color-primary);
    outline: 0;
    box-shadow: 0 0 0 0.25rem var(--color-primary-transparent);
}
/* end forms */

/* buttons */
.btn {
    --bs-btn-padding-x: 1.35rem;
    --bs-btn-padding-y: 0.475rem;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 600;
    --bs-btn-border-radius: 0;
    border-radius: 10px;
    text-transform: uppercase;
    transition: all .3s;
}
.btn:hover{
    transform: translateY(-3px);
}
.btn-close:focus {
    outline: 0;
    box-shadow: unset;
    opacity: 1;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-primary);
    --bs-btn-border-color: var(--color-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-primary-dark);
    --bs-btn-hover-border-color: var(--color-primary-dark);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-primary-dark);
    --bs-btn-active-border-color: var(--color-primary-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}
.btn-success{
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-success);
    --bs-btn-border-color: var(--color-success);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5e9e2a;
    --bs-btn-hover-border-color: #5e9e2a;
    --bs-btn-focus-shadow-rgb: 94, 158, 42;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(94, 158, 42);
    --bs-btn-active-border-color: #5e9e2a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --color-primary-transparent: rgba(0, 171, 51, 0.2);
}
.btn-outline {
    --bs-btn-color: #fff;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: white;
    --bs-btn-hover-color: var(--color-secondary-dark);
    --bs-btn-hover-bg: white;
    --bs-btn-hover-border-color: white;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-primary-dark);
    --bs-btn-active-border-color: var(--color-primary-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
    transition: .5s;
}
.btn-outline:hover{
    /* background: linear-gradient(45deg, #006ea9, #70be48); */
    background-clip: padding-box;
    /* border-color: transparent; */
    transition: .3s;
}
.btn-secondary {
    color: #fff;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}
.btn-primary:hover {
    color: #fff;
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}
.btn-secondary:hover {
    color: white;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
    box-shadow: 0 0 0 0.25rem var(--color-primary-transparent) !important;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    box-shadow: 0 0 0 0.25rem var(--color-primary-transparent);
}
.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem var(--color-primary-transparent);
}
.btn-success{
    color: #fff;
    background-color: var(--color-success);
    border-color: var(--color-success);
}
/* end buttons */

/* texts */
h1 {
    font-weight: 600;
    line-height: 1;
    color: var(--color-primary);
}
h2{
    font-weight: 600;
    letter-spacing: -0.4px;
    /* color: var(--color-primary); */
}
h3{
    letter-spacing: -0.6px;
    font-size: 1.5rem;
    font-weight: 600;
    /* color: var(--color-primary); */
}
p{
    color: black;
    font-size: 1rem;
    font-weight: 400;
}
a {
    color: var(--color-primary);
    text-decoration: none;
}
a:hover {
    color: var(--color-primary-light);
}
/* end texts */

/* main nav */
.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: rgb(109 110 114 / 9%);
    border: 0;
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
}
.dropdown-toggle::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='297.581 235.225 7.78 4.61' width='7.78' height='4.61'%3E%3Cpath d='M 299.166 234.613 L 300.106 233.64 L 303.776 237.53 L 300.106 241.42 L 299.166 240.448 L 301.932 237.53 L 299.166 234.613 Z' style='fill: rgb(109, 110, 114);' transform='matrix(0, 1, -1, 0, 539.000977, -63.940987)'/%3E%3C/svg%3E");
    margin-left: 0.1rem;
    border: 0;
    transition: ease-in-out 0.2s;
    height: 33px;
}
.dropdown-toggle.show::after {
    transform: scaleY(-1.1) translateY(5px);
}
.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 0.9rem;
    --bs-dropdown-color: var(
  --bs-body-color);
    --bs-dropdown-bg: var(
  --bs-body-bg);
    --bs-dropdown-border-color: rgb(167 167 167 / 18%);
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-border-width: var(
  --bs-border-width);
    --bs-dropdown-inner-border-radius: calc(0.375rem - var(
  --bs-border-width));
    --bs-dropdown-divider-bg: var(
  --bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(var(
  --bs-body-color-rgb), 0.15);
    --bs-dropdown-link-color: var(
  --bs-body-color);
    --bs-dropdown-link-hover-color: var(
  --bs-body-color);
    --bs-dropdown-link-hover-bg: #dee2e7;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: var(
  --color-primary);
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(
  --bs-dropdown-zindex);
    display: none;
    min-width: var(
  --bs-dropdown-min-width);
    padding: var(
  --bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(
  --bs-dropdown-font-size);
    color: var(
  --bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(
  --bs-dropdown-bg);
    background-clip: padding-box;
    border: var(
  --bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(
  --bs-dropdown-border-radius);
    box-shadow: 3px 6px 14px 0px rgb(109 110 114 / 15%);
}
.dropdown-menu.show{
    animation: fadeIn 0.3s ease-in-out;
}
.dropdown-menu[aria-expanded="false"]{
    animation: fadeOut 0.3s ease-in-out;
}
.navbar #logo{
    max-width: 160px;
    min-width: 160px;
}
.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: var(--color-secondary);
}
.navbar-nav .show > .nav-link, .navbar-nav .nav-link.active {
    color: var(--color-primary);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: var(--color-secondary);
}
.navbar{
    transition: .3s cubic-bezier(0.94, 0.72, 0.25, 1.06);
    max-height: 95vh;
}
.navbar .container-fluid{
    max-width: 84%;
}
/* .navbar #logo{
    display: none;
} */
.navbar #logo-white{
    display: inline-block;
}
#mainNav a.nav-link {
    text-transform: uppercase;
    border-radius: 8px;
    text-align: start;
}
.navbar-nav a.nav-link:hover {
    background-color: #dce7ed;
}
.navbar-nav .nav-item:not(.dropdown) {
    display: flex;
    align-items: center;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
    font-weight: 500;
}
.navbar-collapse.show, .navbar-collapse.collapsing {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}
.nav-scroll, .nav-bg-mobile {
    background: rgb(255 255 255 / 90%);
}
/* .nav-scroll #logo-white, .nav-bg-mobile #logo-white {
    display: none;
} */
.nav-scroll #logo {
    max-height: 66px;
    width: auto;
}
.nav-scroll #logo, .nav-bg-mobile #logo {
    display: inline-block;
}
.nav-scroll.navbar-dark .navbar-nav a.nav-link, .nav-bg-mobile.navbar-dark .navbar-nav a.nav-link {
    color: var(--color-primary);
}
.navbar-light .navbar-nav .nav-link {
    color: rgb(0 62 81 / 75%);
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active {
    color: var(--color-primary);
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active {
    color: var(--color-secondary);
}
/* end main nav */

/* footer */
footer h4 {
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 3px;
    color: var(--color-secondary);
}
footer h3{
    font-size: 1.5rem;
    /* color: var(--color-primary); */
}
footer a, footer li{
    color: var(--color-secondary);
}
footer {
    background-position-y: top;
}
.redes a img{
    transition: ease-in-out .3s;
}
.redes a:hover img{
    background-color: var(--color-primary-dark);

    transform: translateY(-2px);
}
/* end footer */

/* util */
.my-c {
    margin-top: 100px;
    margin-bottom: 100px;
}
.py-c {
    padding-top: 100px;
    padding-bottom: 100px;
}
/* end util */

/* medias */
@media (max-width: 1399px) {

}
@media (max-width: 1200px) {

}
@media (max-width: 1059px) {

}
@media (max-width: 991px) {
    .navbar{
        overflow: auto;
    }
}
@media (max-width: 800px) {

}
@media (max-width: 700px) {

}
@media (max-width: 600px) {

}
@media (max-width: 575px) {

}
@media (max-width: 400px) {

}
@media (max-width: 300px) {

}
@media (max-width: 200px) {

}
/* end medias */

/* keyframes */
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translate(0, -10px);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
        transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        transform: translate(0, -10px);
    }
}
/* end keyframes */