* {

    font-family: 'Montserrat', sans-serif;

    box-sizing: border-box;

}



a {

    color: inherit;

    text-decoration: none;

}



a:hover {

    color: inherit;

    text-decoration: none;

}



img {

    width: 100%;

    height: auto;

}



button {

    outline: none;

}



header {

    background: transparent;

    padding: 30px 0 15px 0;

    position: absolute;

    width: 100%;
    z-index: 9;

}



.sticky {

    position: fixed;

    animation: fade 1.5s normal;

    top: -1px;

    width: 100%;

    padding-bottom: 5px;

    z-index: 999;

    background: #132759;

    border-bottom: 1px solid #ffffff63;

}



@keyframes fade {

    0% {

        opacity: 0

    }



    50% {

        opacity: 1

    }

}



.col-hamburguer {

    display: none;

}



.btn-hamburguer {

    border: 0;

    background: transparent;

    color: #0ad1dc;

    font-size: 4rem;

    transition: .4s ease;

}



.btn-hamburguer:hover {

    color: #fff;

}



.col-logo {

    display: flex;

    align-items: center;

    justify-content: center;

}



.col-logo a figure {

    width: 55%;

}



.col-menu {

    display: grid;

    align-items: center;

}



.menu-desktop {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    list-style: none;

    color: #fff;

    padding: 0;

    margin: 0;

    gap: 40px;

}



.menu-desktop li {

    font-weight: 600;

    text-transform: uppercase;

    font-size: 16px;

}



.menu-desktop li a::after {

    content: "";

    display: block;

    width: 0;

    height: 1.2px;

    background: #fff;

    transition: width 0.3s;

    animation: infinite;

}



.menu-desktop li a:hover::after {

    width: 100%;

}



ul.dropdown-menu {

    background: linear-gradient(90deg, rgba(0, 224, 209, 1) 35%, rgba(0, 166, 195, 1) 100%);

    padding: 15px 0;

}



ul.dropdown-menu .dropdown-item {

    text-transform: none;

}



ul.dropdown-menu .dropdown-item:focus,

ul.dropdown-menu .dropdown-item:hover {

    color: var(--bs-dropdown-link-hover-color);

    background-color: #00b0c5;

}



.btn-dropdown {

    all: unset;

}



ul.dropdown-menu.show {

    padding: 0;

    top: 7px;

}



.dropdown-item.active,

.dropdown-item:active {

    color: var(--bs-dropdown-link-active-color);

    text-decoration: none;

    background-color: #00427B;

    border-bottom: 0 !important;

}



.dropdown-item.active,

.dropdown-item:active::after {

    display: none;

}



.dropdown-item {

    font-weight: 500;

}



.col-market-car {

    display: flex;

    justify-content: center;

    align-items: center;

}



.market-car {

    border: 0;

    background-color: #0ad1dc;

    color: #fff;

    border-radius: 6px;

    font-size: 27px;

    transition: .4s ease;

}



.market-car:hover {

    background-color: #fff;

    color: #0ad1dc;

}



.dropdown::after {

    content: "";

    display: block;

    width: 0;

    height: 1.2px;

    background: #fff;

    transition: width 0.3s;

    animation: infinite;

}



.dropdown:hover::after {

    width: 100%;

}



.dropdown-menu li a::after {

    content: "";

    display: none;

}



.show-desktop {

    display: block !important;

    ;

}



.show-mobile {

    display: none !important;

}



@media only screen and (max-width:992px) {



    .show-desktop {

        display: none !important;

        ;

    }



    .show-mobile {

        display: block !important;

    }



    .col-logo a figure {

        width: 70%;

        margin: auto;

    }



    .col-hamburguer {

        display: flex;

        justify-content: center;

    }



    .btn-hamburguer {

        justify-content: center;

        align-items: center;

    }



    .col-menu {

        display: none;

    }



    .close-menu-sm {

        position: absolute;

        top: 20px;

        right: 20px;

        font-size: 45px;

        color: #ffffff;

        background: transparent;

        border: 0;

        outline: none;

    }



    .modal-dialog {

        background: #27d9c8d4;

        margin: 0;

        max-width: 100%;

        min-height: 100%;

    }



    .modal-content {

        width: 90%;

        margin: auto;

        background: transparent;

        border: 0;

    }



    li .dropdown button {

        color: #FFF;

    }



    .modal-body .header-list {

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        list-style: none;

        padding: 0;

    }



    .modal-body .header-list li {

        margin: 6px 0;

        font-size: 20px;

        font-weight: normal;

    }



    .modal-body .header-list li a {

        color: #ffffff;

    }

}



@media only screen and (max-width:576px) {

    .btn-hamburguer {

        border: 0;

        background: transparent;

        color: #0ad1dc;

        font-size: 2.5rem;

        transition: .4s ease;

    }



    .col-logo a figure {

        width: 80%;

        margin: auto;

    }

}