/*======================== HEADER MENU ========================*/
header .logo {width: auto;height: 40px;}
.header-right-side-web-menu {gap: 20px;}
.header-right-side-web-menu .nav-link {color: var(--color-black);}
.header-right-side-web-menu .nav-link.active {color: var(--color-first);}
.mobile-menu-btn {
    border: 0;
    background: transparent;
    padding: 0;
    color: #000;
}
.phone-logo {width: auto;height: 30px;}
/*----------------------- @media -------------------------------*/
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 992px) {
    .header-right-side-web-menu {flex-direction: row;}
}
@media screen and (max-width: 991px) {
    .header-right-side-web-menu {
        position: fixed;
        top: 0;
        right: -280px;
        width: 260px;
        height: 100vh;
        background-color: var(--color-white);
        flex-direction: column;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        padding: 16px 24px 32px 24px;
        z-index: 9999;
        transition: 0.4s ease;
        box-shadow: -5px 0 20px rgba(0, 0, 0, 0.08);
    }
    .header-right-side-web-menu.active {right: 0;}
    .mobile-menu-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.4);
        opacity: 0;
        visibility: hidden;
        transition: 0.3s ease;
        z-index: 999;
    }
    .mobile-menu-overlay.active {opacity: 1;visibility: visible;}
}
@media screen and (max-width: 767px) {

}