/* =====================================================
   MAIN VARIABLES
====================================================== */

.biz-header {

    --biz-navy: #07111f;
    --biz-navy-light: #0d1c2d;

    --biz-red: #8f2638;
    --biz-red-light: #b83a4d;
    --biz-red-soft: rgba(143, 38, 56, .10);

    --biz-blue: #2563eb;
    --biz-blue-light: #38bdf8;

    --biz-text: #3f4d5d;
    --biz-muted: #8c98a5;

    --biz-gray: #8d98a5;
    --biz-gray-light: #c4ccd5;

    z-index: 9999;
}


/* =====================================================
   TOP BAR
====================================================== */

.biz-topbar {

    min-height: 40px;

    background:
        linear-gradient(
            135deg,
            #07111f 0%,
            #101b2a 55%,
            #1a2431 100%
        );

    color: #edf2f6;

    border-bottom:
        1px solid rgba(255,255,255,.05);
}


.biz-topbar-inner {

    min-height: 40px;

    display: flex;

    align-items: center;

    justify-content: space-between;
}


.biz-contact-info {

    display: flex;

    align-items: center;

    gap: 24px;
}


.biz-contact-info a {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: #ccd5de;

    text-decoration: none;

    font-size: 12px;

    transition: .25s ease;
}


.biz-contact-info a:hover {

    color: #fff;

    transform: translateY(-1px);
}


.biz-contact-info i {

    color:
        var(--biz-red-light);
}


.biz-social-links {

    display: flex;

    align-items: center;

    gap: 4px;
}


.biz-social-links a {

    width: 29px;
    height: 29px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #aeb9c5;

    text-decoration: none;

    border-radius: 8px;

    transition: .25s ease;
}


.biz-social-links a:hover {

    color: #fff;

    background:
        rgba(143,38,56,.20);

    transform:
        translateY(-2px);

    box-shadow:
        0 5px 14px
        rgba(143,38,56,.15);
}


/* =====================================================
   NAVBAR WRAPPER
====================================================== */

.biz-navbar-wrapper {

    padding: 12px 0;

    background: transparent;

    pointer-events: none;
}


.biz-navbar {

    min-height: 76px;

    padding:
        0 17px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    pointer-events: auto;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.99),
            rgba(247,249,251,.98)
        );

    border:
        1px solid #d8dde3;

    border-radius: 20px;

    box-shadow:
        0 12px 38px rgba(24,34,46,.10),
        0 2px 8px rgba(24,34,46,.04);

    backdrop-filter:
        blur(14px);

    -webkit-backdrop-filter:
        blur(14px);
}


/* subtle burgundy line */

.biz-navbar::before {

    content: "";

    position: absolute;

    left: 22px;
    right: 22px;

    top: 0;

    height: 2px;

    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(143,38,56,.45),
            transparent
        );

    pointer-events: none;
}


/* =====================================================
   LOGO
====================================================== */

.biz-logo {

    position: relative;

    width: 165px;
    height: 60px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 14px;

    overflow: hidden;
}


.biz-logo img {

    position: relative;

    z-index: 2;

    max-width: 155px;
    max-height: 50px;

    object-fit: contain;

    transition:
        transform .35s ease,

        filter .35s ease;
}


.biz-logo:hover img {

    transform:
        scale(1.045);
}


.biz-logo-glow {

    position: absolute;

    width: 100px;
    height: 100px;

    background:
        radial-gradient(
            circle,
            rgba(143,38,56,.17),
            transparent 70%
        );

    filter:
        blur(8px);

    opacity: 0;

    transition:
        opacity .35s ease;
}


.biz-logo:hover .biz-logo-glow {

    opacity: 1;
}


/* =====================================================
   NAVIGATION
====================================================== */

.biz-navmenu {

    flex: 1;

    display: flex;

    justify-content: center;
}


.biz-navmenu > ul {

    margin: 0;
    padding: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 2px;

    list-style: none;
}


.biz-navmenu > ul > li {

    position: relative;

    list-style: none;
}


.biz-navmenu > ul > li > a {

    min-height: 49px;

    padding:
        0 10px;

    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: var(--biz-text);

    text-decoration: none;

    white-space: nowrap;

    font-size: 13px;

    font-weight: 650;

    border-radius: 11px;

    transition:
        color .25s ease,
        background .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}


.biz-navmenu > ul > li > a > i:first-child {

    color:
        #7f8b98;

    font-size: 14px;

    transition: .25s ease;
}


.biz-navmenu > ul > li > a:hover {

    color:
        var(--biz-red);

    background:
        linear-gradient(
            135deg,
            #faf5f6,
            #f4e9ec
        );

    transform:
        translateY(-1px);

    box-shadow:
        inset 0 0 0 1px rgba(143,38,56,.04);
}


.biz-navmenu > ul > li > a:hover > i:first-child {

    color:
        var(--biz-red-light);

    transform:
        translateY(-1px);
}


.biz-navmenu > ul > li > a.active {

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--biz-navy),
            #182737
        );

    box-shadow:
        0 8px 22px rgba(7,17,31,.20);
}


.biz-navmenu > ul > li > a.active > i:first-child {

    color:
        #f0b2bc;
}


/* =====================================================
   MAIN DROPDOWNS
====================================================== */

.biz-arrow {

    font-size: 9px !important;

    transition:
        transform .25s ease;
}


.biz-dropdown:hover
> a
.biz-arrow {

    transform:
        rotate(180deg);
}


.biz-dropdown-menu {

    position: absolute;

    top:
        calc(100% + 13px);

    left: 0;

    width: 315px;

    margin: 0;

    padding: 9px;

    list-style: none;

    background:
        rgba(255,255,255,.99);

    border:
        1px solid #e1e4e8;

    border-radius: 17px;

    box-shadow:
        0 25px 70px rgba(16,29,43,.15);

    backdrop-filter:
        blur(14px);

    opacity: 0;

    visibility: hidden;

    transform:
        translateY(10px)
        scale(.98);

    transition:
        .25s ease;

    z-index: 10000;
}


.biz-dropdown:hover
> .biz-dropdown-menu {

    opacity: 1;

    visibility: visible;

    transform:
        translateY(0)
        scale(1);
}


/* =====================================================
   FEATURE ITEM
====================================================== */

.biz-feature-item > a {

    min-height: 68px;

    padding: 7px;

    display: grid;

    grid-template-columns:
        42px 1fr 18px;

    align-items: center;

    gap: 10px;

    color: var(--biz-text);

    text-decoration: none;

    border-radius: 12px;

    transition: .25s ease;
}


.biz-feature-item > a:hover {

    background:
        linear-gradient(
            135deg,
            #faf6f7,
            #f5eaed
        );
}


.biz-feature-icon {

    width: 40px;
    height: 40px;

    display: flex;

    align-items: center;
    justify-content: center;

    color:
        var(--biz-red);

    background:
        linear-gradient(
            135deg,
            #f7e9ed,
            #f1dfe3
        );

    border-radius: 11px;

    transition: .3s ease;
}


.biz-feature-item > a:hover
.biz-feature-icon {

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--biz-red),
            var(--biz-red-light)
        );

    box-shadow:
        0 8px 18px rgba(143,38,56,.18);

    transform:
        translateY(-1px);
}


.biz-feature-text {

    display: flex;

    flex-direction: column;

    gap: 3px;
}


.biz-feature-text strong {

    color:
        var(--biz-navy);

    font-size: 12px;
}


.biz-feature-text small {

    color:
        var(--biz-muted);

    font-size: 9px;
}


.biz-external-arrow {

    font-size: 10px;

    color: #98a2ac;

    transition: .25s ease;
}


.biz-feature-item a:hover
.biz-external-arrow {

    color:
        var(--biz-red);

    transform:
        translate(-2px,-2px);
}


.biz-divider {

    height: 1px;

    margin:
        7px 5px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #dde1e5,
            transparent
        );
}


/* =====================================================
   CATEGORY
====================================================== */

.biz-category {

    position: relative;

    list-style: none;
}


.biz-category-link {

    min-height: 46px;

    padding:
        5px 7px;

    display: grid;

    grid-template-columns:
        38px 1fr 18px;

    align-items: center;

    gap: 10px;

    color:
        #5c6874;

    text-decoration: none;

    border-radius: 11px;

    transition: .25s ease;
}


.biz-category-link:hover {

    color:
        var(--biz-navy);

    background:
        linear-gradient(
            135deg,
            #faf5f6,
            #f4e9ec
        );
}


.biz-category-icon {

    width: 34px;
    height: 34px;

    display: flex;

    align-items: center;
    justify-content: center;

    color:
        #77828d;

    background:
        #edf0f3;

    border-radius: 9px;

    font-size: 12px;

    transition: .25s ease;
}


.biz-category-link:hover
.biz-category-icon {

    color:
        var(--biz-red);

    background:
        #f5e4e8;

    box-shadow:
        0 6px 15px rgba(143,38,56,.08);
}


.biz-category-name {

    font-size: 12px;

    font-weight: 600;
}


.biz-child-arrow {

    color:
        #9aa5af;

    font-size: 9px;

    transition: .25s ease;
}


.biz-category-link:hover
.biz-child-arrow {

    color:
        var(--biz-red);
}


/* =====================================================
   CHILD MENU
====================================================== */

.biz-child-menu {

    position: absolute;

    top: -6px;

    left:
        calc(100% + 10px);

    width: 270px;

    margin: 0;

    padding: 9px;

    list-style: none;

    background:
        #fff;

    border:
        1px solid #e2e5e8;

    border-radius: 15px;

    box-shadow:
        0 22px 60px rgba(16,29,43,.14);

    opacity: 0;

    visibility: hidden;

    transform:
        translateX(-10px)
        scale(.98);

    transition:
        .22s ease;

    z-index: 10001;
}


.biz-category:hover
> .biz-child-menu {

    opacity: 1;

    visibility: visible;

    transform:
        translateX(0)
        scale(1);
}


/* =====================================================
   RTL DROPDOWNS
====================================================== */

.biz-header[dir="rtl"]
.biz-dropdown-menu {

    left: auto;

    right: 0;
}


.biz-header[dir="rtl"]
.biz-child-menu {

    left: auto;

    right:
        calc(100% + 10px);

    transform:
        translateX(10px)
        scale(.98);
}


.biz-header[dir="rtl"]
.biz-category:hover
> .biz-child-menu {

    transform:
        translateX(0)
        scale(1);
}


/* =====================================================
   LANGUAGE DROPDOWN
====================================================== */

.biz-language-dropdown {

    position: relative;

    margin-left: 6px;
}


.lux-language-trigger {

    min-width: 125px;

    height: 46px;

    padding:
        0 10px;

    display: flex !important;

    align-items: center;

    justify-content: center;

    gap: 8px;

    color:
        #344352 !important;

    text-decoration: none;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f3f5f7
        );

    border:
        1px solid #d9dee3;

    border-radius: 13px;

    box-shadow:
        0 5px 18px rgba(27,39,52,.07);

    transition:
        .3s ease;
}


.lux-language-trigger:hover {

    color:
        #fff !important;

    background:
        linear-gradient(
            135deg,
            var(--biz-navy),
            #1a2b3c
        );

    border-color:
        var(--biz-navy);

    transform:
        translateY(-2px);

    box-shadow:
        0 9px 25px rgba(7,17,31,.18);
}


.lux-language-globe {

    width: 29px;
    height: 29px;

    display: flex;

    align-items: center;
    justify-content: center;

    color:
        var(--biz-red);

    background:
        #f6e8eb;

    border-radius: 9px;

    font-size: 13px;

    transition: .3s ease;
}


.lux-language-trigger:hover
.lux-language-globe {

    color: #fff;

    background:
        rgba(255,255,255,.13);

    transform:
        rotate(-8deg);
}


.lux-language-current {

    font-size: 11px;

    font-weight: 750;

    white-space: nowrap;
}


.lux-language-chevron {

    font-size: 9px;

    color:
        #83909c;

    transition:
        transform .3s ease;
}


.biz-language-dropdown:hover
.lux-language-chevron {

    transform:
        rotate(180deg);

    color:
        #fff;
}


/* =====================================================
   LANGUAGE MENU
====================================================== */

.lux-language-menu {

    position: absolute;

    top:
        calc(100% + 12px);

    right: 0;

    width: 235px;

    margin: 0;

    padding: 8px;

    list-style: none;

    background:
        rgba(255,255,255,.99);

    border:
        1px solid #dde1e5;

    border-radius: 16px;

    box-shadow:
        0 20px 55px rgba(16,29,43,.14);

    backdrop-filter:
        blur(15px);

    opacity: 0;

    visibility: hidden;

    transform:
        translateY(10px)
        scale(.97);

    transition:
        .25s ease;

    z-index: 10005;
}


.biz-language-dropdown:hover
.lux-language-menu {

    opacity: 1;

    visibility: visible;

    transform:
        translateY(0)
        scale(1);
}


.lux-language-menu::before {

    content: "";

    position: absolute;

    top: -6px;

    right: 28px;

    width: 11px;
    height: 11px;

    background:
        #fff;

    border-left:
        1px solid #dde1e5;

    border-top:
        1px solid #dde1e5;

    transform:
        rotate(45deg);
}


.lux-language-menu li {

    list-style: none;

    margin:
        2px 0;
}


.lux-language-menu li a {

    min-height: 58px;

    padding:
        7px 8px;

    display: grid;

    grid-template-columns:
        38px 1fr 18px;

    align-items: center;

    gap: 9px;

    color:
        #445361;

    text-decoration: none;

    border-radius: 11px;

    transition:
        .25s ease;
}


.lux-language-menu li a:hover {

    color:
        #21384d;

    background:
        linear-gradient(
            135deg,
            #faf5f6,
            #f3e8eb
        );

    transform:
        translateX(-2px);
}


.lux-language-flag {

    width: 36px;
    height: 36px;

    display: flex;

    align-items: center;
    justify-content: center;

    font-size: 19px;

    background:
        linear-gradient(
            135deg,
            #f2f4f6,
            #e7eaed
        );

    border-radius: 10px;

    box-shadow:
        0 3px 9px rgba(30,45,60,.07);
}


.lux-language-info {

    display: flex;

    flex-direction: column;

    gap: 3px;
}


.lux-language-info strong {

    font-size: 12px;

    font-weight: 750;

    color:
        #32475a;
}


.lux-language-info small {

    color:
        #8b969f;

    font-size: 9px;
}


.lux-language-menu li a > i {

    color:
        #98a4ad;

    font-size: 11px;

    transition:
        .25s ease;
}


.lux-language-menu li a:hover > i {

    color:
        var(--biz-red);

    transform:
        translate(-2px,-2px);
}


.lux-language-menu
.current-language {

    cursor:
        default;

    background:
        linear-gradient(
            135deg,
            #faf4f6,
            #f5e9ec
        );

    border:
        1px solid #ead6da;
}


.lux-language-menu
.current-language
.lux-language-info
strong {

    color:
        var(--biz-red);
}


.lux-language-menu
.current-language
> i {

    color:
        var(--biz-red);
}


/* =====================================================
   MOBILE
====================================================== */

@media (max-width: 991px) {

    .biz-topbar {

        display: none;
    }


    .biz-navbar-wrapper {

        padding:
            8px 0;
    }


    .biz-navbar {

        min-height: 68px;

        padding:
            0 12px;

        border-radius: 17px;
    }


    .biz-logo {

        width: 145px;

        height: 56px;
    }


    .biz-logo img {

        max-width: 135px;

        max-height: 46px;
    }


    .biz-navmenu {

        flex:
            0 0 auto;

        position: static;
    }


    .biz-navmenu > ul {

        position: absolute;

        top:
            calc(100% + 8px);

        left: 0;
        right: 0;

        width: 100%;

        max-height: 0;

        overflow: hidden;

        padding:
            0 14px;

        display: block;

        background:
            rgba(255,255,255,.99);

        border:
            1px solid #e1e4e8;

        border-radius: 17px;

        box-shadow:
            0 20px 55px rgba(16,29,43,.15);

        opacity: 0;

        visibility: hidden;

        transform:
            translateY(-7px);

        transition:
            max-height .35s ease,
            opacity .25s ease,
            visibility .25s ease,
            transform .25s ease;
    }


    .biz-navmenu.mobile-nav-active
    > ul {

        max-height:
            calc(100vh - 100px);

        overflow-y: auto;

        padding-top: 7px;

        padding-bottom: 14px;

        opacity: 1;

        visibility: visible;

        transform:
            translateY(0);
    }


    .biz-navmenu > ul > li {

        width: 100%;
    }


    .biz-navmenu > ul > li > a {

        width: 100%;

        min-height: 52px;

        padding:
            0 11px;

        border-radius: 11px;

        font-size: 13px;

        border-bottom:
            1px solid #edf0f3;
    }


    .biz-navmenu > ul > li > a:hover {

        color:
            var(--biz-red);

        background:
            #faf4f6;
    }


    /* =================================================
       MOBILE MAIN DROPDOWN
    ================================================== */

    .biz-dropdown-menu {

        position: static;

        width: 100%;

        max-height: 0;

        overflow: hidden;

        margin: 0;

        padding: 0;

        border: 0;

        border-radius: 0;

        box-shadow: none;

        opacity: 1;

        visibility: visible;

        transform: none;

        transition:
            max-height .35s ease;
    }


    .biz-dropdown.mobile-dropdown-active
    > .biz-dropdown-menu {

        max-height:
            1200px;

        padding:
            5px 0 10px;
    }


    /* =================================================
       MOBILE CHILD
    ================================================== */

    .biz-child-menu {

        position: static;

        width: 100%;

        max-height: 0;

        overflow: hidden;

        padding:
            0 0 0 25px;

        border: 0;

        box-shadow: none;

        opacity: 1;

        visibility: visible;

        transform: none !important;

        transition:
            max-height .3s ease;
    }


    .biz-category.mobile-category-active
    > .biz-child-menu {

        max-height:
            800px;

        padding-bottom:
            5px;
    }


    /* =================================================
       MOBILE LANGUAGE
    ================================================== */

    .biz-language-dropdown {

        width: 100%;

        margin:
            8px 0 0;
    }


    .lux-language-trigger {

        width: 100%;

        height: 52px;

        justify-content:
            flex-start;

        padding:
            0 12px;

        border-radius:
            12px;
    }


    .lux-language-chevron {

        margin-left:
            auto;
    }


    .lux-language-menu {

        position: static;

        width: 100%;

        max-height: 0;

        overflow: hidden;

        padding: 0;

        margin: 0;

        border: 0;

        border-radius: 0;

        box-shadow: none;

        opacity: 1;

        visibility: visible;

        transform: none;

        transition:
            max-height .3s ease;
    }


    .biz-language-dropdown.mobile-language-active
    .lux-language-menu {

        max-height:
            180px;

        padding:
            7px 0;
    }


    .lux-language-menu::before {

        display: none;
    }


    .lux-language-menu li a {

        min-height:
            52px;
    }


    /* =================================================
       MOBILE BUTTON
    ================================================== */

    .mobile-nav-toggle {

        width: 43px;
        height: 43px;

        display: flex !important;

        align-items: center;
        justify-content: center;

        color:
            var(--biz-navy);

        background:
            linear-gradient(
                135deg,
                #f3e9ec,
                #f8f1f3
            );

        border:
            1px solid #ead8dd;

        border-radius:
            11px;

        cursor:
            pointer;

        font-size:
            21px;

        transition:
            .25s ease;
    }


    .mobile-nav-toggle:hover {

        color: #fff;

        background:
            linear-gradient(
                135deg,
                var(--biz-red),
                var(--biz-red-light)
            );

        border-color:
            var(--biz-red);

        box-shadow:
            0 8px 20px
            rgba(143,38,56,.20);
    }

}


/* =====================================================
   SMALL MOBILE
====================================================== */

@media (max-width: 575px) {

    .biz-navbar {

        border-radius:
            15px;
    }


    .biz-logo {

        width:
            130px;
    }


    .biz-logo img {

        max-width:
            122px;
    }

}