/* ==========================================================
   ZAN PEARL PREMIUM HEADER
   Inspired by modern luxury travel navigation
========================================================== */

:root{
    --zh-navy:#00574f;
    --zh-navy2:#004740;

    --zh-blue:#FFD21A;
    --zh-sky:#ff9d00;
    --zh-turquoise:#ffffff;

    --zh-gold:#63737a;

    --zh-white:#ffffff;
}



/* ==========================================================
   HEADER
========================================================== */

body .site-header{
    position:relative !important;

    width:100%;

    background:transparent !important;

    border-top:2px solid var(--zh-turquoise) !important;

    box-shadow:none !important;

    z-index:1000;
}


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

body .site-header .top-bar{
    display:block !important;

    min-height:68px;

    background:#081b25 !important;

    border:0 !important;
}


body .site-header .top-bar .nav-container{
    width:min(1480px,calc(100% - 42px)) !important;

    min-height:68px !important;

    margin:0 auto;

    display:flex;

    align-items:center;

    justify-content:space-between;
}


body .site-header .top-left,
body .site-header .top-right{
    display:flex;

    align-items:center;

    gap:28px;
}


body .site-header .top-left a,
body .site-header .top-left span,
body .site-header .top-right > span,
body .site-header .top-right > a{
    color:#ffffff !important;

    font-family:'Manrope',Arial,sans-serif;

    font-size:14px;

    font-weight:500;

    text-decoration:none;

    opacity:1 !important;
}


body .site-header .top-left i{
    margin-right:9px;

    color:var(--zh-gold) !important;
}


body .site-header .top-right > a{
    width:32px;
    height:32px;

    display:flex;

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

    border-radius:50%;

    transition:.2s ease;
}


body .site-header .top-right > a:hover{
    background:rgba(8,185,199,.15);

    color:var(--zh-turquoise) !important;
}


body .site-header .top-language{
    display:flex;

    align-items:center;

    gap:10px;
}


body .site-header .top-language i{
    font-size:9px;
}


body .site-header .top-divider{
    width:1px;
    height:24px;

    background:rgba(255,255,255,.35);
}


/* ==========================================================
   MAIN NAVBAR
========================================================== */

body .site-header .main-navbar{
    position:relative !important;

    min-height:120px;

    background:
        linear-gradient(
            90deg,
            #00574f 0%,
            #087a70 45%,
            #0a9187 100%
        ) !important;

    border:0 !important;

    box-shadow:
        0 8px 22px
        rgba(4,31,56,.12) !important;

    overflow:hidden;
}


body .site-header .main-navbar > .nav-container{
    width:100% !important;
    max-width:none !important;

    min-height:120px !important;

    margin:0 !important;

    padding:0 !important;

    display:grid !important;

    grid-template-columns:
        minmax(300px,370px)
        minmax(620px,1fr)
        minmax(290px,340px);

    align-items:center;
}


/* ==========================================================
   LEFT LOGO PANEL
========================================================== */

body .site-header .site-logo{
    position:relative;

    width:100% !important;
    height:120px !important;

    padding:
        15px
        50px
        15px
        52px !important;

    margin:0 !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    background:#ffffff !important;

    border:0 !important;

    border-radius:
        0
        65px
        65px
        0 !important;

    box-shadow:none !important;

    overflow:visible !important;

    z-index:3;
}


/* turquoise decorative layer */

body .site-header .site-logo::after{
    content:"";

    position:absolute;

    top:0;
    right:-17px;
    bottom:0;

    width:42px;

    z-index:-1;

    border-radius:
        0
        70px
        70px
        0;

    background:rgba(255,255,255,.35);
}


body .site-header .site-logo img{
    display:block !important;

    width:260px !important;
    max-width:260px !important;

    height:86px !important;
    max-height:86px !important;

    object-fit:contain !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    border-radius:0 !important;

    background:transparent !important;

    box-shadow:none !important;

    filter:none !important;
}


/* ==========================================================
   MENU CENTER
========================================================== */

body .site-header .main-menu{
    min-height:120px;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    gap:39px !important;

    padding:0 32px;
}


body .site-header .main-menu a{
    position:relative;

    min-height:120px;

    padding:0 !important;

    display:flex;

    align-items:center;

    color:#ffffff !important;

    background:transparent !important;

    border:0 !important;

    font-family:'Manrope',Arial,sans-serif;

    font-size:15px !important;

    font-weight:700 !important;

    line-height:1;

    text-decoration:none;

    opacity:1 !important;

    white-space:nowrap;

    transition:.2s ease;
}


body .site-header .main-menu a:hover{
    color:#ffffff !important;
}


body .site-header .main-menu a.active{
    color:#ffffff !important;
}


/* active underline */

body .site-header .main-menu a.active::after{
    content:"";

    position:absolute;

    left:50%;

    bottom:30px;

    width:35px;

    height:3px;

    transform:translateX(-50%);

    border-radius:50px;

    background:var(--zh-gold) !important;
}


/* ==========================================================
   RIGHT CALL PANEL
========================================================== */

body .site-header .nav-actions{
    width:100%;

    min-height:120px;

    display:flex !important;

    align-items:center !important;

    justify-content:flex-end !important;

    gap:0 !important;
}


body .site-header .header-call{
    position:relative;

    width:100%;

    min-height:120px;

    padding:16px 34px 16px 52px;

    display:flex;

    align-items:center;

    gap:17px;

    background:#ffffff;

    color:var(--zh-navy) !important;

    border-radius:
        65px
        0
        0
        65px;

    text-decoration:none;

    transition:.25s ease;
}


body .site-header .header-call::before{
    content:"";

    position:absolute;

    left:-17px;
    top:0;
    bottom:0;

    width:42px;

    z-index:-1;

    border-radius:
        70px
        0
        0
        70px;

    background:rgba(255,255,255,.35);
}


body .site-header .header-call-icon{
    width:60px;
    height:60px;

    flex:none;

    display:flex;

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

    border-radius:50%;

    border:2px solid var(--zh-turquoise);

    background:
        linear-gradient(
            135deg,
            #00574f,
            #0a9187
        );

    color:#ffffff;

    font-size:20px;

    box-shadow:
        inset 0 0 0 5px #ffffff;
}


body .site-header .header-call-text{
    display:block;
}


body .site-header .header-call-text small{
    display:block;

    margin-bottom:5px;

    color:#687d8b;

    font-size:11px;

    font-weight:600;
}


body .site-header .header-call-text strong{
    display:block;

    color:var(--zh-navy);

    font-size:17px;

    font-weight:700;

    white-space:nowrap;
}


body .site-header .header-call:hover
.header-call-icon{
    transform:rotate(6deg);
}


/* ==========================================================
   MENU TOGGLE
========================================================== */

body .site-header .menu-toggle{
    display:none;

    width:48px;
    height:48px;

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

    border:0;

    border-radius:8px;

    background:var(--zh-gold);

    color:var(--zh-navy);

    font-size:19px;
}


/* ==========================================================
   STICKY
========================================================== */

body .site-header.sticky{
    background:transparent !important;
}

body .site-header.sticky .main-navbar{
    background:
        linear-gradient(
            90deg,
            #00574f,
            #087a70,
            #0a9187
        ) !important;
}


/* ==========================================================
   DESKTOP SMALL
========================================================== */

@media(max-width:1250px){

    body .site-header .main-navbar > .nav-container{
        grid-template-columns:
            280px
            1fr
            270px;
    }

    body .site-header .site-logo{
        padding-left:30px !important;
        padding-right:38px !important;
    }

    body .site-header .site-logo img{
        width:220px !important;
        max-width:220px !important;
    }

    body .site-header .main-menu{
        gap:24px !important;

        padding:0 18px;
    }

    body .site-header .main-menu a{
        font-size:13px !important;
    }

    body .site-header .header-call{
        padding-left:38px;
        padding-right:20px;
    }

}


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

@media(max-width:980px){

    body .site-header .top-bar{
        display:none !important;
    }


    body .site-header .main-navbar{
        min-height:88px;
    }


    body .site-header .main-navbar > .nav-container{
        width:100% !important;

        min-height:88px !important;

        padding:0 18px !important;

        display:flex !important;

        align-items:center;

        justify-content:space-between;
    }


    body .site-header .site-logo{
        width:auto !important;

        height:88px !important;

        padding:8px 28px 8px 0 !important;

        background:transparent !important;

        border-radius:0 !important;
    }


    body .site-header .site-logo::after{
        display:none;
    }


    body .site-header .site-logo img{
        width:190px !important;

        max-width:190px !important;

        height:68px !important;
    }


    body .site-header .main-menu{
        position:absolute;

        top:88px;

        left:15px;
        right:15px;

        min-height:0;

        padding:14px;

        display:none !important;

        flex-direction:column;

        align-items:stretch !important;

        gap:0 !important;

        border-radius:12px;

        background:#00574f;

        box-shadow:
            0 18px 45px
            rgba(4,31,56,.22);

        z-index:9999;
    }


    body .site-header .main-menu.active{
        display:flex !important;
    }


    body .site-header .main-menu a{
        min-height:50px;

        padding:0 15px !important;

        border-bottom:
            1px solid
            rgba(255,255,255,.08) !important;

        font-size:14px !important;
    }


    body .site-header .main-menu a.active::after{
        display:none;
    }


    body .site-header .header-call{
        display:none !important;
    }


    body .site-header .nav-actions{
        width:auto;

        min-height:auto;
    }


    body .site-header .menu-toggle{
        display:flex !important;
    }

}


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

@media(max-width:600px){

    body .site-header .main-navbar > .nav-container{
        padding:0 14px !important;
    }

    body .site-header .site-logo img{
        width:160px !important;
        max-width:160px !important;

        height:58px !important;
    }

}



/* ==========================================================
   FINAL COMPACT HEADER
   Match reference proportions
========================================================== */


/* HEADER */

body .site-header{
    border-top:2px solid #0a9187 !important;
}


/* ==========================================================
   TOP BAR - SMALLER
========================================================== */

body .site-header .top-bar{
    min-height:54px !important;

    height:54px !important;

    background:#071b25 !important;
}


body .site-header .top-bar .nav-container{
    min-height:54px !important;

    height:54px !important;

    width:min(1480px,calc(100% - 38px)) !important;
}


body .site-header .top-left,
body .site-header .top-right{
    gap:24px !important;
}


body .site-header .top-left a,
body .site-header .top-left span,
body .site-header .top-right > span,
body .site-header .top-right > a{
    font-size:12px !important;
}


/* ==========================================================
   MAIN NAVBAR - REDUCE HEIGHT
========================================================== */

body .site-header .main-navbar{
    min-height:92px !important;

    height:92px !important;

    overflow:visible !important;
}


body .site-header .main-navbar > .nav-container{
    min-height:92px !important;

    height:92px !important;

    grid-template-columns:
        minmax(300px,360px)
        minmax(590px,1fr)
        minmax(265px,315px) !important;
}


/* ==========================================================
   LEFT LOGO PANEL
========================================================== */

body .site-header .site-logo{
    height:92px !important;

    min-height:92px !important;

    padding:
        8px
        45px
        8px
        42px !important;

    border-radius:
        0
        52px
        52px
        0 !important;

    background:#ffffff !important;
}


body .site-header .site-logo::after{
    right:-13px !important;

    width:31px !important;

    border-radius:
        0
        55px
        55px
        0 !important;

    background:
        rgba(255,255,255,.34) !important;
}


body .site-header .site-logo img{
    width:255px !important;

    max-width:255px !important;

    height:72px !important;

    max-height:72px !important;

    object-fit:contain !important;
}


/* ==========================================================
   CENTER MENU
========================================================== */

body .site-header .main-menu{
    min-height:92px !important;

    height:92px !important;

    gap:38px !important;

    padding:0 28px !important;
}


body .site-header .main-menu a{
    min-height:92px !important;

    height:92px !important;

    font-size:14px !important;
}


body .site-header .main-menu a.active::after{
    bottom:18px !important;

    width:34px !important;

    height:3px !important;

    background:#FFD21A !important;
}


/* ==========================================================
   RIGHT CALL PANEL
========================================================== */

body .site-header .nav-actions{
    min-height:92px !important;

    height:92px !important;

    width:100% !important;
}


body .site-header .header-call{
    position:relative;

    width:100% !important;

    min-height:92px !important;

    height:92px !important;

    padding:
        10px
        26px
        10px
        44px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:flex-start !important;

    gap:14px !important;

    background:#ffffff !important;

    border-radius:
        52px
        0
        0
        52px !important;

    color:#00574f !important;

    text-decoration:none !important;
}


body .site-header .header-call::before{
    content:"";

    position:absolute;

    left:-13px !important;

    top:0;

    bottom:0;

    width:31px !important;

    border-radius:
        55px
        0
        0
        55px !important;

    background:
        rgba(255,255,255,.34) !important;

    z-index:-1;
}


body .site-header .header-call-icon{
    width:54px !important;

    height:54px !important;

    min-width:54px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    border-radius:50% !important;

    border:
        2px solid
        #0a9187 !important;

    background:
        linear-gradient(
            135deg,
            #00574f,
            #0a9187
        ) !important;

    color:#ffffff !important;

    box-shadow:
        inset
        0 0 0 4px
        #ffffff !important;

    font-size:17px !important;
}


body .site-header .header-call-text{
    display:block !important;

    min-width:0;
}


body .site-header .header-call-text small{
    display:block !important;

    margin-bottom:3px !important;

    color:#657B89 !important;

    font-size:10px !important;

    line-height:1.2 !important;

    font-weight:600 !important;
}


body .site-header .header-call-text strong{
    display:block !important;

    color:#00574f !important;

    font-size:15px !important;

    line-height:1.2 !important;

    font-weight:700 !important;

    white-space:nowrap;
}


/* ==========================================================
   REMOVE OLD PLAN TRIP IF ANY CSS / ELEMENT SURVIVES
========================================================== */

body .site-header .nav-actions > .book-btn{
    display:none !important;
}


/* ==========================================================
   DESKTOP 1250
========================================================== */

@media(max-width:1250px){

    body .site-header .main-navbar > .nav-container{

        grid-template-columns:
            275px
            minmax(500px,1fr)
            260px !important;
    }


    body .site-header .site-logo img{
        width:215px !important;

        max-width:215px !important;
    }


    body .site-header .main-menu{
        gap:23px !important;

        padding:
            0
            16px !important;
    }


    body .site-header .main-menu a{
        font-size:12px !important;
    }


    body .site-header .header-call{
        padding-left:35px !important;

        padding-right:15px !important;
    }


    body .site-header .header-call-icon{
        width:48px !important;

        min-width:48px !important;

        height:48px !important;
    }


    body .site-header .header-call-text strong{
        font-size:13px !important;
    }

}


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

@media(max-width:980px){

    body .site-header .top-bar{
        display:none !important;
    }


    body .site-header .main-navbar,
    body .site-header .main-navbar > .nav-container{
        min-height:76px !important;

        height:76px !important;
    }


    body .site-header .site-logo{
        height:76px !important;

        min-height:76px !important;

        padding:
            5px
            20px
            5px
            0 !important;

        background:transparent !important;

        border-radius:0 !important;
    }


    body .site-header .site-logo::after{
        display:none !important;
    }


    body .site-header .site-logo img{
        width:180px !important;

        max-width:180px !important;

        height:62px !important;
    }


    body .site-header .header-call{
        display:none !important;
    }


    body .site-header .nav-actions{
        width:auto !important;

        height:auto !important;

        min-height:0 !important;
    }


    body .site-header .main-menu{
        top:76px !important;

        height:auto !important;
    }

}


@media(max-width:600px){

    body .site-header .main-navbar,
    body .site-header .main-navbar > .nav-container{
        min-height:70px !important;

        height:70px !important;
    }


    body .site-header .site-logo{
        height:70px !important;
    }


    body .site-header .site-logo img{
        width:155px !important;

        max-width:155px !important;

        height:55px !important;
    }


    body .site-header .main-menu{
        top:70px !important;
    }

}


/* =========================================================
   ZURI JOURNEYS LANGUAGE SWITCHER
========================================================= */

.language-switcher{
    position:relative;
    z-index:99999;
}

.language-current{
    display:flex;
    align-items:center;
    gap:8px;
    padding:5px 2px;
    border:0;
    outline:0;
    background:transparent;
    color:#fff;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
}

.language-current img{
    width:20px;
    height:14px;
    object-fit:cover;
    border-radius:2px;
}

.language-current i{
    font-size:10px;
    transition:transform .25s ease;
}

.language-switcher.open .language-current i{
    transform:rotate(180deg);
}

.language-dropdown{
    position:absolute;
    top:calc(100% + 12px);
    right:0;

    width:210px;
    padding:8px;

    background:#fff;
    border:1px solid rgba(0,0,0,.06);
    border-radius:12px;

    box-shadow:0 18px 50px rgba(0,0,0,.17);

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transform:translateY(-7px);

    transition:
        opacity .2s ease,
        visibility .2s ease,
        transform .2s ease;
}

.language-switcher.open .language-dropdown{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
}

.language-dropdown::before{
    content:"";
    position:absolute;
    width:12px;
    height:12px;
    top:-6px;
    right:25px;
    background:#fff;
    transform:rotate(45deg);
}

.language-option{
    display:flex;
    width:100%;
    align-items:center;
    gap:11px;

    padding:10px 11px;

    border:0;
    background:transparent;
    border-radius:8px;

    color:#172920;

    font-size:14px;
    font-weight:600;

    cursor:pointer;
    text-align:left;

    transition:.2s ease;
}

.language-option:hover,
.language-option.active{
    background:#fff3e2;
    color:#e97808;
}

.language-option img{
    width:24px;
    height:16px;
    object-fit:cover;
    border-radius:2px;
}

@media(max-width:767px){

    .language-dropdown{
        right:-8px;
        width:200px;
    }

    .language-current span{
        display:none;
    }

    .language-current img{
        width:24px;
        height:16px;
    }
}



/* =========================================================
   ZURI JOURNEYS - TRANSLATION CLEANUP
========================================================= */

/* Hide Google translation UI */

.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
.goog-te-balloon-frame,
.goog-te-gadget,
.goog-te-gadget-simple,
.skiptranslate iframe{
    display:none !important;
    visibility:hidden !important;
}


/* Google sometimes pushes body down */

html{
    top:0 !important;
}

body{
    top:0 !important;
    position:static !important;
}


/* Hide native engine completely */

#gtranslate-engine{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}


/* =========================================================
   LANGUAGE SWITCHER PROFESSIONAL LOOK
========================================================= */

.language-switcher{
    position:relative;
    z-index:999999;
}

.language-current{
    display:flex;
    align-items:center;
    gap:9px;

    border:none;
    background:transparent;

    color:#fff;

    padding:8px 4px;

    font-size:14px;
    font-weight:600;

    cursor:pointer;
}

.language-current img{
    width:25px;
    height:17px;

    object-fit:cover;

    border-radius:2px;

    box-shadow:
        0 0 0 1px rgba(255,255,255,.2);
}

.language-current i{
    font-size:10px;
    margin-left:2px;

    transition:
        transform .2s ease;
}

.language-switcher.open
.language-current i{
    transform:rotate(180deg);
}


.language-dropdown{
    position:absolute;

    right:0;
    top:calc(100% + 12px);

    width:220px;

    padding:8px;

    background:#ffffff;

    border:
        1px solid rgba(7,48,42,.08);

    border-radius:14px;

    box-shadow:
        0 20px 60px rgba(0,0,0,.18);

    opacity:0;
    visibility:hidden;

    pointer-events:none;

    transform:
        translateY(-8px);

    transition:
        opacity .18s ease,
        transform .18s ease,
        visibility .18s ease;
}


.language-switcher.open
.language-dropdown{
    opacity:1;
    visibility:visible;
    pointer-events:auto;

    transform:
        translateY(0);
}


.language-option{
    width:100%;

    display:flex;
    align-items:center;

    gap:12px;

    padding:
        10px 11px;

    border:0;

    background:
        transparent;

    border-radius:9px;

    color:#17362f;

    font-size:14px;
    font-weight:600;

    cursor:pointer;

    text-align:left;

    transition:
        background .18s ease,
        color .18s ease;
}


.language-option:hover{
    background:#f8f5ed;

    color:#e97808;
}


.language-option.active{
    background:#fff1dc;

    color:#e97808;
}


.language-option img{
    width:25px;
    height:17px;

    object-fit:cover;

    flex:none;

    border-radius:2px;
}


/* Arabic */

body.language-rtl
.language-dropdown{
    right:auto;
    left:0;
}

body.language-rtl
.language-option{
    text-align:right;
}


/* mobile */

@media(max-width:767px){

    .language-current{
        padding:6px 2px;
    }

    .language-current span{
        display:none;
    }

    .language-current img{
        width:26px;
        height:18px;
    }

    .language-dropdown{
        width:205px;
        right:-10px;
    }

}



/* =========================================================
   LANGUAGE DROPDOWN HARD FIX
========================================================= */

.top-bar,
.top-right,
.nav-container,
.site-header{
    overflow:visible !important;
}

.language-switcher{
    position:relative !important;
    overflow:visible !important;
    z-index:9999999 !important;
}

.language-current{
    position:relative !important;
    z-index:10000000 !important;
    cursor:pointer !important;
}

.language-dropdown{
    position:absolute !important;

    top:100% !important;
    right:0 !important;

    margin-top:10px !important;

    width:220px !important;

    background:#fff !important;

    border-radius:12px !important;

    padding:8px !important;

    box-shadow:
        0 20px 60px rgba(0,0,0,.25) !important;

    z-index:10000001 !important;

    opacity:1 !important;
    visibility:visible !important;

    pointer-events:auto !important;

    transform:none !important;

    display:none;
}

.language-dropdown .language-option{
    display:flex !important;
    align-items:center !important;

    width:100% !important;

    padding:10px 12px !important;

    background:#fff !important;

    color:#18352d !important;

    border:0 !important;

    cursor:pointer !important;
}

.language-dropdown .language-option:hover{
    background:#fff2de !important;
    color:#e97808 !important;
}

.language-dropdown .language-option.active{
    background:#fff2de !important;
    color:#e97808 !important;
}


/* =========================================================
   GOOGLE TRANSLATE ENGINE CLEANUP
========================================================= */

#google_translate_element{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
iframe.goog-te-banner-frame{
    display:none !important;
}

body{
    top:0 !important;
}

html{
    top:0 !important;
}

.goog-logo-link,
.goog-te-gadget{
    display:none !important;
}

.skiptranslate{
    font-size:0 !important;
}

#google_translate_element .skiptranslate{
    display:block !important;
}

#google_translate_element select{
    display:block !important;
}


/* =========================================================
   ZURI JOURNEYS MOBILE LANGUAGE SWITCHER
========================================================= */

.mobile-language-switcher{
    display:none;
    position:relative;
    z-index:9999999;
}

.mobile-language-current{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;

    min-height:42px;

    padding:7px 9px;

    border:1px solid rgba(8,62,54,.12);
    border-radius:10px;

    background:#fff;

    color:#073e36;

    font-size:12px;
    font-weight:700;

    cursor:pointer;
}

.mobile-language-current img{
    width:23px;
    height:16px;
    object-fit:cover;
    border-radius:2px;
}

.mobile-language-current i{
    font-size:9px;
    transition:transform .2s ease;
}

.mobile-language-switcher.open
.mobile-language-current i{
    transform:rotate(180deg);
}

.mobile-language-dropdown{
    display:none;

    position:absolute;

    top:calc(100% + 10px);
    right:0;

    width:215px;

    padding:8px;

    background:#fff;

    border:1px solid rgba(0,0,0,.07);
    border-radius:14px;

    box-shadow:
        0 20px 55px rgba(0,0,0,.22);

    z-index:10000000;
}

.mobile-language-switcher.open
.mobile-language-dropdown{
    display:block;
}

.mobile-language-option{
    width:100%;

    display:flex;
    align-items:center;
    gap:11px;

    padding:10px 11px;

    border:0;
    border-radius:8px;

    background:#fff;

    color:#17362f;

    text-align:left;

    font-size:14px;
    font-weight:600;

    cursor:pointer;
}

.mobile-language-option:hover,
.mobile-language-option.active{
    background:#fff1dc;
    color:#e97808;
}

.mobile-language-option img{
    width:24px;
    height:16px;
    object-fit:cover;
    border-radius:2px;
}

@media(max-width:991px){

    .mobile-language-switcher{
        display:block !important;
    }

    .nav-actions{
        display:flex !important;
        align-items:center !important;
        gap:8px !important;
        overflow:visible !important;
    }

}

@media(min-width:992px){

    .mobile-language-switcher{
        display:none !important;
    }

}


/* =========================================================
   MOBILE HEADER FINAL FIX
   Language + Hamburger spacing
========================================================= */

@media(max-width:991px){

    .main-navbar .nav-container{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;

        gap:8px !important;

        padding-left:14px !important;
        padding-right:14px !important;

        overflow:visible !important;
    }


    /* ---------- LOGO ---------- */

    .site-logo{
        flex:0 1 auto !important;

        min-width:0 !important;

        max-width:58% !important;

        margin-right:auto !important;
    }

    .site-logo img{
        width:auto !important;
        max-width:100% !important;

        height:auto !important;

        object-fit:contain !important;
    }


    /* ---------- RIGHT ACTIONS ---------- */

    .nav-actions{
        flex:0 0 auto !important;

        display:flex !important;
        align-items:center !important;

        gap:7px !important;

        margin-left:auto !important;

        overflow:visible !important;
    }


    /* Hide phone block on mobile */

    .header-call{
        display:none !important;
    }


    /* ---------- LANGUAGE ---------- */

    .mobile-language-switcher{
        display:block !important;

        flex:0 0 auto !important;

        position:relative !important;

        z-index:10000000 !important;
    }

    .mobile-language-current{
        width:auto !important;
        min-width:74px !important;
        height:44px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        gap:6px !important;

        padding:6px 10px !important;

        border-radius:12px !important;

        background:#ffffff !important;

        border:1px solid rgba(0,0,0,.06) !important;

        color:#073e36 !important;

        font-size:13px !important;
        font-weight:800 !important;

        white-space:nowrap !important;

        box-shadow:
            0 5px 15px rgba(0,0,0,.08) !important;
    }

    .mobile-language-current img{
        width:24px !important;
        height:17px !important;

        object-fit:cover !important;

        flex:0 0 auto !important;
    }

    .mobile-language-current span{
        display:inline-block !important;

        min-width:20px !important;
    }

    .mobile-language-current i{
        font-size:9px !important;

        margin-left:1px !important;
    }


    /* ---------- LANGUAGE DROPDOWN ---------- */

    .mobile-language-dropdown{
        position:absolute !important;

        top:calc(100% + 9px) !important;
        right:0 !important;

        width:210px !important;

        max-width:calc(100vw - 24px) !important;

        z-index:10000001 !important;
    }


    /* ---------- HAMBURGER ---------- */

    .menu-toggle{
        display:flex !important;

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

        flex:0 0 44px !important;

        width:44px !important;
        min-width:44px !important;
        max-width:44px !important;

        height:44px !important;

        padding:0 !important;

        margin:0 !important;

        border-radius:12px !important;

        position:relative !important;

        z-index:9999999 !important;

        overflow:visible !important;
    }

    .menu-toggle i{
        display:block !important;

        font-size:19px !important;

        line-height:1 !important;

        margin:0 !important;
    }

}


/* =========================================================
   SMALL PHONES
========================================================= */

@media(max-width:575px){

    .main-navbar .nav-container{
        padding-left:10px !important;
        padding-right:10px !important;

        gap:6px !important;
    }

    .site-logo{
        max-width:54% !important;
    }

    .nav-actions{
        gap:5px !important;
    }

    .mobile-language-current{
        min-width:68px !important;

        height:42px !important;

        padding:5px 8px !important;

        border-radius:11px !important;
    }

    .mobile-language-current img{
        width:22px !important;
        height:15px !important;
    }

    .mobile-language-current span{
        font-size:12px !important;
    }

    .menu-toggle{
        flex-basis:42px !important;

        width:42px !important;
        min-width:42px !important;
        max-width:42px !important;

        height:42px !important;

        border-radius:11px !important;
    }

}


/* =========================================================
   VERY SMALL PHONES
========================================================= */

@media(max-width:390px){

    .site-logo{
        max-width:50% !important;
    }

    .mobile-language-current{
        min-width:62px !important;

        padding-left:7px !important;
        padding-right:7px !important;

        gap:4px !important;
    }

    .mobile-language-current img{
        width:21px !important;
    }

    .mobile-language-current span{
        font-size:11px !important;
    }

}

/* ==========================================================
   ZURI JOURNEYS - FINAL HEADER BRAND OVERRIDE
   Logo palette:
   Navy / Deep Teal / Cyan / Gold / White
========================================================== */

:root{
    --zuri-navy:#031b26;
    --zuri-deep:#043441;
    --zuri-teal:#075d67;
    --zuri-cyan:#00d7e7;
    --zuri-cyan-dark:#00a8c7;
    --zuri-gold:#ffd21a;
    --zuri-white:#ffffff;
}


/* TOP BAR */
body .site-header .top-bar{
    background:
        linear-gradient(
            90deg,
            #021923 0%,
            #042c38 55%,
            #063b45 100%
        ) !important;

    border-top:0 !important;
    border-bottom:1px solid rgba(0,215,231,.16) !important;
}


/* MAIN NAVBAR - ONE CLEAN BACKGROUND */
body .site-header .main-navbar{
    background:
        linear-gradient(
            100deg,
            #043f4b 0%,
            #05606a 42%,
            #08757a 100%
        ) !important;

    border:0 !important;

    box-shadow:
        0 9px 24px rgba(1,22,31,.18) !important;

    overflow:visible !important;
}


/* KEEP HEADER CONTAINER CLEAN */
body .site-header .main-navbar > .nav-container{
    width:min(1500px, calc(100% - 48px)) !important;
    max-width:1500px !important;

    min-height:112px !important;

    margin:0 auto !important;
    padding:0 12px !important;

    grid-template-columns:
        minmax(260px,320px)
        minmax(560px,1fr)
        minmax(250px,300px) !important;

    gap:20px !important;
}


/* REMOVE OLD WHITE LOGO PANEL */
body .site-header .site-logo{
    width:auto !important;
    height:112px !important;

    padding:10px 0 !important;
    margin:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    background:transparent !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    overflow:visible !important;
}


/* REMOVE DECORATIVE WHITE SIDE */
body .site-header .site-logo::before,
body .site-header .site-logo::after{
    display:none !important;
    content:none !important;
}


/* LOGO */
body .site-header .site-logo img{
    width:285px !important;
    max-width:285px !important;

    height:94px !important;
    max-height:94px !important;

    object-fit:contain !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    filter:
        drop-shadow(0 4px 5px rgba(0,0,0,.16)) !important;
}


/* CENTER MENU */
body .site-header .main-menu{
    min-height:112px !important;

    padding:0 24px !important;

    gap:38px !important;

    background:transparent !important;
}


/* MENU LINKS */
body .site-header .main-menu a{
    min-height:112px !important;

    color:#ffffff !important;

    background:transparent !important;

    font-size:15px !important;
    font-weight:700 !important;

    letter-spacing:.1px !important;
}


/* HOVER */
body .site-header .main-menu a:hover{
    color:var(--zuri-cyan) !important;
}


/* ACTIVE MENU */
body .site-header .main-menu a.active{
    color:#ffffff !important;
}


/* ACTIVE UNDERLINE */
body .site-header .main-menu a::after{
    content:"" !important;

    position:absolute !important;

    left:50% !important;
    bottom:22px !important;

    width:0 !important;
    height:3px !important;

    border-radius:20px !important;

    background:
        linear-gradient(
            90deg,
            var(--zuri-gold),
            var(--zuri-cyan)
        ) !important;

    transform:translateX(-50%) !important;

    transition:width .25s ease !important;
}


body .site-header .main-menu a:hover::after,
body .site-header .main-menu a.active::after{
    width:34px !important;
}


/* RIGHT ACTION AREA - REMOVE WHITE PANEL */
body .site-header .nav-actions{
    min-height:112px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;

    background:transparent !important;

    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;
}


/* CALL BUTTON CLEAN */
body .site-header .header-call{
    min-height:70px !important;

    display:flex !important;
    align-items:center !important;

    gap:14px !important;

    padding:7px 0 !important;

    background:transparent !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    color:#ffffff !important;

    text-decoration:none !important;
}


/* PHONE ICON */
body .site-header .header-call-icon{
    width:54px !important;
    height:54px !important;

    flex:0 0 54px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:2px solid var(--zuri-cyan) !important;
    border-radius:50% !important;

    background:rgba(0,215,231,.08) !important;

    color:#ffffff !important;

    box-shadow:
        0 0 0 5px rgba(0,215,231,.06) !important;
}


/* CALL TEXT */
body .site-header .header-call-text{
    display:flex !important;
    flex-direction:column !important;

    gap:2px !important;

    color:#ffffff !important;
}


body .site-header .header-call-text small{
    color:rgba(255,255,255,.78) !important;

    font-size:12px !important;
    font-weight:500 !important;
}


body .site-header .header-call-text strong{
    color:#ffffff !important;

    font-size:16px !important;
    font-weight:800 !important;

    white-space:nowrap !important;
}


/* GOLD ACCENT FOR TOP BAR ICONS */
body .site-header .top-left i{
    color:var(--zuri-gold) !important;
}


/* SOCIAL ICON HOVER */
body .site-header .top-right > a:hover{
    background:rgba(0,215,231,.10) !important;
    color:var(--zuri-cyan) !important;
}


/* LANGUAGE */
body .site-header .language-current{
    color:#ffffff !important;
}


body .site-header .language-current:hover{
    color:var(--zuri-cyan) !important;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width:1200px){

    body .site-header .main-navbar > .nav-container{
        width:min(100% - 30px, 1180px) !important;

        grid-template-columns:
            minmax(230px,280px)
            1fr
            auto !important;
    }

    body .site-header .site-logo img{
        width:245px !important;
        max-width:245px !important;
    }

    body .site-header .main-menu{
        gap:24px !important;
        padding:0 15px !important;
    }

    body .site-header .header-call-text strong{
        font-size:14px !important;
    }
}


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

@media (max-width:991px){

    body .site-header .main-navbar{
        min-height:84px !important;
    }

    body .site-header .main-navbar > .nav-container{
        width:calc(100% - 24px) !important;

        min-height:84px !important;

        display:flex !important;

        align-items:center !important;
        justify-content:space-between !important;

        padding:0 !important;
    }

    body .site-header .site-logo{
        height:84px !important;
        padding:5px 0 !important;
    }

    body .site-header .site-logo img{
        width:210px !important;
        max-width:210px !important;

        height:72px !important;
        max-height:72px !important;
    }

    body .site-header .nav-actions{
        min-height:84px !important;
    }

    body .site-header .header-call{
        display:none !important;
    }

    body .site-header .menu-toggle{
        width:46px !important;
        height:46px !important;

        border:1px solid rgba(255,255,255,.18) !important;

        background:rgba(255,255,255,.08) !important;

        color:#ffffff !important;
    }

    body .site-header .menu-toggle:hover{
        background:var(--zuri-cyan) !important;
        color:#02212c !important;
    }
}


/* MOBILE SMALL */
@media (max-width:575px){

    body .site-header .site-logo img{
        width:180px !important;
        max-width:180px !important;
    }
}


/* ==========================================================
   ZURI - FINAL LOGO VERTICAL CENTERING
========================================================== */

body .site-header .main-navbar{
    min-height:105px !important;
}

body .site-header .main-navbar > .nav-container{
    min-height:105px !important;
}


/* LEFT LOGO AREA */
body .site-header .site-logo{
    height:105px !important;
    min-height:105px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    padding:0 !important;
    margin:0 !important;

    line-height:1 !important;
}


/* LOGO IMAGE EXACT CENTER */
body .site-header .site-logo img{
    width:280px !important;
    max-width:280px !important;

    height:82px !important;
    max-height:82px !important;

    display:block !important;
    object-fit:contain !important;

    margin:auto 0 !important;

    position:relative !important;
    top:0 !important;
    bottom:auto !important;

    transform:none !important;
}


/* MENU SAME CENTER LINE AS LOGO */
body .site-header .main-menu{
    min-height:105px !important;
    height:105px !important;

    display:flex !important;
    align-items:center !important;
}

body .site-header .main-menu a{
    min-height:105px !important;
    height:105px !important;

    display:flex !important;
    align-items:center !important;
}


/* CALL AREA SAME CENTER LINE */
body .site-header .nav-actions{
    min-height:105px !important;
    height:105px !important;

    display:flex !important;
    align-items:center !important;
}

body .site-header .header-call{
    margin:0 !important;
    align-self:center !important;
}


/* ACTIVE LINK UNDERLINE */
body .site-header .main-menu a::after{
    bottom:15px !important;
}


/* TABLET */
@media (max-width:1200px){

    body .site-header .site-logo img{
        width:245px !important;
        max-width:245px !important;

        height:76px !important;
        max-height:76px !important;
    }
}


/* MOBILE */
@media (max-width:991px){

    body .site-header .main-navbar,
    body .site-header .main-navbar > .nav-container{
        min-height:82px !important;
    }

    body .site-header .site-logo{
        height:82px !important;
        min-height:82px !important;
    }

    body .site-header .site-logo img{
        width:205px !important;
        max-width:205px !important;

        height:68px !important;
        max-height:68px !important;

        margin:auto 0 !important;
    }

    body .site-header .nav-actions{
        height:82px !important;
        min-height:82px !important;
    }
}

@media (max-width:575px){

    body .site-header .site-logo img{
        width:175px !important;
        max-width:175px !important;

        height:62px !important;
        max-height:62px !important;
    }
}


/* ==========================================================
   ZURI JOURNEYS
   FINAL MOBILE HEADER + BRAND COLOR FIX
========================================================== */

:root{
    --zuri-navy:#031b26;
    --zuri-dark:#043541;
    --zuri-teal:#05656d;
    --zuri-teal-light:#087c80;
    --zuri-cyan:#08d6e4;
    --zuri-gold:#ffd21a;
    --zuri-white:#ffffff;
}


/* ==========================================================
   DESKTOP ACTIVE COLOR - REMOVE RED
========================================================== */

body .site-header .main-menu a.active,
body .site-header .main-menu a:hover{
    color:#ffffff !important;
}

body .site-header .main-menu a::after{
    background:var(--zuri-gold) !important;
}

body .site-header .main-menu a.active::after,
body .site-header .main-menu a:hover::after{
    background:var(--zuri-gold) !important;
}


/* ==========================================================
   BUTTONS - REMOVE OLD RED BRAND
========================================================== */

body .primary-btn1,
body .primary-btn,
body .hero-btn,
body .banner-btn,
body .theme-btn{
    background:var(--zuri-gold) !important;
    border-color:var(--zuri-gold) !important;
    color:var(--zuri-navy) !important;
}

body .primary-btn1:hover,
body .primary-btn:hover,
body .hero-btn:hover,
body .banner-btn:hover,
body .theme-btn:hover{
    background:var(--zuri-cyan) !important;
    border-color:var(--zuri-cyan) !important;
    color:var(--zuri-navy) !important;
}


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

@media (max-width:991px){

    /*
     * Header stays above hero.
     */
    body .site-header{
        position:relative !important;
        z-index:99999 !important;

        width:100% !important;

        background:var(--zuri-dark) !important;

        border-top:2px solid var(--zuri-cyan) !important;
    }


    /*
     * Hide desktop top bar on phone.
     */
    body .site-header .top-bar{
        display:none !important;
    }


    /*
     * Main navbar.
     */
    body .site-header .main-navbar{
        position:relative !important;

        min-height:92px !important;
        height:92px !important;

        overflow:visible !important;

        background:
            linear-gradient(
                100deg,
                #034752 0%,
                #05656d 55%,
                #087c80 100%
            ) !important;

        border-bottom:1px solid rgba(255,255,255,.25) !important;

        box-shadow:
            0 6px 18px rgba(0,0,0,.16) !important;
    }


    body .site-header .main-navbar > .nav-container{
        position:relative !important;

        width:100% !important;
        max-width:none !important;

        height:92px !important;
        min-height:92px !important;

        padding:0 18px !important;
        margin:0 !important;

        display:flex !important;

        align-items:center !important;
        justify-content:space-between !important;

        gap:12px !important;
    }


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

    body .site-header .site-logo{
        position:relative !important;

        flex:0 1 auto !important;

        width:auto !important;
        max-width:230px !important;

        height:92px !important;
        min-height:92px !important;

        padding:7px 0 !important;
        margin:0 !important;

        display:flex !important;

        align-items:center !important;
        justify-content:flex-start !important;

        background:transparent !important;

        border:0 !important;
        border-radius:0 !important;

        overflow:hidden !important;

        z-index:5 !important;
    }


    body .site-header .site-logo::before,
    body .site-header .site-logo::after{
        display:none !important;
        content:none !important;
    }


    body .site-header .site-logo img{
        display:block !important;

        width:215px !important;
        max-width:100% !important;

        height:76px !important;
        max-height:76px !important;

        object-fit:contain !important;
        object-position:left center !important;

        margin:0 !important;
        padding:0 !important;

        position:static !important;

        transform:none !important;

        background:transparent !important;

        border:0 !important;

        filter:
            drop-shadow(0 3px 4px rgba(0,0,0,.20)) !important;
    }


    /* ======================================================
       RIGHT ACTIONS
    ====================================================== */

    body .site-header .nav-actions{
        position:relative !important;

        flex:0 0 auto !important;

        width:auto !important;

        height:92px !important;
        min-height:92px !important;

        padding:0 !important;
        margin:0 !important;

        display:flex !important;

        align-items:center !important;
        justify-content:flex-end !important;

        gap:9px !important;

        background:transparent !important;

        border:0 !important;

        z-index:100002 !important;
    }


    /*
     * Phone call section hidden on mobile.
     * It takes too much width.
     */
    body .site-header .header-call{
        display:none !important;
    }


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

    body .site-header .mobile-language-switcher{
        position:relative !important;

        display:block !important;

        margin:0 !important;

        z-index:100004 !important;
    }


    body .site-header .mobile-language-current{
        min-width:104px !important;
        height:58px !important;

        padding:0 14px !important;

        display:flex !important;

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

        gap:9px !important;

        background:#ffffff !important;

        color:var(--zuri-navy) !important;

        border:1px solid rgba(255,255,255,.75) !important;

        border-radius:17px !important;

        box-shadow:
            0 5px 15px rgba(0,0,0,.10) !important;
    }


    body .site-header .mobile-language-current img{
        width:28px !important;
        height:20px !important;

        object-fit:cover !important;
    }


    body .site-header .mobile-language-current span{
        color:var(--zuri-navy) !important;

        font-size:14px !important;
        font-weight:800 !important;
    }


    body .site-header .mobile-language-current i{
        color:var(--zuri-teal) !important;

        font-size:11px !important;
    }


    /* ======================================================
       HAMBURGER
    ====================================================== */

    body .site-header .menu-toggle{
        position:relative !important;

        width:58px !important;
        height:58px !important;

        flex:0 0 58px !important;

        padding:0 !important;
        margin:0 !important;

        display:flex !important;

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

        background:rgba(255,255,255,.06) !important;

        border:1px solid rgba(255,255,255,.22) !important;

        border-radius:16px !important;

        color:#ffffff !important;

        box-shadow:none !important;

        z-index:100005 !important;
    }


    body .site-header .menu-toggle i{
        color:#ffffff !important;

        font-size:27px !important;
    }


    body .site-header .menu-toggle:hover,
    body .site-header .menu-toggle:focus{
        background:var(--zuri-cyan) !important;

        color:var(--zuri-navy) !important;

        border-color:var(--zuri-cyan) !important;
    }


    body .site-header .menu-toggle:hover i,
    body .site-header .menu-toggle:focus i{
        color:var(--zuri-navy) !important;
    }


    /* ======================================================
       CRITICAL FIX:
       MOBILE MENU MUST NOT SHOW UNTIL HAMBURGER OPENS IT
    ====================================================== */

    body .site-header #mainMenu,
    body .site-header .main-menu{
        position:absolute !important;

        top:92px !important;
        left:0 !important;
        right:0 !important;

        width:100% !important;
        height:auto !important;
        min-height:0 !important;

        margin:0 !important;
        padding:12px 18px 20px !important;

        display:none !important;

        flex-direction:column !important;

        align-items:stretch !important;
        justify-content:flex-start !important;

        gap:4px !important;

        background:
            linear-gradient(
                145deg,
                #031b26 0%,
                #034752 100%
            ) !important;

        border-top:1px solid rgba(8,214,228,.25) !important;
        border-bottom:3px solid var(--zuri-gold) !important;

        box-shadow:
            0 18px 35px rgba(0,0,0,.25) !important;

        z-index:100000 !important;
    }


    /*
     * Support common JS classes used when menu opens.
     */
    body .site-header #mainMenu.active,
    body .site-header #mainMenu.open,
    body .site-header #mainMenu.show,
    body .site-header .main-menu.active,
    body .site-header .main-menu.open,
    body .site-header .main-menu.show{
        display:flex !important;
    }


    /*
     * Also support aria-expanded hamburger.
     */
    body .site-header:has(#menuToggle[aria-expanded="true"]) #mainMenu{
        display:flex !important;
    }


    /* ======================================================
       MOBILE MENU LINKS
    ====================================================== */

    body .site-header #mainMenu > a,
    body .site-header .main-menu > a{
        position:relative !important;

        width:100% !important;

        height:auto !important;
        min-height:52px !important;

        padding:0 16px !important;
        margin:0 !important;

        display:flex !important;

        align-items:center !important;
        justify-content:flex-start !important;

        color:#ffffff !important;

        background:transparent !important;

        border:0 !important;
        border-bottom:1px solid rgba(255,255,255,.09) !important;

        border-radius:10px !important;

        font-size:15px !important;
        font-weight:700 !important;

        text-decoration:none !important;

        transform:none !important;
    }


    body .site-header #mainMenu > a:last-child,
    body .site-header .main-menu > a:last-child{
        border-bottom:0 !important;
    }


    body .site-header #mainMenu > a:hover,
    body .site-header #mainMenu > a.active,
    body .site-header .main-menu > a:hover,
    body .site-header .main-menu > a.active{
        color:var(--zuri-gold) !important;

        background:rgba(255,210,26,.07) !important;
    }


    /*
     * Remove desktop underline inside mobile dropdown.
     */
    body .site-header #mainMenu > a::after,
    body .site-header .main-menu > a::after{
        display:none !important;
        content:none !important;
    }

}


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

@media (max-width:575px){

    body .site-header .main-navbar,
    body .site-header .main-navbar > .nav-container{
        height:84px !important;
        min-height:84px !important;
    }


    body .site-header .main-navbar > .nav-container{
        padding:0 12px !important;

        gap:7px !important;
    }


    body .site-header .site-logo{
        height:84px !important;
        min-height:84px !important;

        max-width:205px !important;
    }


    body .site-header .site-logo img{
        width:195px !important;

        height:70px !important;
        max-height:70px !important;
    }


    body .site-header .nav-actions{
        height:84px !important;
        min-height:84px !important;

        gap:6px !important;
    }


    body .site-header .mobile-language-current{
        min-width:92px !important;

        width:92px !important;
        height:54px !important;

        padding:0 10px !important;

        border-radius:15px !important;
    }


    body .site-header .mobile-language-current img{
        width:25px !important;
        height:18px !important;
    }


    body .site-header .menu-toggle{
        width:54px !important;
        height:54px !important;

        flex-basis:54px !important;

        border-radius:15px !important;
    }


    body .site-header #mainMenu,
    body .site-header .main-menu{
        top:84px !important;
    }

}


/* ==========================================================
   VERY SMALL PHONES
========================================================== */

@media (max-width:420px){

    body .site-header .site-logo{
        max-width:175px !important;
    }


    body .site-header .site-logo img{
        width:170px !important;
        height:64px !important;
    }


    body .site-header .mobile-language-current{
        min-width:78px !important;
        width:78px !important;

        padding:0 8px !important;
    }


    body .site-header .mobile-language-current img{
        width:23px !important;
    }


    body .site-header .mobile-language-current span{
        font-size:13px !important;
    }

}


/* ==========================================================
   ZURI JOURNEYS GLOBAL BRAND COLORS
   NO RED
========================================================== */

:root{
    --zuri-navy:#031b26;
    --zuri-deep:#043541;
    --zuri-teal:#05656d;
    --zuri-cyan:#08d6e4;
    --zuri-gold:#ffd21a;
    --zuri-white:#ffffff;
}

/* active navigation */
.site-header .main-menu a.active::after,
.site-header .main-menu a:hover::after{
    background:var(--zuri-gold) !important;
}

/* common buttons */
.primary-btn1,
.primary-btn,
.theme-btn,
.hero-btn,
.banner-btn,
.btn-primary{
    background:var(--zuri-gold) !important;
    border-color:var(--zuri-gold) !important;
    color:var(--zuri-navy) !important;
}

.primary-btn1:hover,
.primary-btn:hover,
.theme-btn:hover,
.hero-btn:hover,
.banner-btn:hover,
.btn-primary:hover{
    background:var(--zuri-cyan) !important;
    border-color:var(--zuri-cyan) !important;
    color:var(--zuri-navy) !important;
}

/* icons/accent */
.text-danger,
.text-red{
    color:var(--zuri-gold) !important;
}

.bg-danger,
.bg-red{
    background:var(--zuri-gold) !important;
}

/* borders */
.border-danger{
    border-color:var(--zuri-gold) !important;
}