/* Global header aligned with the dark footer visual language. */
html body .header-style-3 {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
    background-color: #0e1936 !important;
    background-image: radial-gradient(circle at 92% 0%, rgba(107, 43, 116, 0.22), transparent 34%) !important;
    box-shadow: 0 8px 24px rgba(7, 15, 34, 0.16) !important;
}

html body .header-style-3 .header,
html body .header-style-3 .header-sticky-menu {
    background: transparent !important;
}

html body .header-style-3 .logo img {
    filter: brightness(0) invert(1) !important;
    opacity: 0.98;
}

html body .header-style-3 .main-menu > li:not(.menu-item-15848) > a,
html body .header-style-3 .main-menu > li:not(.menu-item-15848) > a:visited,
html body .header-style-3 .header-right :is(.login, .signup),
html body .header-style-3 .header-right :is(.login, .signup):visited {
    color: #ffffff !important;
}

html body .header-style-3 .main-menu > li:not(.menu-item-15848) > a:hover,
html body .header-style-3 .main-menu > li:not(.menu-item-15848) > a:focus,
html body .header-style-3 .main-menu > li:not(.menu-item-15848) > a:focus-visible,
html body .header-style-3 .main-menu > li.current-menu-item:not(.menu-item-15848) > a {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

html body .header-style-3 .main-menu > .menu-item-15848 > a,
html body .header-style-3 .main-menu > .menu-item-15848 > a:visited,
html body .header-style-3 .main-menu > .menu-item-15848 > a:hover,
html body .header-style-3 .main-menu > .menu-item-15848 > a:focus,
html body .header-style-3 .main-menu > .menu-item-15848 > a:focus-visible {
    color: #0b4f83 !important;
    background: #ffffff !important;
    box-shadow: 0 9px 22px rgba(0, 0, 0, 0.18) !important;
}

html body .header-style-3 .main-menu > .menu-item-15848 > a:hover,
html body .header-style-3 .main-menu > .menu-item-15848 > a:focus-visible {
    color: #083d67 !important;
    background: #f2f5fa !important;
}

html body .header-style-3 .header-right .st-list {
    gap: 5px;
}

html body .header-style-3 .header-right :is(.login, .signup) {
    padding: 9px 11px;
    border-radius: 8px;
}

html body .header-style-3 .header-right .login:hover,
html body .header-style-3 .header-right .login:focus-visible {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

html body .header-style-3 .header-right .signup {
    border: 1px solid rgba(255, 255, 255, 0.42);
    background: rgba(255, 255, 255, 0.06);
}

html body .header-style-3 .header-right .signup:hover,
html body .header-style-3 .header-right .signup:focus-visible {
    color: #0b4f83 !important;
    border-color: #ffffff;
    background: #ffffff !important;
}

html body .header-style-3 :is(a, button):focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 3px;
}

html body .header-style-3 .toggle-menu svg g,
html body .header-style-3 .toggle-menu svg path,
html body .header-style-3 .toggle-menu svg rect {
    stroke: #ffffff !important;
}

@media (max-width: 991px) {
    html body #st-main-menu .main-menu {
        color: #ffffff !important;
        background-color: #0e1936 !important;
        background-image: radial-gradient(circle at 100% 0%, rgba(107, 43, 116, 0.24), transparent 36%) !important;
    }

    html body #st-main-menu .back-menu {
        color: #ffffff !important;
        background: #121f42 !important;
    }

    html body #st-main-menu .main-menu > li {
        border-bottom-color: rgba(255, 255, 255, 0.1) !important;
    }

    html body #st-main-menu .main-menu > li:not(.menu-item-15848) > a {
        color: #ffffff !important;
    }

    html body #st-main-menu .main-menu > .menu-item-15848 > a {
        color: #0b4f83 !important;
        background: #ffffff !important;
    }

    html body #st-main-menu .main-menu > .signup-item > a {
        margin: 5px 12px 12px;
        border: 1px solid rgba(255, 255, 255, 0.42);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.06) !important;
    }
}