@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800;900&family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root{
    --main-color: #266c9b;
    --second-color: #963722;
    --font-header: 'Raleway', sans-serif;
    --font-text: 'Nunito Sans', sans-serif;
    --third-color: #9D9D9C;
    --fourth-color: #706F6F;
    --fifth-color: #FFFFFF;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-header)!important;
}
p, small{
    font-family: var(--font-text)!important;
}
a {
    color: var(--main-color);
}
a:hover {
    color: var(--fourth-color);
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #266c9b;
    --bs-btn-border-color: #266c9b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #963722;
    --bs-btn-hover-border-color: #963722;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #963722;
    --bs-btn-active-border-color: #963722;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #266c9b;
    --bs-btn-disabled-border-color: #266c9b;
}

.btn-primary {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.btn-primary:hover {
    color: #fff;
    background-color: var(--second-color);
    border-color: var(--second-color);
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: var(--second-color);
    border-color: var(--second-color);
    box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.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(--second-color);
    border-color: var(--second-color);
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.form-check-input:checked {
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.w-fc{
    width: fit-content!important;
}
.form-control:focus{
    box-shadow: none;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #266c9b;
}
.nav-pills .nav-link{
    border-radius: 50rem!important;
}
#nav-main{
    max-height: 10vh;
}
.navbar-light .navbar-toggler {
    border-color: transparent!important;
}
.navbar-toggler:focus{
    box-shadow: none!important;
}
.dropdown-item:active{
    background-color: transparent;
}
footer a:hover{
    color: var(--second-color)!important;
}
footer{
    background-color: var(--main-color);
    line-height: normal;
    height: auto;
}
.rounded-counter{
    aspect-ratio : 1/1;
    border: solid;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: var(--second-color);
    color: white;
}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }
    .dropdown-menu[data-bs-popper] {
        top: 75%;
        margin-top: 0;
    }
    #navbarTogglerDedalus .navbar-nav .nav-link{
        color: var(--main-color)!important;
        font-size: 1.15rem;
    }
    #navbarTogglerDedalus .navbar-nav .nav-link.active{
        color: var(--second-color)!important;
        font-size: 1.15rem;
    }
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {

}

/* X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    /* CSS Navbar */
    .navbar-light .navbar-toggler-icon{
        background-image: url('../img/navbar-open.svg');
    }
    #navbarTogglerDedalus .navbar-nav .nav-link{
        color: white!important;
    }
    #navbarTogglerDedalus .navbar-nav .nav-link.active{
        color:  var(--second-color)!important;
    }
    #navbarTogglerDedalus .navbar-nav{
        z-index: 100;
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        flex-direction: column!important;
        justify-content: center;
        align-content: center;
        align-items: center;
        background-color: var(--main-color);
        color: white;
        font-size: 1.5rem;
        animation: navbar-animation 300ms forwards;
        -o-animation: navbar-animation 300ms forwards ;
        -webkit-animation: navbar-animation 300ms forwards;
        -moz-animation: navbar-animation 300ms forwards;
    }
    .dropdown-menu {
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: .5rem 0;
        margin: 0;
        font-size: 1rem;
        color: #212529;
        text-align: center;
        list-style: none;
        background-color: transparent;
        background-clip: padding-box;
        border: transparent;
        border-radius: 0;
    }
    .dropdown-item{
        font-size: 1.25rem;
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }
    .dropdown-item:hover{
        background-color: transparent;
    }
    .dropdown-item:active{
        background-color: transparent;
    }
    @keyframes navbar-animation {
        from {height: 0vh;}
        to {height: 100vh;}
    }
    .navbar-toggler-icon-close{
        background-image: url('../img/navbar-close.svg');
    }
    .navbar-toggler-icon-close{
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    .navbar-toggler{
        position: absolute;
        top: 2rem;
        right: .75rem;
    }
    .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{
        border-bottom: 0.25rem solid white;
    }
}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    
}

/* X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {

}

.iti__flag {
    background-image: url("../intl-tel-input/img/flags.png")!important;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("../intl-tel-input/img/flags@2x.png")!important;
    }
}