@media (min-width: 992px) {
    .header {
        /* background-color: #F7F6FE; */
        background: linear-gradient(0deg, #71CCFF 0%, #71C9FF 41%, #71C0FF 67%, #71B2FF 89%, #71A8FF 100%);
    }

    .header-fixed .header {
        -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
        box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
    }

    .header .header-menu .menu-nav>.menu-item>.menu-link {
        padding: 8px 18px;
        line-height: 1.4;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border-radius: 25px;
        transition: .4s
    }

        .header .header-menu .menu-nav > .menu-item > .menu-link .menu-text {
            color: white;
            font-weight: 500;
        }

    .header .header-menu .menu-nav>.menu-item>.menu-link .menu-arrow {
        color: #1A323E;
    }

    .header .header-menu .menu-nav>.menu-item>.menu-link .menu-icon {
        color: #1A323E;
    }

    .header .header-menu .menu-nav>.menu-item>.menu-link svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #1A323E;
    }

    .header .header-menu .menu-nav>.menu-item>.menu-link svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .header .header-menu .menu-nav>.menu-item.menu-item-here>.menu-link,
    .header .header-menu .menu-nav>.menu-item.menu-item-active>.menu-link {
        background-color: transparent;
        border-radius: 25px;
        color: #1A323E;
        background: #ffcc33;
        background-image: linear-gradient(0deg, #ddaf28 15%, #ffcc33 100%);
    }

    .header .header-menu .menu-nav>.menu-item.menu-item-here>.menu-link .menu-text,
    .header .header-menu .menu-nav>.menu-item.menu-item-active>.menu-link .menu-text {
        color: #1A323E;
    }

    .header .header-menu .menu-nav>.menu-item.menu-item-here>.menu-link .menu-arrow,
    .header .header-menu .menu-nav>.menu-item.menu-item-active>.menu-link .menu-arrow {
        color: #1A323E;
    }

    .header .header-menu .menu-nav>.menu-item.menu-item-here>.menu-link .menu-icon,
    .header .header-menu .menu-nav>.menu-item.menu-item-active>.menu-link .menu-icon {
        color: #007FC3;
    }

    .header .header-menu .menu-nav>.menu-item.menu-item-here>.menu-link svg g [fill],
    .header .header-menu .menu-nav>.menu-item.menu-item-active>.menu-link svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #007FC3;
    }

    .header .header-menu .menu-nav>.menu-item.menu-item-here>.menu-link svg:hover g [fill],
    .header .header-menu .menu-nav>.menu-item.menu-item-active>.menu-link svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

    .header .header-menu .menu-nav>.menu-item:hover:not(.menu-item-here):not(.menu-item-active)>.menu-link,
    .header .header-menu .menu-nav>.menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active)>.menu-link {
        background-color: transparent;
        border-radius: 25px;
        background: #ffcc33;
        background-image: linear-gradient(0deg, #ddaf28 15%, #ffcc33 100%);
        color: #1A323E;
    }

    .header .header-menu .menu-nav>.menu-item:hover:not(.menu-item-here):not(.menu-item-active)>.menu-link .menu-text,
    .header .header-menu .menu-nav>.menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active)>.menu-link .menu-text {
        color: #1A323E;
    }

    .header .header-menu .menu-nav>.menu-item:hover:not(.menu-item-here):not(.menu-item-active)>.menu-link .menu-hor-arrow,
    .header .header-menu .menu-nav>.menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active)>.menu-link .menu-hor-arrow {
        color: #007FC3;
    }

    .header .header-menu .menu-nav>.menu-item:hover:not(.menu-item-here):not(.menu-item-active)>.menu-link .menu-icon,
    .header .header-menu .menu-nav>.menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active)>.menu-link .menu-icon {
        color: #007FC3;
    }

    .header .header-menu .menu-nav>.menu-item:hover:not(.menu-item-here):not(.menu-item-active)>.menu-link svg g [fill],
    .header .header-menu .menu-nav>.menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active)>.menu-link svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #007FC3;
    }

    .header .header-menu .menu-nav>.menu-item:hover:not(.menu-item-here):not(.menu-item-active)>.menu-link svg:hover g [fill],
    .header .header-menu .menu-nav>.menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active)>.menu-link svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }
}

@media (max-width: 991.98px) {
    .topbar {
        background-color: #ffffff;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .topbar-mobile-on .topbar {
        -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.2);
        box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.2);
        border-top: 1px solid #eff0f6;
    }
}