/* Header bundle: base navigation, topbar, premium styles, then fixes.
   Keep this cascade order when editing. Fonts are loaded once in layouts/head.blade.php. */

/* Infinity Tech — polished main navigation */
#header{
    border-bottom:1px solid rgba(25,42,94,.07);
    box-shadow:0 8px 26px rgba(22,39,91,.055);
}
#header > .container{
    min-height:78px;
    gap:24px;
}
#header .logo{
    display:flex;
    align-items:center;
    flex:0 0 auto;
}
#header .logo img{
    max-height:56px;
    width:auto;
    margin:0!important;
}

#navbar,
#navbar a,
#navbar .nav-link,
#navbar ul ul.custom-dropdown-menu a.nav-link{
    font-family:'Tajawal',sans-serif!important;
}
#navbar{
    margin:0;
    padding:0;
}
#navbar > ul{
    gap:3px;
    align-items:center;
}
#navbar > ul > li{
    padding:0!important;
    margin:0;
}
#navbar > ul > li > a.nav-link{
    position:relative;
    min-height:44px;
    padding:10px 13px!important;
    border-radius:11px;
    color:#17265c!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.45;
    letter-spacing:0;
    gap:7px;
    transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
#navbar > ul > li > a.nav-link:hover,
#navbar > ul > li:hover > a.nav-link{
    color:#2d469f!important;
    background:#f3f6ff;
}
#navbar > ul > li > a.nav-link.active,
#navbar > ul > li > a.nav-link.active:focus{
    color:#263f98!important;
    background:linear-gradient(180deg,#f4f7ff 0%,#edf2ff 100%);
    box-shadow:inset 0 0 0 1px #e0e7fb;
}
#navbar > ul > li > a.nav-link.active:after{
    content:"";
    position:absolute;
    height:3px;
    width:22px;
    border-radius:999px;
    background:linear-gradient(90deg,#2f4aa2,#53b8de);
    bottom:3px;
    left:50%;
    transform:translateX(-50%);
}
#navbar > ul > li > a.nav-link > i:not(.drop-arrow){
    color:#405bb7;
    font-size:14px;
}
#navbar a .drop-arrow{
    margin:0!important;
    font-size:10px!important;
    color:#7b88aa!important;
    transition:transform .2s ease,color .2s ease;
}
#navbar > ul > li:hover > a .drop-arrow{
    color:#334fa8!important;
    transform:rotate(180deg);
}

/* Clear primary CTA at the edge of the navigation */
#navbar > ul > li.header-start-now-item{
    margin-inline-start:8px!important;
}
#navbar > ul > li > a.header-start-now,
#navbar > ul > li > a.header-start-now:focus{
    min-height:44px;
    padding:10px 17px!important;
    border-radius:13px!important;
    background:linear-gradient(135deg,#263c95 0%,#3d55b3 58%,#536bc9 100%)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(42,61,150,.22)!important;
    border:1px solid rgba(255,255,255,.12);
    font-weight:800!important;
    white-space:nowrap;
}
#navbar > ul > li > a.header-start-now:hover{
    color:#fff!important;
    background:linear-gradient(135deg,#213887 0%,#344da8 58%,#4b63c4 100%)!important;
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(42,61,150,.28)!important;
}
#navbar > ul > li > a.header-start-now i{
    color:#fff!important;
    font-size:12px!important;
}
#navbar > ul > li > a.header-start-now.active:after{display:none!important}

/* First-level and nested desktop dropdowns */
#navbar ul ul.custom-dropdown-menu{
    display:block!important;
    min-width:318px!important;
    max-width:380px;
    padding:10px!important;
    margin-top:10px!important;
    background:rgba(255,255,255,.985)!important;
    border:1px solid #e6eaf4!important;
    border-radius:18px!important;
    box-shadow:0 22px 55px rgba(22,39,91,.14)!important;
    backdrop-filter:blur(14px);
    opacity:0;
    visibility:hidden;
    transform:translateY(7px);
    transition:opacity .18s ease,visibility .18s ease,transform .18s ease!important;
}
#navbar ul li:hover > ul.custom-dropdown-menu{
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(0);
}
#navbar > ul > li > ul.custom-dropdown-menu:before{
    content:"";
    position:absolute;
    top:-8px;
    inset-inline-start:30px;
    width:16px;
    height:16px;
    background:#fff;
    border-inline-start:1px solid #e6eaf4;
    border-top:1px solid #e6eaf4;
    transform:rotate(45deg);
    z-index:-1;
}
#navbar ul ul.custom-dropdown-menu li{
    min-width:0!important;
    width:100%;
    padding:0!important;
    margin:0 0 3px;
}
#navbar ul ul.custom-dropdown-menu li:last-child{
    margin-bottom:0;
}
#navbar ul ul.custom-dropdown-menu a.nav-link{
    position:relative;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:11px;
    min-height:48px;
    padding:9px 11px!important;
    margin:0!important;
    border-radius:12px!important;
    color:#2d395b!important;
    font-size:14.5px!important;
    font-weight:600!important;
    line-height:1.65;
    white-space:normal!important;
    text-align:start;
    transition:background-color .18s ease,color .18s ease,transform .18s ease!important;
}
#navbar ul ul.custom-dropdown-menu a.nav-link > i:not(.drop-arrow){
    width:34px;
    height:34px;
    min-width:34px;
    border-radius:10px;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    margin:0!important;
    background:#eef3ff;
    color:#3754ae!important;
    font-size:15px!important;
    transition:background-color .18s ease,color .18s ease,transform .18s ease!important;
}
#navbar ul ul.custom-dropdown-menu a.nav-link:hover,
#navbar ul ul.custom-dropdown-menu li:hover > a.nav-link{
    color:#223d96!important;
    background:linear-gradient(90deg,#f3f6ff,#f8faff)!important;
    transform:translateX(-2px)!important;
}
html[dir="ltr"] #navbar ul ul.custom-dropdown-menu a.nav-link:hover,
html[dir="ltr"] #navbar ul ul.custom-dropdown-menu li:hover > a.nav-link{
    transform:translateX(2px)!important;
}
#navbar ul ul.custom-dropdown-menu a.nav-link:hover > i:not(.drop-arrow){
    color:#fff!important;
    background:linear-gradient(135deg,#2c459f,#526bc9);
    transform:scale(1.03);
}
#navbar ul ul.custom-dropdown-menu a.nav-link .drop-arrow{
    position:absolute!important;
    inset-inline-end:12px!important;
    inset-inline-start:auto!important;
    top:50%!important;
    transform:translateY(-50%);
    color:#8a95b1!important;
}

/* RTL positioning without falling back to the legacy title font */
html[dir="rtl"] #navbar > ul > li > a.nav-link{
    direction:rtl;
}
html[dir="rtl"] #navbar ul ul.custom-dropdown-menu{
    right:0!important;
    left:auto!important;
    text-align:right;
    direction:rtl;
}
html[dir="rtl"] #navbar .dropdown .dropdown > ul.custom-dropdown-menu{
    right:calc(100% + 10px)!important;
    left:auto!important;
    top:-10px!important;
    margin-top:0!important;
}
html[dir="ltr"] #navbar ul ul.custom-dropdown-menu{
    left:0!important;
    right:auto!important;
    text-align:left;
    direction:ltr;
}
html[dir="ltr"] #navbar .dropdown .dropdown > ul.custom-dropdown-menu{
    left:calc(100% + 10px)!important;
    right:auto!important;
    top:-10px!important;
    margin-top:0!important;
}

/* Keep the header clean on common laptop widths */
@media (min-width:992px) and (max-width:1250px){
    #header > .container{gap:12px}
    #navbar > ul{gap:0}
    #navbar > ul > li > a.nav-link{
        padding:9px 8px!important;
        font-size:13.5px!important;
    }
    #navbar > ul > li > a.header-start-now{
        padding:9px 12px!important;
        font-size:13.5px!important;
    }
    #navbar > ul > li.header-start-now-item{margin-inline-start:4px!important}
    #header .logo img{max-height:50px}
}

/* Mobile menu */
@media (max-width:991px){
    #header > .container{min-height:68px}
    #header .logo img{max-height:48px}
    .mobile-nav-toggle{
        margin:0!important;
        color:#23386f!important;
        font-size:27px!important;
    }
    .navbar-mobile{
        background:rgba(12,24,63,.38);
        backdrop-filter:blur(5px);
    }
    .navbar-mobile > ul{
        top:82px!important;
        right:16px!important;
        left:16px!important;
        bottom:16px!important;
        padding:14px!important;
        border-radius:20px;
        box-shadow:0 25px 65px rgba(13,29,75,.2);
        background:#fff!important;
    }
    .navbar-mobile > ul > li{
        border:0!important;
        margin-bottom:4px;
    }
    .navbar-mobile a.nav-link,
    .navbar-mobile a.nav-link:focus{
        min-height:48px;
        padding:11px 13px!important;
        border-radius:11px;
        color:#24345f!important;
        font-family:'Tajawal',sans-serif!important;
        font-size:15px!important;
        font-weight:700!important;
    }
    .navbar-mobile a.nav-link:hover,
    .navbar-mobile a.nav-link.active{
        background:#f1f5ff!important;
        color:#2d469f!important;
    }
    .navbar-mobile .header-start-now-item{
        margin:10px 0 2px!important;
    }
    .navbar-mobile a.header-start-now,
    .navbar-mobile a.header-start-now:focus,
    .navbar-mobile a.header-start-now:hover{
        justify-content:center!important;
        min-height:50px;
        background:linear-gradient(135deg,#263c95,#536bc9)!important;
        color:#fff!important;
        box-shadow:0 10px 24px rgba(42,61,150,.18)!important;
    }
    .navbar-mobile ul.custom-dropdown-menu{
        position:static!important;
        display:none!important;
        min-width:0!important;
        max-width:none!important;
        width:auto!important;
        margin:5px 7px 9px!important;
        padding:7px!important;
        border-radius:13px!important;
        border:1px solid #edf0f6!important;
        box-shadow:none!important;
        background:#f8faff!important;
        opacity:1!important;
        visibility:visible!important;
        transform:none!important;
    }
    .navbar-mobile li.dropdown > ul.dropdown-active,
    .navbar-mobile li.dropdown > ul.custom-dropdown-menu.dropdown-active{
        display:block!important;
    }
    .navbar-mobile ul.custom-dropdown-menu a.nav-link{
        min-height:44px;
        padding:8px 10px!important;
        font-size:14px!important;
        font-weight:600!important;
    }
    .navbar-mobile ul.custom-dropdown-menu a.nav-link > i:not(.drop-arrow){
        width:30px;
        height:30px;
        min-width:30px;
        border-radius:9px;
    }
    .navbar-mobile .mobile-nav-toggle{
        top:24px!important;
        inset-inline-end:26px!important;
        inset-inline-start:auto!important;
        right:auto!important;
        left:auto!important;
        width:38px;
        height:38px;
        display:flex;
        align-items:center;
        justify-content:center;
        border:1px solid #e5e9f3!important;
        border-radius:11px!important;
        background:#fff!important;
        box-shadow:0 10px 26px rgba(23,39,88,.1);
    }
}


/* Infinity Tech — compact, polished topbar contact details */
#topbar{
    min-height:42px;
    height:auto!important;
    background:#fff!important;
    border-bottom:1px solid #edf0f6;
    box-shadow:none!important;
}
#topbar > .container{
    min-height:42px;
    align-items:center;
}
#topbar .contact-info{
    gap:8px;
    align-items:center;
}
#topbar .contact-info > span{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:4px 10px 4px 8px;
    border:1px solid #e8ecf5;
    border-radius:999px;
    background:#f8faff;
    box-shadow:0 4px 12px rgba(31,48,102,.035);
    color:#60708d;
    font-family:'Tajawal',sans-serif!important;
}
#topbar .contact-info .top-email{
    font-size:0;
}
#topbar .contact-info a{
    color:#40517a!important;
    font-size:12.5px!important;
    font-weight:600;
    line-height:1;
    text-decoration:none!important;
    transition:color .18s ease;
}
#topbar .contact-info a:hover{
    color:#2f4ba4!important;
}
#topbar .contact-info i{
    width:22px;
    height:22px;
    padding:0!important;
    margin:0 0 0 6px!important;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#edf2ff;
    color:#3855af!important;
    font-size:10px!important;
    line-height:1!important;
}
html[dir="ltr"] #topbar .contact-info i{
    margin:0 6px 0 0!important;
}
#topbar .controls,
#topbar .controls a,
#topbar .controls button{
    font-family:'Tajawal',sans-serif!important;
}
#topbar .header-search-btn{
    color:#657492!important;
    font-size:12.5px;
}
#topbar .header-search-btn i{
    color:#3c5eb6!important;
}
#topbar .header-dropdown .btn{
    min-height:30px;
    padding:4px 8px!important;
    border-radius:9px;
    color:#34415f!important;
    font-size:12.5px;
    font-weight:600;
}
#topbar .header-dropdown .btn:hover{
    background:#f5f7fc;
}
@media(max-width:991px){
    #topbar .contact-info{display:none!important}
    #topbar > .container{justify-content:flex-end!important}
}


/* Infinity Tech — Premium Header Layer
   Loaded after the existing header/topbar CSS so the current CMS/menu behavior remains intact. */

:root{
    --it-navy:#172554;
    --it-blue:#3850a4;
    --it-cyan:#56b8db;
    --it-pink:#c15f9f;
    --it-line:#e7ebf4;
    --it-soft:#f7f9fd;
}

/* ===== Top utility bar ===== */
#topbar{
    min-height:40px!important;
    height:auto!important;
    background:linear-gradient(90deg,#f9fbff 0%,#ffffff 45%,#f8faff 100%)!important;
    border-bottom:1px solid rgba(32,51,111,.07)!important;
    box-shadow:none!important;
    z-index:1000;
}

#topbar > .container{
    min-height:40px!important;
}

#topbar .contact-info{
    gap:7px!important;
}

#topbar .contact-info > span{
    min-height:28px!important;
    padding:3px 10px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#67748f!important;
}

#topbar .contact-info > span + span{
    position:relative;
    margin-inline-start:4px;
}

#topbar .contact-info > span + span:before{
    content:"";
    position:absolute;
    inset-inline-start:-6px;
    top:50%;
    width:1px;
    height:16px;
    background:#e1e6f0;
    transform:translateY(-50%);
}

#topbar .contact-info a{
    color:#53617f!important;
    font-size:12.5px!important;
    font-weight:700!important;
}

#topbar .contact-info i{
    width:24px!important;
    height:24px!important;
    margin-inline-end:6px!important;
    margin-inline-start:0!important;
    border-radius:8px!important;
    background:linear-gradient(135deg,rgba(56,80,164,.10),rgba(86,184,219,.12))!important;
    color:#3850a4!important;
    font-size:10px!important;
}

#topbar .controls{
    gap:4px;
}

#topbar .header-search-btn,
#topbar .header-dropdown .btn{
    min-height:30px!important;
    padding:5px 9px!important;
    border:1px solid transparent!important;
    border-radius:9px!important;
    color:#4d5a79!important;
    font-weight:700!important;
    background:transparent!important;
    transition:all .2s ease!important;
}

#topbar .header-search-btn:hover,
#topbar .header-dropdown .btn:hover{
    color:#263f98!important;
    background:#f2f5fc!important;
    border-color:#e6eaf3!important;
}

#topbar .header-search-btn i{
    color:#3850a4!important;
}

/* ===== Main header shell ===== */
#header{
    position:relative;
    background:rgba(255,255,255,.95)!important;
    border-bottom:1px solid rgba(31,48,104,.075)!important;
    box-shadow:0 10px 30px rgba(22,39,91,.055)!important;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    transition:box-shadow .3s ease, background-color .3s ease, transform .3s ease!important;
    z-index:999;
}

#header:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:2px;
    background:linear-gradient(90deg,#3850a4 0%,#56b8db 38%,#c15f9f 68%,#3850a4 100%);
    background-size:220% 100%;
    animation:infinityHeaderLight 9s linear infinite;
    opacity:.9;
}

@keyframes infinityHeaderLight{
    from{background-position:0 50%}
    to{background-position:220% 50%}
}

#header > .container{
    min-height:82px!important;
    gap:24px!important;
    transition:min-height .28s ease!important;
}

#header.header-scrolled{
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 14px 36px rgba(22,39,91,.10)!important;
}

#header.header-scrolled > .container{
    min-height:72px!important;
}

/* logo */
#header .logo{
    position:relative;
    padding:5px 0;
}

#header .logo:after{
    content:"";
    position:absolute;
    inset-inline-end:-15px;
    top:50%;
    width:1px;
    height:34px;
    transform:translateY(-50%);
    background:linear-gradient(180deg,transparent,#dfe5f0,transparent);
}

#header .logo img{
    max-height:59px!important;
    width:auto!important;
    transition:transform .25s ease,max-height .28s ease,filter .25s ease!important;
    filter:drop-shadow(0 4px 10px rgba(31,48,105,.04));
}

#header .logo:hover img{
    transform:translateY(-1px);
}

#header.header-scrolled .logo img{
    max-height:52px!important;
}

/* ===== Desktop navigation ===== */
@media (min-width:992px){
    #navbar > ul{
        gap:2px!important;
        align-items:center!important;
    }

    #navbar > ul > li > a.nav-link{
        position:relative!important;
        min-height:46px!important;
        padding:11px 12px 12px!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
        color:#263457!important;
        font-size:14.5px!important;
        font-weight:750!important;
        letter-spacing:0!important;
        transition:color .2s ease!important;
    }

    #navbar > ul > li > a.nav-link:before{
        content:"";
        position:absolute;
        inset-inline:12px;
        bottom:5px;
        height:2px;
        border-radius:999px;
        background:linear-gradient(90deg,#3850a4,#56b8db,#c15f9f);
        transform:scaleX(0);
        transform-origin:center;
        opacity:0;
        transition:transform .25s ease,opacity .25s ease;
    }

    #navbar > ul > li > a.nav-link:hover,
    #navbar > ul > li:hover > a.nav-link{
        color:#2f479f!important;
        background:transparent!important;
    }

    #navbar > ul > li > a.nav-link:hover:before,
    #navbar > ul > li:hover > a.nav-link:before,
    #navbar > ul > li > a.nav-link.active:before{
        transform:scaleX(1);
        opacity:1;
    }

    #navbar > ul > li > a.nav-link.active,
    #navbar > ul > li > a.nav-link.active:focus{
        color:#233d95!important;
        background:transparent!important;
        box-shadow:none!important;
    }

    #navbar > ul > li > a.nav-link.active:after{
        display:none!important;
    }

    #navbar > ul > li > a.nav-link > i:not(.drop-arrow){
        color:#5e6f9c!important;
        font-size:13px!important;
        transition:color .2s ease!important;
    }

    #navbar > ul > li:hover > a.nav-link > i:not(.drop-arrow),
    #navbar > ul > li > a.nav-link.active > i:not(.drop-arrow){
        color:#3850a4!important;
    }

    #navbar a .drop-arrow{
        color:#9aa5ba!important;
        font-size:9px!important;
    }

    /* CTA */
    #navbar > ul > li.header-start-now-item{
        margin-inline-start:12px!important;
    }

    #navbar > ul > li > a.header-start-now,
    #navbar > ul > li > a.header-start-now:focus{
        min-height:46px!important;
        padding:9px 10px 9px 17px!important;
        border-radius:14px!important;
        background:linear-gradient(135deg,#253b92 0%,#3b55b1 55%,#516ac8 100%)!important;
        color:#fff!important;
        border:1px solid rgba(255,255,255,.18)!important;
        box-shadow:0 10px 25px rgba(42,61,150,.22),inset 0 1px 0 rgba(255,255,255,.15)!important;
        font-size:14px!important;
        font-weight:800!important;
        gap:10px!important;
        overflow:hidden;
        transition:transform .22s ease,box-shadow .22s ease!important;
    }

    html[dir="ltr"] #navbar > ul > li > a.header-start-now{
        padding:9px 17px 9px 10px!important;
    }

    #navbar > ul > li > a.header-start-now:before{
        display:none!important;
    }

    #navbar > ul > li > a.header-start-now i{
        width:28px;
        height:28px;
        border-radius:9px;
        display:inline-flex!important;
        align-items:center;
        justify-content:center;
        background:rgba(255,255,255,.14)!important;
        color:#fff!important;
        font-size:11px!important;
        transition:transform .22s ease,background-color .22s ease!important;
    }

    #navbar > ul > li > a.header-start-now:hover{
        transform:translateY(-2px)!important;
        box-shadow:0 15px 32px rgba(42,61,150,.28),inset 0 1px 0 rgba(255,255,255,.18)!important;
    }

    #navbar > ul > li > a.header-start-now:hover i{
        background:rgba(255,255,255,.22)!important;
        transform:translateX(-2px);
    }

    html[dir="ltr"] #navbar > ul > li > a.header-start-now:hover i{
        transform:translateX(2px);
    }

    /* Dropdowns: clean enterprise panel */
    #navbar ul ul.custom-dropdown-menu{
        min-width:325px!important;
        max-width:400px!important;
        padding:12px!important;
        margin-top:12px!important;
        border:1px solid #e5e9f2!important;
        border-radius:18px!important;
        background:rgba(255,255,255,.99)!important;
        box-shadow:0 24px 65px rgba(24,42,97,.15)!important;
        backdrop-filter:blur(18px)!important;
        -webkit-backdrop-filter:blur(18px)!important;
    }

    #navbar > ul > li > ul.custom-dropdown-menu:after{
        content:"";
        position:absolute;
        top:0;
        inset-inline:16px;
        height:3px;
        border-radius:0 0 999px 999px;
        background:linear-gradient(90deg,#3850a4,#56b8db,#c15f9f);
        opacity:.9;
    }

    #navbar ul ul.custom-dropdown-menu a.nav-link{
        min-height:50px!important;
        padding:9px 11px!important;
        border-radius:12px!important;
        color:#31405f!important;
        font-size:14px!important;
        font-weight:700!important;
    }

    #navbar ul ul.custom-dropdown-menu a.nav-link:hover,
    #navbar ul ul.custom-dropdown-menu li:hover > a.nav-link{
        color:#243e96!important;
        background:linear-gradient(90deg,#f4f7ff 0%,#fbfcff 100%)!important;
    }

    #navbar ul ul.custom-dropdown-menu a.nav-link > i:not(.drop-arrow){
        width:36px!important;
        height:36px!important;
        min-width:36px!important;
        border-radius:11px!important;
        background:linear-gradient(135deg,#f0f4ff,#eef8fb)!important;
        color:#3850a4!important;
    }
}

/* ===== Laptop tightening ===== */
@media (min-width:992px) and (max-width:1250px){
    #header > .container{gap:12px!important}
    #header .logo img{max-height:50px!important}
    #header .logo:after{inset-inline-end:-8px}
    #navbar > ul > li > a.nav-link{
        padding:10px 7px 11px!important;
        font-size:13px!important;
    }
    #navbar > ul > li.header-start-now-item{margin-inline-start:5px!important}
    #navbar > ul > li > a.header-start-now{
        padding:8px 8px 8px 11px!important;
        font-size:12.8px!important;
    }
}

/* ===== Mobile ===== */
@media (max-width:991px){
    #topbar{
        min-height:36px!important;
    }

    #topbar > .container{
        min-height:36px!important;
    }

    #header > .container{
        min-height:70px!important;
    }

    #header .logo:after{
        display:none;
    }

    #header .logo img,
    #header.header-scrolled .logo img{
        max-height:50px!important;
    }

    .mobile-nav-toggle{
        width:42px!important;
        height:42px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        border:1px solid #e3e8f2!important;
        border-radius:13px!important;
        color:#223b8d!important;
        background:#fff!important;
        box-shadow:0 8px 22px rgba(22,39,91,.08)!important;
    }

    .navbar-mobile{
        background:rgba(15,27,66,.42)!important;
        backdrop-filter:blur(8px)!important;
    }

    .navbar-mobile > ul{
        top:76px!important;
        right:12px!important;
        left:12px!important;
        bottom:12px!important;
        padding:15px!important;
        border:1px solid rgba(228,233,243,.95)!important;
        border-radius:22px!important;
        background:rgba(255,255,255,.985)!important;
        box-shadow:0 28px 75px rgba(15,30,76,.22)!important;
    }

    .navbar-mobile > ul > li > a.nav-link,
    .navbar-mobile > ul > li > a.nav-link:focus{
        min-height:49px!important;
        border-radius:12px!important;
        color:#2e3c5f!important;
        font-weight:750!important;
    }

    .navbar-mobile > ul > li > a.nav-link:hover,
    .navbar-mobile > ul > li > a.nav-link.active{
        color:#263f98!important;
        background:#f2f5fc!important;
    }

    .navbar-mobile a.header-start-now,
    .navbar-mobile a.header-start-now:focus,
    .navbar-mobile a.header-start-now:hover{
        min-height:52px!important;
        border-radius:14px!important;
        background:linear-gradient(135deg,#263c95,#536bc9)!important;
        color:#fff!important;
        box-shadow:0 12px 28px rgba(42,61,150,.20)!important;
    }
}

@media (prefers-reduced-motion: reduce){
    #header:before{
        animation:none!important;
    }
}


/* Small visual fixes layered after the premium header stylesheet. */

#navbar > ul > li > a.header-start-now i,
#navbar > ul > li > a.header-start-now:focus i,
.navbar-mobile a.header-start-now i,
.navbar-mobile a.header-start-now:focus i{
    background:#ffffff!important;
    color:#3850a4!important;
    border:1px solid rgba(255,255,255,.92)!important;
    box-shadow:0 4px 12px rgba(20,35,90,.10)!important;
}

#navbar > ul > li > a.header-start-now:hover i,
.navbar-mobile a.header-start-now:hover i{
    background:#ffffff!important;
    color:#263c95!important;
}

.faq-search-empty{
    grid-column:1/-1;
    min-height:170px;
    margin-top:8px;
    padding:28px;
    border:1px dashed #d7e0ef;
    border-radius:22px;
    background:#fff;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:8px;
    text-align:center;
    color:#6d7891;
}

.faq-search-empty i{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:#eef3ff;
    color:#3850a4;
    font-size:18px;
}

.faq-search-empty strong{
    color:#172554;
    font-size:17px;
}

.faq-search-empty span{
    font-size:13px;
}

/* Mobile navigation must sit above the page/header layers, not behind them. */
@media (max-width:991px){
    body:has(#navbar.navbar-mobile){
        overflow:hidden!important;
    }

    #header:has(#navbar.navbar-mobile){
        z-index:12000!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
    }

    #navbar.navbar-mobile{
        position:fixed!important;
        inset:0!important;
        width:100vw!important;
        height:100dvh!important;
        min-height:100vh!important;
        z-index:12010!important;
        overflow:hidden!important;
        background:rgba(15,27,66,.46)!important;
        backdrop-filter:blur(8px)!important;
        -webkit-backdrop-filter:blur(8px)!important;
    }

    #navbar.navbar-mobile > ul{
        position:absolute!important;
        z-index:12020!important;
        top:76px!important;
        right:12px!important;
        left:12px!important;
        bottom:12px!important;
        display:block!important;
        overflow-y:auto!important;
        -webkit-overflow-scrolling:touch;
        background:rgba(255,255,255,.99)!important;
        isolation:isolate;
    }

    #navbar.navbar-mobile > ul > li,
    #navbar.navbar-mobile > ul > li > a{
        position:relative!important;
        z-index:1!important;
    }

    #navbar.navbar-mobile .mobile-nav-toggle{
        position:fixed!important;
        z-index:12030!important;
        top:18px!important;
        inset-inline-end:18px!important;
    }
}