/* =========================================================
       AMAKIN · LIGHT LUXURY THEME (sample2 pass 2)
       Scoped under .s2 — does not affect existing styles.
       Palette:
         Ivory   #FAF6EE  (page bg)
         Cream   #F3ECDD  (alt bg)
         Ink     #1a1a1a  (text)
         Sand    #E8D9C2
         Gold    #C9A878  (accent)
         Coral   #f6987b  (legacy accent)
       ========================================================= */

    /* ---------- Page load shutter (NEOM Siranna–style reveal) ---------- */
    /* Stable vertical scrollbar from first paint (avoid jump when lock lifts after video intro) */
    html {
        overflow-y: scroll;
        scrollbar-gutter: stable;
        scroll-behavior: auto;
        /* Match footer (#1A3D6B) so overscroll past the footer does not flash white */
        background-color: #1A3D6B;
    }
    html,
    body.s2 {
        background-color: #1A3D6B;
    }
    ul.mb_social_list {
        display: none;
    }
    /* Lock scroll on body only — keep html overflow-y scroll so gutter stays visible */
    html.s2-shutter-lock body {
        overflow: hidden;
        height: 100%;
    }
    @keyframes s2-shutter-slide-up {
        from { transform: translate3d(0, 0, 0); }
        to { transform: translate3d(0, -100%, 0); }
    }
    @keyframes s2-page-root-fade-in {
        from { opacity: 0; }
        to { opacity: 1; }
    }
    /* High specificity so index `style.css` / Bootstrap cannot sit above the curtain */
    body.s2 #s2Shutter.s2-shutter {
        position: fixed;
        inset: 0;
        width: 100%;
        height: 100%;
        height: 100dvh;
        max-width: 100vw;
        margin: 0;
        padding: 0;
        z-index: 2147483646;
        background: #0b0d12;
        transform: translate3d(0, 0, 0);
        will-change: transform;
        pointer-events: auto;
        backface-visibility: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 1;
    }
    body.s2 #s2Shutter.s2-shutter .loader {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 5em !important;
        height: 5em !important;
        margin: 0 !important;
        z-index: auto !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        transition: opacity 0.4s ease;
    }
    body.s2.s2-shutter-animate #s2Shutter.s2-shutter .loader {
        opacity: 0;
    }
    body.s2.s2-shutter-animate #s2Shutter.s2-shutter {
        animation: s2-shutter-slide-up 1.45s cubic-bezier(0.65, 0, 0.35, 1) forwards;
    }
    body.s2 #s2Shutter.s2-shutter.s2-shutter--done {
        visibility: hidden;
        pointer-events: none;
        will-change: auto;
        animation: none !important;
        opacity: 0;
        /* transform: translate3d(0, -100%, 0); */
    }
    body.s2 #s2PageRoot.s2-page-root {
        opacity: 0;
        min-height: 100%;
        background-color: #fff;
        max-width: 100%;
        box-sizing: border-box;
    }
    body.s2.s2-shutter-animate #s2PageRoot.s2-page-root {
        animation: s2-page-root-fade-in 1.15s cubic-bezier(0.33, 1, 0.68, 1) 0.14s forwards;
    }
    body.s2.s2-shutter-done #s2PageRoot.s2-page-root {
        opacity: 1;
        animation: none;
    }
    .s2 .loc_title a,
    .s2 .loc_title span {
        font-size: 16px;
    }
    .counter_desc{
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 3px;
    }
    /* Reduced motion: shorter slide (do not skip — Windows often sets reduce when “animations” are off) */
    @media (prefers-reduced-motion: reduce) {
        html.s2-shutter-lock body {
            overflow: hidden;
            height: 100%;
        }
        body.s2.s2-shutter-animate #s2Shutter.s2-shutter {
            animation-duration: 0.5s;
            animation-timing-function: ease-out;
        }
        body.s2.s2-shutter-animate #s2PageRoot.s2-page-root {
            animation-duration: 0.45s;
            animation-delay: 0.05s;
            animation-timing-function: ease-out;
        }
    }

    .s2, .s2 * { box-sizing: border-box; }
    .s2 {
        --ivory:       #FAF6EE;
        --cream:       #F3ECDD;
        --ink:         #1a1a1a;
        --ink-soft:    rgba(26,26,26,0.72);
        --ink-mute:    rgba(26,26,26,0.55);
        --sand:        #E8D9C2;
        --sand-soft:   #F1E8D6;
        --gold:        #8fd4c7;
        --gold-soft:   #C4E9E1;
        --gold-deep:   #8fd4c7;
        --coral:       #f6987b;
        --line:        rgba(28,28,28,0.12);
        --line-soft:   rgba(28,28,28,0.06);
        --glass:       rgba(255,255,255,0.55);
        --glass-stroke:rgba(255,255,255,0.75);
        --green: #00B050;
        --s2-section-icon-gap: 50px;
        font-family: 'Tajawal', system-ui, -apple-system, sans-serif;
        background: var(--ivory);
        color: var(--ink);
        overflow-x: hidden;
        font-size: 17px;
        -webkit-font-smoothing: antialiased;
    }
    /* Canvas behind #s2PageRoot: footer blue (overscroll / rubber-band past end of page) */
    body.s2 {
        background: #1A3D6B;
    }
    /* visible-x on wide viewports only (counter deco); clip on ≤991px in fluid-resize block */
    body.s2 {
        overflow-x: visible;
        max-width: 100%;
        --s2-card-gap: 24px;
        --s2-card-gap-md: 20px;
        --s2-card-gap-sm: 16px;
        --approach-segment-gap: 30px;
        --approach-paragraph-gap: 1rem;
        --section-cards-bottom-gap: 50px;
        --news-cards-bottom-gap: var(--section-cards-bottom-gap);
        --cities-cards-bottom-gap: var(--section-cards-bottom-gap);
        --logo-saryna-h: 100px;
        --logo-route-h: 115px;
        --logo-saryna-w: 178px;
        --logo-route-w: 150px;
        --logo-row-gap: 30px;
        --logo-divider-h: 96px;
        --pkg-cars-top-space: clamp(24px, 3vw, 40px);
        --join-after-cars-gap: clamp(32px, 4vw, 56px);
        --s2-carousel-head-gap: 18px;
        --s2-carousel-nav-to-track: var(--s2-carousel-head-gap);
        --form-success-text: #6ee7a8;
        --form-success-text-size: clamp(15px, 1.1vw, 17px);
        --form-success-text-weight: 600;
        --form-success-text-leading: 1.45;
        --form-notice-text: #ffb86c;
    }
    /* Unified horizontal gap for card/image rows (Swiper + flex + Bootstrap) */
    .s2 .adv-swiper,
    .s2 .cities-swiper,
    .s2 .team-swiper,
    .s2 .news-swiper,
    .s2 .join .jobs-swiper {
        padding: 0 4px 18px;
    }
    .s2 .counter-sweep-row {
        --bs-gutter-x: var(--s2-card-gap);
    }
    .s2 a { color: inherit; text-decoration: none; }
    .s2 p { font-size: clamp(15px, 1.35vw, 20px); }
    .s2 img { max-width: 100%; display: block; }

    .s2 .serif { font-family: 'Tajawal', system-ui, -apple-system, sans-serif; font-weight: 700; }
    .s2 .gold-text { color: var(--gold); }
    .s2 .eyebrow {
        display: inline-flex; align-items: center; gap: 14px;
        font-size: 12.5px; text-transform: uppercase;
        color: var(--gold-deep); font-weight: 600;
    }
    .s2 .eyebrow::before {
        content: ""; width: 38px; height: 1px; background: var(--gold);
    }

    /* ---------- Buttons ---------- */
    .s2 .btn-lux {
        display: inline-flex; align-items: center; gap: 14px;
        padding: 18px 32px; border-radius: 0;
        background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
        color: #000; font-weight: 700;
        font-size: 18px; text-transform: uppercase;
        border: 1px solid rgba(255,255,255,0.05);
        position: relative; overflow: hidden;
        transition: transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s, background .4s;
    }
    .s2 .btn-lux::after {
        content: ""; position: absolute; inset: 0;
        background: linear-gradient(120deg, transparent 30%, rgba(201,168,120,0.4) 50%, transparent 70%);
        transform: translateX(-120%); transition: transform .7s ease;
    }
    .s2 .btn-lux:hover {
        transform: translateY(-2px);
        background: linear-gradient(135deg, var(--gold) 0%, var(--gold-soft) 100%);
        color: #1a1a1a;
        box-shadow: 0 18px 40px -12px rgba(201,168,120,0.55);
    }
    .s2 .btn-lux:hover::after { transform: translateX(120%); }
    .s2 .btn-lux .arrow { width: 14px; height: 11px; }

    .s2 .btn-gold {
        display: inline-flex; align-items: center; gap: 14px;
        padding: 18px 32px; border-radius: 0;
        background: linear-gradient(135deg, var(--gold) 0%, var(--gold-soft) 100%);
        color: #1a1a1a; font-weight: 700;
        font-size: 14px; text-transform: uppercase;
        transition: transform .4s, box-shadow .4s;
    }
    .s2 .btn-gold:hover { transform: translateY(-2px); color:#1a1a1a; box-shadow: 0 18px 40px -12px rgba(201,168,120,0.55); }
    .s2 .btn-gold .arrow { width: 14px; height: 11px; }

    .s2 .btn-ghost {
        display: inline-flex; align-items: center; gap: 12px;
        padding: 16px 30px; border-radius: 0;
        color: var(--ink); font-weight: 600;
        font-size: 13px; text-transform: uppercase;
        border: 1px solid var(--ink);
        background: transparent;
        transition: all .4s ease;
    }
    .s2 .btn-ghost:hover { background: var(--ink); color: var(--ivory); transform: translateY(-2px); }

    /* ---------- Reveal animations (replay every time section enters view) ---------- */
    .s2 [data-reveal] { opacity: 0; transform: translateY(35px); transition: opacity .75s cubic-bezier(.25,.8,.25,1), transform .75s cubic-bezier(.25,.8,.25,1); }
    .s2 [data-reveal].in { opacity: 1; transform: translateY(0); }
    .s2 [data-reveal-x] { opacity: 0; transform: translateX(-40px); transition: opacity .8s cubic-bezier(.25,.8,.25,1), transform .8s cubic-bezier(.25,.8,.25,1); }
    .s2 [data-reveal-x].in { opacity: 1; transform: translateX(0); }
    .s2 [data-reveal-r] { opacity: 0; transform: translateX(40px); transition: opacity .8s cubic-bezier(.25,.8,.25,1), transform .8s cubic-bezier(.25,.8,.25,1); }
    .s2 [data-reveal-r].in { opacity: 1; transform: translateX(0); }
    /* smooth paragraph reveal: subtle slide-up + fade-in */
    .s2 [data-approach-p] {
        opacity: 0;
        transform: translateY(12px);
        transition: opacity .6s cubic-bezier(.22,.61,.36,1), transform .6s cubic-bezier(.22,.61,.36,1);
        will-change: transform, opacity;
    }
    .s2 [data-approach-p].in {
        opacity: 1;
        transform: translateY(0);
    }
    /* When copy also uses character split, hide only .split-char — not the whole paragraph */
    .s2 [data-approach-p][data-split],
    .s2 [data-approach-p][data-split].in {
        opacity: 1;
        transform: none;
        transition: none;
    }

    /* Split text: slide in from the left (per character, left-to-right stagger via JS) */
    .s2 .split-word { display: inline-block; white-space: nowrap; }
    .s2 .split-char {
        display: inline-block;
        opacity: 0;
        transform: translate3d(-12px, 0, 0);
        transform-origin: 0 50%;
        transition: opacity 0.55s ease, transform 0.3s ease-in-out;
    }
    .s2 .in .split-char {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    .s2 [data-hero-split] .split-char {
        transition: opacity 0.38s ease, transform 0.22s ease-in-out;
    }
    .s2 [data-hero-split][data-hero-instant-reveal="1"].in .split-char {
        opacity: 1;
        transform: none;
        transition: none;
    }
    @media (prefers-reduced-motion: reduce) {
        .s2 .split-char,
        .s2 .in .split-char {
            transform: none;
        }
        .s2 .split-char { transition-duration: 0.3s; }
    }
    /* Footer: faster split timing, same motion */
    .s2 .footer_main_wrapper .split-char {
        transition: opacity 0.4s ease, transform 0.48s cubic-bezier(0.22, 1, 0.36, 1);
    }
    .s2 .footer_main_wrapper [data-reveal-r],
    .s2 .footer_main_wrapper [data-reveal-x] {
        transition: opacity 0.48s ease, transform 0.48s ease;
    }

    /* ============================== HEADER ============================== */
    .s2 .nav-lux {
        position: fixed; top: 0; left: 0; right: 0; z-index: 90;
        padding: 22px 0;
        transition: background .4s ease, padding .4s ease, border-color .4s ease;
        background: linear-gradient(180deg, rgba(10,10,10,0.45) 0%, rgba(10,10,10,0) 100%);
    }
    .s2 .nav-lux.scrolled {
        background: #000000a3;
        border-bottom: 1px solid var(--line); padding: 14px 0;
    }
    .s2 .nav-lux .container {
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
    }
    .s2 .nav-lux .brand img { height: 42px; filter: brightness(0) invert(1); transition: filter .4s; }
    .s2 .nav-lux.scrolled .brand img { filter: brightness(0) invert(1); }
    .s2 .nav-lux .menu {
        display: flex;
        gap: 12px;
        list-style: none;
        margin: 0 auto;
        padding: 0;
        justify-self: center;
    }
    .s2 .nav-lux .menu a {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 14pt;
        color: rgba(255,255,255,0.92);
        padding: 6px 10px;
        font-weight: 500;
        text-decoration: none;
        border: 1px solid transparent;
        border-radius: 0;
        background: transparent;
        transition:
            color 0.32s ease,
            background 0.32s ease,
            border-color 0.32s ease,
            box-shadow 0.32s ease,
            backdrop-filter 0.32s ease;
        isolation: isolate;
        overflow: hidden;
    }
    .s2 .nav-lux .menu a:focus-visible {
        outline: 2px solid #c9a878;
        outline-offset: 3px;
    }
    .s2 .nav-lux.scrolled .menu a { color: rgba(255,255,255,0.92); }
    /* Nav concept 03 — glass on hover preview; only .is-active keeps selection after click */
    @media (hover: hover) {
        .s2 .nav-lux .menu a:hover:not(.is-active) {
            color: rgba(255,255,255,0.92) !important;
            background: rgba(255, 255, 255, 0.12);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border-color: rgba(255, 255, 255, 0.18);
        }
    }
    .s2 .nav-lux .menu a.is-active {
        color: rgba(255,255,255,0.92) !important;
        background: rgba(255, 255, 255, 0.12);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border-color: rgba(255, 255, 255, 0.18);
        font-weight: 600;
    }
    .s2 .nav-lux .menu a:not(.is-active):not(:hover) {
        background: transparent;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        border-color: transparent;
    }
    @media (prefers-reduced-transparency: reduce) {
        @media (hover: hover) {
            .s2 .nav-lux .menu a:hover:not(.is-active) {
                backdrop-filter: none;
                -webkit-backdrop-filter: none;
                background: rgba(255, 255, 255, 0.18);
            }
        }
        .s2 .nav-lux .menu a.is-active {
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            background: rgba(255, 255, 255, 0.18);
        }
        .s2 .nav-lux .menu a:not(.is-active):not(:hover) {
            background: transparent;
        }
    }

    .s2 .nav-lux .lang-toggle {
        display: inline-flex;
        align-items: center;
        gap: 0;
        padding: 0;
        border-radius: 0;
        background: transparent;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
    .s2 .nav-lux .lang-toggle button {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
        height: auto;
        border: 1px solid transparent;
        border-radius: 0;
        background: transparent;
        color: rgba(255,255,255,0.92);
        font-size: 14pt;
        font-weight: 500;
        padding: 6px 10px;
        text-decoration: none;
        transition:
            color 0.32s ease,
            background 0.32s ease,
            border-color 0.32s ease,
            box-shadow 0.32s ease,
            backdrop-filter 0.32s ease;
        isolation: isolate;
        overflow: hidden;
        cursor: pointer;
    }
    .s2 .nav-lux .lang-toggle button:focus-visible {
        outline: 2px solid #c9a878;
        outline-offset: 3px;
    }
    @media (hover: hover) {
        .s2 .nav-lux .lang-toggle button:hover {
            color: rgba(255,255,255,0.92) !important;
            background: rgba(255, 255, 255, 0.12);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border-color: rgba(255, 255, 255, 0.18);
        }
    }
    .s2 .nav-lux .lang-toggle button:not(:hover) {
        background: transparent;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        border-color: transparent;
    }
    @media (prefers-reduced-transparency: reduce) {
        @media (hover: hover) {
            .s2 .nav-lux .lang-toggle button:hover {
                backdrop-filter: none;
                -webkit-backdrop-filter: none;
                background: rgba(255, 255, 255, 0.18);
            }
        }
    }
    .s2 .nav-lux .menu-toggle { display: none; }
    .s2 .nav-lux-actions {
        flex-direction: row;
        align-items: center;
        gap: 12px;
    }
    .s2 .nav-lux .nav-drawer-panel {
        display: flex;
        flex: 1;
        justify-content: center;
        align-items: center;
        min-width: 0;
    }
    .s2 .nav-lux .nav-drawer-head {
        display: none;
    }
    .s2 .nav-lux .nav-drawer-brand {
        display: inline-flex;
        align-items: center;
        justify-self: start;
    }
    .s2 .nav-lux .nav-drawer-brand img {
        height: 36px;
        width: auto;
        filter: brightness(0) invert(1);
    }
    .s2 .nav-lux .menu-close {
        display: none;
        place-items: center;
        width: 44px;
        height: 44px;
        padding: 0;
        border: 0;
        background: transparent;
        color: rgba(255, 255, 255, 0.95);
        cursor: pointer;
        flex-shrink: 0;
        justify-self: end;
    }
    .s2 .nav-lux .menu-close svg {
        display: block;
        width: 22px;
        height: 22px;
    }
    .nav-drawer-backdrop {
        display: none;
        position: fixed;
        inset: 0;
        z-index: 94;
        background: rgba(0, 0, 0, 0.4);
        border: 0;
        padding: 0;
        cursor: pointer;
    }
    .nav-drawer-backdrop.is-visible {
        display: block !important;
    }
    body.s2 {
        scrollbar-gutter: stable;
    }
    body.s2.nav-drawer-open {
        overflow: hidden;
    }
    body.s2.nav-drawer-open .nav-lux .brand,
    body.s2.nav-drawer-open .nav-lux .nav-lux-actions {
        transform: translateZ(0);
    }
    /* Backdrop (z-index 94) is outside <header>; without this the header’s own
       stacking context (z-index 90) keeps the drawer menu visually under the overlay. */
    body.s2.nav-drawer-open .nav-lux {
        z-index: 100;
    }
    @media (max-width: 820px) {
        /* In-page anchors: JS aligns flush under fixed nav (not legacy 70px scroll-margin) */
        .s2 .join,
        .s2 #approach,
        .s2 #discover,
        .s2 #adventure,
        .s2 #cities,
        .s2 #team,
        .s2 #news,
        .s2 #sponsorship,
        .s2 #packages,
        .s2 #join,
        .s2 #contact {
            scroll-margin-top: 0;
        }
    }

    /* Mobile / tablet landscape: portrait-only experience (hardware rotation cannot be disabled from the web) */
    body.s2 .s2-portrait-lock {
        display: none;
        position: fixed;
        inset: 0;
        width: 100%;
        height: 100%;
        height: 100dvh;
        max-width: 100vw;
        box-sizing: border-box;
        z-index: 2147483645;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.75rem;
        padding: max(20px, env(safe-area-inset-top, 0px)) max(20px, env(safe-area-inset-right, 0px)) max(20px, env(safe-area-inset-bottom, 0px)) max(20px, env(safe-area-inset-left, 0px));
        text-align: center;
        background: #1A3D6B;
        color: #f6f1e8;
        font-family: 'Tajawal', system-ui, sans-serif;
        pointer-events: auto;
    }
    body.s2 .s2-portrait-lock svg,
    body.s2 .s2-portrait-lock .s2-portrait-lock-icon {
        width: min(56px, 16vw);
        height: auto;
        flex-shrink: 0;
        color: #fff;
    }
    body.s2 .s2-portrait-lock p {
        margin: 0;
        font-size: clamp(15px, 3.5vw, 19px);
        line-height: 1.45;
        max-width: 28em;
    }
    body.s2 .s2-portrait-lock .s2-portrait-lock-sub {
        font-size: clamp(13px, 3vw, 16px);
        opacity: 0.82;
    }
    body.lang-ar.s2 .s2-portrait-lock,
    body.lang-ar.s2 .s2-portrait-lock--ar {
        direction: rtl;
    }
    body.lang-ar.s2 .s2-portrait-lock #s2PortraitLockTitle,
    body.lang-ar.s2 .s2-portrait-lock .s2-portrait-lock-sub {
        direction: rtl;
        unicode-bidi: plaintext;
        text-align: center;
    }
    @media (orientation: landscape) and (max-width: 1366px) {
        body.s2 .s2-portrait-lock {
            display: flex;
        }
        html.s2-shutter-lock body.s2 .s2-portrait-lock {
            display: none;
        }
    }

    /* ============================== HERO ============================== */
    .s2 .hero {
        position: relative; min-height: 100vh; overflow: hidden;
        display: flex; align-items: flex-start;
        padding: clamp(132px, 18vw, 220px) 0 60px;
        isolation: isolate;
        color: #F6F1E8;
    }
    .s2 .hero video {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -2 !important;
    }
    .s2 .hero-overlay {
        position: absolute;
        inset: 0;
        z-index: -1;
        background:
            radial-gradient(120% 60% at 50% 100%, rgba(10,10,10,0.92) 0%, rgba(10,10,10,0.4) 60%, transparent 100%),
            linear-gradient(180deg, rgba(10,10,10,0.55) 0%, rgba(10,10,10,0.15) 35%, rgba(10,10,10,0.85) 100%);
    }
    .s2 .hero-grain {
        position: absolute;
        inset: 0;
        z-index: -1;
        opacity: 0.05;
        pointer-events: none;
        background-image:
            linear-gradient(to right, rgba(255,255,255,0.4) 1px, transparent 1px),
            linear-gradient(to bottom, rgba(255,255,255,0.4) 1px, transparent 1px);
        background-size: 80px 80px;
    }
    .s2 .hero .container {
        position: relative;
        padding-bottom: 120px;
    }
    .s2 .hero .position-relative.hero-location-anchor {
        margin-top: 0;
        margin-bottom: 0;
        min-height: 52px;
        position: relative;
    }
    .s2 .hero-loc-card {
        display: inline-flex; align-items: center; gap: 14px;
        padding: 12px 22px 12px 14px; border-radius: 999px;
        background: rgba(255,255,255,0.08); backdrop-filter: blur(20px);
        border: 1px solid rgba(255,255,255,0.18);
        margin-bottom: 32px;
    }
    .s2 .hero-loc-card .dot {
        width: 11px; height: 11px; border-radius: 50%;
        background: var(--gold); box-shadow: 0 0 0 0 var(--gold);
        animation: s2-pulse 2.4s ease-out 1 forwards;
    }
    @keyframes s2-pulse {
        0% { box-shadow: 0 0 0 0 rgba(201,168,120,0.6); }
        70% { box-shadow: 0 0 0 14px rgba(201,168,120,0); }
        100% { box-shadow: 0 0 0 0 rgba(201,168,120,0); }
    }
    .s2 .hero-loc-card p { margin: 0; font-size: 13px; text-transform: uppercase; color: #F6F1E8; }
    .s2 .hero h1 {
        font-family: 'Tajawal', sans-serif;
        font-weight: 500; font-size: clamp(56px, 8.4vw, 80px);
        line-height: 1;
        color: #d7dde4; margin: 0 0 clamp(14px, 2vw, 28px);
        text-shadow:
            0 1px 0 rgba(255,255,255,0.32),
            0 8px 24px rgba(0,0,0,0.28);
        text-transform: uppercase;
    }
    .s2 .hero h1 b {
        color: #ffffff;
        -webkit-text-fill-color: #ffffff;
        text-fill-color: #ffffff;
        font-weight: 700;
    }
    .s2 .hero .hero-headline-block,
    .s2 .hero .hero-headline-block .hero-headline,
    .s2 .hero .hero-headline-block .hero-headline b,
    .s2 .hero-tw-ghost,
    .s2 .hero-tw-ghost b,
    .s2 .hero-tw-amakin {
        color: #ffffff;
        -webkit-text-fill-color: #ffffff;
    }
    .s2 .hero-headline-block {
        display: grid;
        position: relative;
        margin: 0 0 clamp(10px, 1.5vw, 20px);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.4s ease, visibility 0s linear 0.4s;
    }
    .s2 .hero-headline-block.is-hero-visible {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.4s ease, visibility 0s;
    }
    .s2 .hero-headline-block.is-height-locked {
        box-sizing: border-box;
        height: var(--hero-headline-h, auto);
        min-height: var(--hero-headline-h, auto);
    }
    .s2 .hero-headline-block > * {
        grid-area: 1 / 1;
    }
    .s2 .hero-headline-block .hero-tw-ghost,
    .s2 .hero-headline-block .hero-tw-ghost b {
        font-family: 'Tajawal', sans-serif;
        font-weight: 700;
        font-size: clamp(56px, 8.4vw, 80px);
        line-height: 0.96;
        text-transform: uppercase;
    }
    .s2 .hero-headline-block .hero-tw-ghost {
        visibility: hidden;
        pointer-events: none;
        user-select: none;
    }
    .s2 .hero-headline-block .hero-headline {
        margin: 0;
    }
    .s2 .hero-headline-block .hero-headline b {
        font-weight: 700;
    }
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline-line {
        display: block;
        white-space: nowrap;
    }
    @media (max-width: 767px) {
        body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline-line {
            display: inline;
            white-space: normal;
        }
        body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline-line + .hero-headline-line::before {
            content: " ";
        }
    }
    @media (min-width: 768px) {
        .s2 .hero .hero-headline-block {
            margin-top: -24px;
        }
    }
    .s2 .hero-tw-amakin {
        display: inline;
        vertical-align: baseline;
        line-height: 1;
    }
    .s2 .hero h1 span {
        line-height: 1;
    }
    .s2 .hero-tw-places {
        position: relative;
        display: inline-flex;
        align-items: center;
        vertical-align: baseline;
        line-height: 1;
    }
    .s2 .hero-tw-places .split-word {
        display: inline-flex;
        align-items: center;
        line-height: 1;
        vertical-align: baseline;
    }
    .s2 .hero-tw-places .split-char {
        line-height: 1;
        vertical-align: middle;
    }
    .s2 .hero-tw-places.is-struck {
        text-decoration: none;
        opacity: 1;
    }
    .s2 .hero-tw-places.is-struck .split-char {
        opacity: 1;
        color: #ffffff;
        -webkit-text-fill-color: #ffffff;
    }
    .s2 .hero-tw-places.is-struck::after {
        content: '';
        position: absolute;
        left: 0;
        top: var(--hero-strike-top, calc(0.5em - max(1px, 0.045em)));
        width: 100%;
        height: max(2px, 0.09em);
        background: #ffffff;
        border-radius: 1px;
        transform: scaleX(0);
        transform-origin: left center;
        pointer-events: none;
        z-index: 2;
        animation: hero-tw-strike-draw 0.52s cubic-bezier(0.33, 0.85, 0.4, 1) forwards;
    }
    @keyframes hero-tw-strike-draw {
        from { transform: scaleX(0); }
        to { transform: scaleX(1); }
    }
    @media (prefers-reduced-motion: reduce) {
        .s2 .hero-tw-places.is-struck::after {
            animation: none;
            transform: scaleX(1);
        }
    }
    .s2 .hero-meta { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 24px; }
    .s2 .hero-chip {
        display: inline-flex; align-items: center; gap: 8px;
        padding: 11px 18px; border-radius: 999px;
        background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.18);
        font-size: 12.5px; text-transform: uppercase;
        color: #F6F1E8; backdrop-filter: blur(14px);
        font-weight: 500;
        opacity: 0; transform: translateY(20px);
        transition: opacity .7s, transform .7s, border-color .3s, color .3s;
    }
    .s2 .hero-chip.in { opacity: 1; transform: translateY(0); }
    .s2 .hero-chip:hover { border-color: var(--gold); color: var(--gold); }
    .s2 .hero-chip svg { width: 13px; height: 13px; color: var(--gold); }

    .s2 .hero-scroll {
        position: absolute; bottom: 40px; right: 5vw;
        display: flex; flex-direction: column; align-items: center; gap: 14px;
        font-size: 11px; text-transform: uppercase;
        color: rgba(246,241,232,0.7);
    }
    .s2 .hero-scroll .line {
        width: 1px; height: 80px; background: linear-gradient(to bottom, var(--gold), transparent);
        position: relative; overflow: hidden;
    }
    .s2 .hero-scroll .line::after {
        content: ""; position: absolute; top: -40px; left: 0; width: 100%; height: 40px;
        background: var(--gold);
        animation: s2-scroll-cue 2.4s ease-in-out 1 forwards;
    }
    @keyframes s2-scroll-cue { 0% { top: -40px; } 100% { top: 100%; } }
    .s2 .hero-video-footer {
        position: absolute;
        bottom: 62px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        z-index: 12;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
    }
    .s2 .hero-video-footer .progress-container {
        position: static;
        bottom: auto;
        left: auto;
        transform: none;
        width: 100%;
        z-index: auto;
    }
    .s2 .hero-scroll-cue {
        position: absolute;
        left: 50%;
        bottom: max(32px, calc(env(safe-area-inset-bottom, 0px) + 24px));
        transform: translateX(-50%);
        z-index: 13;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2px 18px 0;
        border: none;
        background: transparent;
        cursor: pointer;
        line-height: 0;
        -webkit-appearance: none;
        appearance: none;
        color: inherit;
        pointer-events: auto;
    }
    .s2 .hero-scroll-cue:focus-visible {
        outline: 2px solid #c9a878;
        outline-offset: 4px;
        border-radius: 2px;
    }
    .s2 .hero-scroll-cue__arrow-wrap {
        display: block;
        width: 32px;
        height: 23px;
        overflow: hidden;
        position: relative;
        animation: hero-scroll-cue-bounce 1.8s ease-in-out infinite;
    }
    .s2 .hero-scroll-cue__arrow {
        position: absolute;
        left: 50%;
        top: 0;
        width: 32px;
        height: 32px;
        margin-left: -16px;
        margin-top: -16px;
        border: 2px solid rgba(255, 255, 255, 0.92);
        background: transparent;
        box-sizing: border-box;
        transform: rotate(45deg);
        transform-origin: center center;
    }
    @keyframes hero-scroll-cue-bounce {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(6px); }
    }
    @media (prefers-reduced-motion: reduce) {
        .s2 .hero-scroll-cue__arrow-wrap {
            animation: none;
        }
    }
    /* index-v2 style location + video progress indicators */
    .s2 .progress-container {
        position: absolute;
        bottom: 22px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        z-index: 10;
    }
    .s2 .progress-wrapper {
        background: rgba(255, 255, 255, 0.2);
        height: 8px;
        border-radius: 0;
        overflow: hidden;
        backdrop-filter: blur(10px);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    }
    .s2 .progress-bar {
        height: 100%;
        background: #fff;
        background-size: 300% 100%;
        width: 0%;
        transition: width 0.1s linear;
        animation: gradientShift 3s ease 1 forwards;
        box-shadow: 0 0 20px rgba(255, 107, 107, 0.5);
    }
    @keyframes gradientShift {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }
    .s2 .indicators {
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        gap: 12px;
        z-index: 10;
        display: none !important;
    }
    .s2 .location_box {
        position: absolute;
        top: 0;
        left: 0;
        bottom: auto;
        display: flex;
        align-items: center;
        gap: 14px;
        transition: .5s ease-in-out;
        opacity: 0;
        z-index: 10;
    }
    .s2 .loc_title {
        /* background: rgba(18, 18, 22, 0.28);
        border: none;
        box-shadow: none;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        box-sizing: border-box; */
        /* One width for all tiles (~30% narrower than prior 258px) */
        /* width: 181px;
        min-width: 181px;
        max-width: 181px;
        height: 34px;
        min-height: 34px; */
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0px;
        background-color: transparent;
        padding: 0px !important;
        backdrop-filter: unset !important;
    }
    .s2 .loc_title a,
    .s2 .loc_title span {
        text-decoration: none;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.15;
        text-align: center;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .s2 .loc_icon {
        width: 30px;
        height: 30px;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .s2 .loc_icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .s2 .location_box.active {
        opacity: 1;
    }

    /* ============================== APPROACH (EXACT INDEX NEW SECTION STYLE) ============================== */
    .s2 .approch_main_wrapper_two {
        position: relative;
        /* visible so left/right–driven deco (counter-vector style) is not clipped off-column */
        overflow: visible;
        padding: 0;
        background: #fff;
        background-image: none;
        color: #000;
    }
    .s2 .approch_main_wrapper_two::before {
        display: none;
    }
    .s2 .approch_main_wrapper_two::after {
        display: none;
    }
    .s2 .approch_main_wrapper_two .container {
        position: relative;
        z-index: 1;
    }
    /* Match horizontal content width to .saryna-intro .head.counter_top_box (max-width 1200px) */
    .s2 .approch_main_wrapper_two .approach-intro-stack.row {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }
    .s2 .approch_main_wrapper_two .approach-intro-stack {
        row-gap: 0;
    }
    .s2 .approch_main_wrapper_two .approach-intro-stack > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section_icon span {
        border: 2px solid #000;
    }
    .s2 .approch_content_box {
        position: relative;
    }
    .s2 .approch_content_box_left {
        padding-right: 0;
        margin-bottom: clamp(40px, 6vw, 72px);
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        text-align: center;
    }
    .s2 .approch_content_box_left h3,
    .s2 .approch_content_box_left p {
        margin-left: auto;
        margin-right: auto;
    }
    .s2 .approch_content_box_right {
        padding-left: 0;
    }
    .s2 .approch_content_box_centered {
        text-align: center;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .s2 .approch_content_box_right .approch_segments_cluster {
        width: 100%;
    }
    .s2 .approch_content_box_centered h3,
    .s2 .approch_content_box_centered p {
        margin-left: auto;
        margin-right: auto;
    }
    .s2 .approch_content_box h3 {
        font-size: 40px;
        font-weight: 700;
        line-height: 1.1;
        margin-bottom: 20px;
        color: #000;
    }
    .s2 .approch_content_box p {
        font-size: 24px;
        line-height: 1.25;
        color: #000;
    }
    /* Typography + measure aligned with .saryna-intro .counter_top_box copy */
    .s2 .approch_main_wrapper_two .approch_content_box p {
        font-size: 25px;
        max-width: 1200px;
    }
    .s2 .approch_main_wrapper_two .approch_content_box_left .approch_heading_cluster h3,
    .s2 .approch_content_box_right.approch_content_box_centered > h3,
    .s2 .saryna-intro .counter_top_box .sub_heading {
        margin-bottom: var(--approach-segment-gap);
    }
    /* Approach intro copy: regular weight (not bold) */
    .s2 .approch_main_wrapper_two .approch_content_box_left > p[data-approach-p],
    .s2 .approch_main_wrapper_two .approch_content_box p[data-approach-segments] {
        font-weight: 400;
    }
    .s2 .approch_main_wrapper_two .approch_content_box_left > p:not(:last-of-type) {
        margin-bottom: var(--approach-paragraph-gap);
    }
    /* Approach: copy animates via data-split / [data-approach-p] — only deco icons get a short slide here */
    .s2 .approch_heading_cluster,
    .s2 .approch_segments_cluster {
        position: relative;
    }

    /* Approach layout + icon-only motion (transform on icons, not the text wrappers) */
    .s2 .approch_content_box_left .approch_heading_cluster h3 {
        position: relative;
        z-index: 2;
    }
    .s2 .approch_main_wrapper_two .approch_content_box_left .approch_heading_cluster .approch_left_icon {
        position: absolute;
        left: 0;
        top: 0.12em;
        width: 90px;
        max-width: min(38vw, 140px);
        margin: 0;
        pointer-events: none;
        z-index: 0;
        transform: translateX(clamp(160px, 14vw, 280px));
        /* transition: transform 0.58s cubic-bezier(0.22, 1, 0.36, 1); */
        transition: transform 2s ease, opacity 2s ease;
    }

    .s2 .approch_main_wrapper_two.approach-vectors-in .approch_heading_cluster .approch_left_icon {
        transform: translateX(0);
    }
    .s2 .approch_main_wrapper_two .approch_content_box_left .approch_heading_cluster .approch_left_icon img {
        display: block;
        width: 100%;
        height: auto;
        opacity: 0.28;
    }
    .s2 .approch_left_icon,
    .s2 .approch_right_icon img {
        opacity: 0.5;
    }
    .s2 .approch_content_box_right .approch_segments_cluster > p[data-approach-segments] {
        position: relative;
        z-index: 2;
        margin-bottom: 0;
    }
    .s2 .approch_main_wrapper_two .approch_content_box_right .approch_segments_cluster {
        margin-bottom: 0;
    }
    .s2 .approch_main_wrapper_two .approch_content_box_right .approch_segments_cluster .approch_right_icon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin: 0;
        padding: 0;
        z-index: 0;
        pointer-events: none;
    }

    /* Motion on the img: starts left of final (right-aligned) slot, eases into place */
    .s2 .approch_main_wrapper_two .approch_segments_cluster .approch_right_icon img.approch_right_icon_one {
        transform: translateX(clamp(-280px, -14vw, -160px));
        /* transition: transform 0.58s cubic-bezier(0.22, 1, 0.36, 1); */
        transition: transform 2s ease, opacity 2s ease;
    }

    .s2 .approch_main_wrapper_two.approach-vectors-in .approch_segments_cluster .approch_right_icon img.approch_right_icon_one,
    .s2 .approch_segments_cluster.approch-segments-reveal .approch_right_icon img.approch_right_icon_one {
        transform: translateX(0);
    }
    .s2 .approch_main_wrapper_two .approch_segments_cluster .approch_right_icon img {
        display: block;
        height: auto;
        width: auto !important;
        max-width: 120px;
        margin-top: 0 !important;
    }
    @media(max-width:1399px){
        .route_icon{
            width: 40px;
        }
    }
    @media (max-width: 1199px) {
        .s2 .approch_main_wrapper_two .approch_content_box_left .approch_heading_cluster .approch_left_icon {
            width: 90px;
        }
        .s2 .approch_main_wrapper_two .approch_segments_cluster .approch_right_icon img {
            max-width: 90px;
        }
    }
    @media (max-width: 991px) {
        .copy_main_wrapper .col-md-3{
            display:block;
            order:1;
            width: 100%;
        }
        .copy_main_wrapper .col-md-3 .copy_logo_wrapper img {
            width: 30%;
            margin: 0 auto;
        }
        .copy_main_wrapper .col-md-2 img {
            width: 30%;
            margin: 20px auto 20px;
        }
        .copy_main_wrapper .col-md-2 {
            width: 100%;
            order: 2;
        }
        .copy_main_wrapper .col-md-7 {
            order: 3;
        }
        .s2 .approch_content_box_left,
        .s2 .approch_content_box_right {
            padding-left: 0;
            padding-right: 0;
        }
        .s2 .approch_content_box h3 {
            font-size: 30px;
        }
        .s2 .approch_content_box p {
            font-size: 20px;
        }
        .s2 .approch_main_wrapper_two .approch_content_box p {
            font-size: 20px;
        }
        .s2 .packages .pkg-stats .pkg-stat {
            transform: unset !important;
        }
    }
    @media (max-width: 480px) {
        .s2 .approch_main_wrapper_two .approch_content_box_left .approch_heading_cluster .approch_left_icon {
            width: 66px;
        }
        .s2 .pkg-tag h4 {
            width: 50%;
        }
        .s2 .pkg-tag {
            align-items: flex-start !important;
        }
    }
    @media (max-width: 425px) {
        .s2 .approch_main_wrapper_two .approch_segments_cluster .approch_right_icon img {
            max-width: 50px;
        }
        .s2 .join .sec_heading_wrapper p {
            font-size: 16px;
            line-height: 1.25;
        }
        .s2 .contact_info_item p,
        .s2 .contact_info_item a,
        .s2 #contact.ct_main_wrapper .contact_info_item p,
        .s2 #contact.ct_main_wrapper .contact_info_item a {
            font-size: 16px;
            line-height: 1.25;
        }
    }

    /* ============================== APPROACH (legacy custom block retained but unused) ============================== */
    .s2 .approach {
        position: relative; padding: 100px 0 90px;
        background:
            radial-gradient(ellipse 60% 40% at 0% 0%, rgba(201,168,120,0.18), transparent 70%),
            radial-gradient(ellipse 50% 40% at 100% 100%, rgba(246,152,123,0.14), transparent 70%),
            var(--ivory);
        overflow: hidden;
    }
    .s2 .approach .container { position: relative; z-index: 2; }
    .s2 .approach-intro { text-align: center; max-width: 880px; margin: 0 auto 60px; }
    .s2 .approach-intro h2 {
        font-family: 'Tajawal', sans-serif;
        font-weight: 300; font-size: clamp(44px, 5.8vw, 84px);
        line-height: 1.05; margin: 22px 0 0; color: var(--ink);
    }
    .s2 .approach-grid { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 60px; align-items: center; }
    .s2 .approach-card {
        position: relative; padding: 50px 50px 56px; border-radius: 26px;
        background: var(--glass);
        border: 1px solid var(--glass-stroke);
        backdrop-filter: blur(20px);
        box-shadow: 0 24px 60px -30px rgba(28,28,28,0.18);
    }
    .s2 .approach-card .icon-wrap {
        width: 64px; height: 64px; border-radius: 16px;
        display: grid; place-items: center;
        background: linear-gradient(135deg, var(--gold), var(--gold-soft));
        margin-bottom: 26px;
    }
    .s2 .approach-card .icon-wrap img { width: 30px; filter: brightness(0); }
    .s2 .approach-card h3 {
        font-family: 'Tajawal', sans-serif;
        font-weight: 400; font-size: clamp(30px, 3vw, 44px);
        line-height: 1.1; margin: 0 0 22px; color: var(--ink);
    }
    .s2 .approach-card p {
        color: var(--ink-soft); font-size: 17px; line-height: 1.7;
        margin: 0 0 16px; font-weight: 300;
    }
    .s2 .approach-card p:last-child { margin-bottom: 0; }

    .s2 .approach-segments { display: flex; flex-direction: column; gap: 18px; }
    .s2 .approach-seg {
        position: relative; height: 158px; border-radius: 22px; overflow: hidden;
        cursor: pointer; transition: transform .6s cubic-bezier(.2,.8,.2,1);
        border: 1px solid var(--line);
    }
    .s2 .approach-seg .bg {
        position: absolute; inset: 0; background-size: cover; background-position: center;
        transition: transform 1.2s cubic-bezier(.2,.8,.2,1);
    }
    .s2 .approach-seg::after {
        content: ""; position: absolute; inset: 0;
        background: linear-gradient(110deg, rgba(10,10,10,0.78) 0%, rgba(10,10,10,0.3) 70%, transparent 100%);
    }
    .s2 .approach-seg .label {
        position: absolute; left: 32px; bottom: 24px; z-index: 2;
        display: flex; flex-direction: column; gap: 8px;
    }
    .s2 .approach-seg .label .num { font-size: 12px; color: var(--gold); font-weight: 600; }
    .s2 .approach-seg .label .name {
        font-family: 'Tajawal', sans-serif;
        font-size: 30px; font-weight: 500; color: #F6F1E8;
    }
    .s2 .approach-seg .arrow {
        position: absolute; right: 32px; top: 50%; transform: translateY(-50%);
        width: 46px; height: 46px; border-radius: 50%;
        background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.3);
        display: grid; place-items: center; transition: all .5s ease;
    }
    .s2 .approach-seg:hover { transform: translateX(8px); }
    .s2 .approach-seg:hover .bg { transform: scale(1.08); }
    .s2 .approach-seg:hover .arrow { background: var(--gold); border-color: var(--gold); }
    .s2 .approach-seg:hover .arrow svg path { stroke: #1a1a1a; }

    .s2 .approach-side h3.serif {
        font-size: clamp(30px, 3.2vw, 48px); line-height: 1.12; font-weight: 400;
        margin: 14px 0 16px; color: var(--ink);
    }
    .s2 .approach-side p.lead {
        color: var(--ink-soft); line-height: 1.75; font-weight: 300;
        margin-bottom: 30px; font-size: 17px;
    }

    /* ============================== ADVENTURE ============================== */
    .s2 .adventure {
        position: relative;
        padding-top: var(--approach-segment-gap, 30px);
        padding-bottom: var(--section-cards-bottom-gap, 50px);
        background: #fff;
    }
    .s2 .adventure-head { display: none; }
    .s2 .adventure-slider-wrap {
        position: relative;
    }
    .s2 .adv-swiper .swiper-wrapper {
        transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
        will-change: transform;
    }
    .s2 .adv-swiper .swiper-slide {
        height: auto;
        display: flex;
        min-height: 0;
    }
    .s2 .adv-swiper .swiper-slide .adv-card {
        width: 100%;
        flex: 1 1 auto;
    }
    .s2 .adventure .adv-swiper .swiper-slide .adv-card {
        opacity: 0;
        transform: translateX(-100px);
        transform-style: flat;
        animation: none;
    }
    .s2 .adventure .adv-swiper.adv-sweep-row.adv-sweep-in .swiper-slide:nth-child(1) .adv-card {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0s;
    }
    .s2 .adventure .adv-swiper.adv-sweep-row.adv-sweep-in .swiper-slide:nth-child(2) .adv-card {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.3s;
    }
    .s2 .adventure .adv-swiper.adv-sweep-row.adv-sweep-in .swiper-slide:nth-child(3) .adv-card {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.6s;
    }
    .s2 .adv-card {
        position: relative; aspect-ratio: 3/4.2; border-radius: 0; overflow: hidden;
        cursor: default; isolation: isolate;
        text-decoration: none;
        color: inherit;
        border: none;
        box-shadow: none;
    }
    .s2 .adv-card .bg {
        position: absolute; inset: 0; background-size: cover; background-position: center;
        transition:
            filter 1.15s cubic-bezier(0.33, 1, 0.68, 1),
            transform 1.35s cubic-bezier(0.33, 1, 0.68, 1);
        filter: saturate(0.9);
    }
    .s2 .adv-card::after {
        content: ""; position: absolute; inset: 0; z-index: 1;
        background: linear-gradient(180deg, transparent 0%, transparent 35%, rgba(10,10,10,0.95) 100%);
        transition: background 0.9s ease-in-out;
    }
    .s2 .adv-card .num {
        position: absolute; top: 28px; left: 28px; z-index: 2;
        font-family: 'Tajawal', sans-serif;
        font-size: 16px; font-style: italic; color: var(--gold);
    }
    .s2 .adv-card .meta {
        position: absolute; left: 32px; right: 32px; bottom: 32px; z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: stretch;
        gap: 14px;
        width: auto;
        box-sizing: border-box;
    }
    .s2 .adv-card h3 {
        font-family: 'Tajawal', sans-serif;
        font-size: clamp(30px, 1.7vw, 40px); font-weight: 900;
        color: #F6F1E8; margin: 0; line-height: 1.05;
        text-shadow: 0 0px 10px hsl(0deg 0% 0% / 70%);
        transform: translate3d(0, 0, 0);
        transition: transform 0.85s cubic-bezier(0.33, 1, 0.68, 1);
        width: 100%;
        box-sizing: border-box;
        align-self: stretch;
    }
    /* Adventure cards: static title + body copy (no split-text load) */
    .s2 .adventure .adv-card .meta h3,
    .s2 .adventure .adv-card .meta h3 .split-char,
    .s2 .adventure .adv-card .meta .tag .split-char {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
    }
    .s2 .adv-card .meta h3::after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        background: #fff;
        margin-top: 14px;
        opacity: 0.92;
        flex-shrink: 0;
    }
    .s2 .adv-card .tag {
        font-size: 13px; text-transform: uppercase;
        color: #fff; font-weight: 600;
        opacity: 0;
        transform: translate3d(0, 14px, 0);
        overflow: hidden;
        margin: 0;
        transition:
            opacity 0.5s ease-in-out,
            transform 0.5s ease-in-out,
            max-height 1s ease-in-out,
            margin-top 0.65s ease-in-out;
        max-height: 0;
        width: 100%;
        align-self: stretch;
        box-sizing: border-box;
    }
    .s2 .adv-card .tag.tag--prose {
        text-transform: none;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.5;
        display: block;
        margin-bottom: 0;
    }
    .s2 .adv-card .ring {
        position: absolute; right: 28px; bottom: 32px; z-index: 2;
        width: 56px; height: 56px; border-radius: 50%;
        border: 1px solid rgba(246,241,232,0.55);
        display: grid; place-items: center;
        transition:
            opacity 0.65s cubic-bezier(0.33, 1, 0.68, 1),
            transform 0.65s cubic-bezier(0.33, 1, 0.68, 1),
            background 0.5s ease,
            border-color 0.5s ease;
    }
    .s2 .adv-card:hover,
    .s2 .adv-card:focus-within {
        transform: none;
        border: none;
        box-shadow: none;
    }
    /* Adventure card hover — see HOVER #04 block at end of file */
    .s2 .adv-card:hover .tag,
    .s2 .adv-card:focus-within .tag {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        max-height: min(44vh, 420px);
    }
    .s2 .adv-card:hover .ring,
    .s2 .adv-card:focus-within .ring { background: var(--gold); border-color: var(--gold); transform: rotate(45deg); }

    /* Shared sweep (adventure cards + SARYNA counter boxes) */
    @keyframes s2-sweep-reveal {
        from {
            opacity: 0;
            transform: translateX(-100px);
        }
        to {
            opacity: 1;
            transform: translateX(0);
        }
    }
    /* Adventure swiper sweep handled via .adv-sweep-in on .adv-swiper (see ADVENTURE block) */

    /* Careers job sweep: see NEWS block (.join.jobs-sweep-row mirrors .news.news-sweep-row) */

    /* ============================== SARYNA INTRO + COUNTERS ============================== */
    .s2 .saryna-intro {
        position: relative; 
        padding: 0 0 var(--section-cards-bottom-gap, 50px);
        background:#FDD76F;
        overflow: hidden;
    }
    /* Match adventure row tail gap (adv-swiper padding-bottom: 18px) after counter boxes */
    .s2 .saryna-intro .counter_inner_wrapper {
        padding-bottom: 18px;
    }
    .s2 .saryna-intro .section_icon, .section_icon {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-top: var(--s2-section-icon-gap);
        padding-bottom: var(--s2-section-icon-gap);
    }
    .s2 .saryna-intro .section_icon span, .section_icon span {
        width: 32px;
        height: 32px;
        display: block;
        border: 2px solid #000;
        transform: rotate(45deg);
    }
    .s2 .saryna-intro .head { text-align: center; max-width: 1200px; margin: 0 auto 60px; position: relative; z-index: 9; }
    .s2 .saryna-intro .counter_top_box .sub_heading {
        font-family: 'Tajawal', sans-serif;
        font-style: normal;
    }
    .s2 .saryna-intro .counter_top_box p[data-approach-p],
    .s2 .saryna-intro .counter_top_box > p {
        margin: 0 auto var(--approach-paragraph-gap);
        font-size: 25px;
        line-height: 1.25;
        max-width: 1200px;
        font-weight: 400;
    }
    .s2 .saryna-intro .counter_top_box p[data-approach-p]:last-of-type,
    .s2 .saryna-intro .counter_top_box > p:last-of-type {
        margin-bottom: 0;
    }
    .s2 .saryna-intro .counter_top_box p[data-approach-p] .saryna-learn-more,
    .s2 .saryna-intro .counter_top_box p.saryna-intro-lead .saryna-learn-more {
        color: #000 !important;
        -webkit-text-fill-color: #000 !important;
        background: none !important;
        background-image: none !important;
        font-size: inherit;
        font-family: inherit;
        font-weight: inherit;
        line-height: inherit;
        text-decoration: none;
        display: block !important;
        width: 100%;
        text-align: center;
        margin-top: 0.35em;
        transition: text-decoration-color 0.2s ease;
    }
    .s2 .saryna-intro .counter_top_box p[data-approach-p] .saryna-learn-more:hover,
    .s2 .saryna-intro .counter_top_box p[data-approach-p] .saryna-learn-more:focus-visible,
    .s2 .saryna-intro .counter_top_box p.saryna-intro-lead .saryna-learn-more:hover,
    .s2 .saryna-intro .counter_top_box p.saryna-intro-lead .saryna-learn-more:focus-visible {
        color: #000 !important;
        -webkit-text-fill-color: #000 !important;
        text-decoration: underline;
        text-underline-offset: 2px;
    }
    .s2 .saryna-intro .counter_top_box p[data-approach-p] .saryna-learn-more b,
    .s2 .saryna-intro .counter_top_box p.saryna-intro-lead .saryna-learn-more b {
        color: #000 !important;
        -webkit-text-fill-color: #000 !important;
        background: none !important;
        background-image: none !important;
        font-size: inherit;
        font-family: inherit;
        font-weight: 700;
    }
    .s2 .saryna-intro .counter_top_box p[data-approach-p] .saryna-learn-more:hover b,
    .s2 .saryna-intro .counter_top_box p[data-approach-p] .saryna-learn-more:focus-visible b,
    .s2 .saryna-intro .counter_top_box p.saryna-intro-lead .saryna-learn-more:hover b,
    .s2 .saryna-intro .counter_top_box p.saryna-intro-lead .saryna-learn-more:focus-visible b {
        color: #000 !important;
        -webkit-text-fill-color: #000 !important;
        text-decoration: inherit;
    }

    .s2 .saryna-intro .counter_top_box h2,
    .s2 .saryna-intro .counter_top_box p:not([data-approach-p]) {
        color: #000;
        background-clip: text;
        -webkit-background-clip: text;
        background-image: linear-gradient(to right, #000 50%, rgba(0,0,0,0.2) 50%);
        background-size: 200% 100%;
        background-position: 100% 0;
        transition: none;
    }
.s2 .saryna-intro .counter_vector_one,
.s2 .saryna-intro .counter_vector_two {
    position: absolute;
    opacity: 1;
    z-index: 1;
    will-change: transform, opacity;
    transition: transform 2s ease, opacity 2s ease;
}

/* LEFT IMAGE */
.s2 .saryna-intro .counter_vector_one {
    top: 19%;
    left: 10%;
    
    /* Start from center */
    transform: translateX(20vw);
}

.s2 .saryna-intro.vector-in .counter_vector_one {
    transform: translateX(0);
    opacity: 1;
}

/* RIGHT IMAGE */
.s2 .saryna-intro .counter_vector_two {
    top: 34%;
    left: 55%;
    
    /* Start from center */
    transform: translateX(-20vw);
}

.s2 .saryna-intro.vector-in .counter_vector_two {
    transform: translateX(0);
    opacity: 1;
}
    .s2 .stat-grid {
        display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;
        border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
    }
    .s2 .stat-cell {
        padding: 50px 32px; border-right: 1px solid var(--line);
        position: relative; overflow: hidden;
    }
    .s2 .stat-cell:last-child { border-right: 0; }
    .s2 .stat-cell::before {
        content: ""; position: absolute; left: 0; bottom: 0;
        width: 100%; height: 0;
        background: linear-gradient(180deg, transparent, rgba(201,168,120,0.10));
        transition: height .6s ease;
    }
    .s2 .stat-cell:hover::before { height: 100%; }
    .s2 .stat-num {
        font-family: 'Tajawal', sans-serif;
        font-size: clamp(88px, 10vw, 150px); font-weight: 300;
        line-height: 1; margin: 0 0 12px;
        background: linear-gradient(180deg, var(--ink) 0%, var(--gold) 100%);
        -webkit-background-clip: text; -webkit-text-fill-color: transparent;
        background-clip: text;
    }
    .s2 .stat-title {
        font-size: 14px; text-transform: uppercase;
        color: var(--gold-deep); font-weight: 700; margin: 0 0 14px;
    }
    .s2 .stat-desc {
        color: var(--ink-mute); font-size: 14px; line-height: 1.6; margin: 0; font-weight: 400;
    }

    /* Saryana map: styles from assets/css/style.css + style-two.css + responsive.css (linked in <head>) */

    /* ============================== CITIES ============================== */
    .s2 .cities {
        position: relative;
        /* Match adventure tail: 18px swiper inset + section gap (see .cities-swiper padding-bottom) */
        padding-top: 18px;
        padding-bottom: var(--section-cards-bottom-gap, 50px);
        background: #fff;
        overflow: hidden;
    }
    .s2 .cities-head {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 0;
        text-align: center;
        margin-bottom: 0;
        padding-left: 24px;
        padding-right: 24px;
    }
    .s2 .cities-head-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 1200px;
        gap: var(--s2-carousel-head-gap);
        padding-bottom: 0;
        margin-bottom: var(--s2-carousel-nav-to-track);
    }
    .s2 .cities-head-left {
        display: contents;
    }
    .s2 .cities-head .section_icon {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        justify-content: center;
        padding-top: 0;
        padding-bottom: 0;
    }
    .s2 .cities-head h2 {
        font-family: 'Tajawal', sans-serif;
        font-weight: 700;
        font-size: clamp(36px, 5.4vw, 40px);
        margin: 0;
        line-height: 1.12;
        color: var(--ink);
    }
    /* Carousel sections: heading↔arrows gap = arrows↔cards gap (18px); head wrapper owns bottom inset */
    .s2 .pkg-slider-head,
    .s2 .join .sec_heading_wrapper.join-head,
    .s2 .cities-head-inner {
        gap: var(--s2-carousel-head-gap);
    }
    .s2 .news-head {
        gap: var(--s2-carousel-head-gap);
    }
    .s2 .news-head,
    .s2 .cities-head-inner,
    .s2 .join .sec_heading_wrapper.join-head,
    .s2 .pkg-slider-head {
        margin-bottom: var(--s2-carousel-nav-to-track) !important;
    }
    .s2 .news-head {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .s2 .cities-head-nav,
    .s2 .news-head-nav,
    .s2 .join-head-nav,
    .s2 .pkg-slider-head .pkg-nav,
    .s2 .pkg-slider-head > .pkg-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        position: relative;
        z-index: 5;
    }
    /* Tourism route sliders: logos → arrows → track (same rhythm as careers) */
    .s2 .saryana_main_wrapper .cities-head-nav,
    .s2 .saryana_main_mob_wrapper .cities-head-nav,
    .s2 .saryana_main_mob_wrapper .north_slider_wrapper .cities-head-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
        margin-top: var(--s2-carousel-head-gap) !important;
        margin-bottom: var(--s2-carousel-nav-to-track) !important;
        position: relative;
        z-index: 5;
    }
    /* No extra top inset on carousels that sit below section nav arrows */
    @media (min-width: 768px) {
        .s2 #cities .cities-swiper,
        .s2 #news .news-swiper,
        .s2 #join .jobs-swiper,
        .s2 #packages .pkg-swiper,
        .s2 .saryana_main_wrapper .tourism_slider_one,
        .s2 .saryana_main_wrapper .tourism_slider_two,
        .s2 .saryana_main_mob_wrapper .tourism_slider_one,
        .s2 .saryana_main_mob_wrapper .tourism_slider_two {
            padding-block-start: 0 !important;
        }
    }
    .s2 .join-head-nav.is-nav-hidden {
        display: none !important;
    }
    @media (max-width: 991px) {
        .s2 .news-head-nav,
        .s2 .join-head-nav {
            display: none !important;
        }
        .s2 .news {
            overflow: visible;
        }
        .s2 .news-head h2 {
            margin-bottom: 0;
            padding-bottom: 0;
            line-height: 1.12;
        }
        .s2 .news-slider-wrap {
            margin-top: 0;
            overflow: visible;
        }
        div.pkg-stats.mob_hide.in {
            display: none !important;
        }
        .pkg-stat.d-none.mob_show {
            display: block !important;
            margin: 0 auto;
        }
        .pkg-stat.d-none.mob_show:nth-child(2) {
            order: -1;
        }
        .pkg-stat.d-none.mob_show .n- {
            font-size: 90px;
            font-weight: 900;
            line-height: 1;
        }
        .pkg-stat.d-none.mob_show p {
            font-size: 20px;
            font-weight: 400;
            color: #000;
            margin: 4px 0 0;
        }
        .fund_logo{
            margin: 0 auto;
        }
        .s2 .spon-point-title {
            font-size: 26px !important;
        }
        .s2 #packages .cars_list .car_icon p, .s2 #packages .cars_list .car_title {
            font-size: 20px;
        }
        .s2 .nav-lux{
            padding: 10px 0 20px;
        }
        .footer_links_list{
            display: none;
        }
        body.s2 #packages .cars_list .car_item.car_item_one img.img-fluid{
            width: 70% !important;
        }
        body.s2 #packages .cars_list .car_item.car_item_two img.img-fluid {
            width: 50% !important;
        }
        body.s2 #packages .cars_list .car_item.car_item_three img.img-fluid {
            width: 50% !important;
        }
        body.s2 #packages .cars_list .car_item.car_item_four img.img-fluid {
            width: 40% !important;
        }
    }
    @media(max-width:667px){
        .s2 .spon-point-water{
            top: -3px;
            left: 19px;
        }
        body.s2 .pkg_slider_cars_wrapper.gsap-cars-section{
            height: 430px !important;
        }
        .car3{
            left: 12% !important;
        }
        .car4{
            width: 65.835vw !important;
        }
    }

    .s2 .cities-slider-wrap {
        position: relative;
    }
    .s2 .cities-swiper .swiper-wrapper {
        /* Smooth slide easing (manual navigation) */
        transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
        will-change: transform;
    }
    .s2 .cities-swiper .swiper-slide {
        height: auto;
        display: flex;
        min-height: 0;
    }

    /* Cities: same left→right sweep as team (s2-sweep-reveal + stagger; --city-sweep mirrors team nth delays) */
    .s2 .cities .cities-swiper .swiper-slide .city-card {
        opacity: 0;
        transform: translateX(-100px);
        transform-style: flat;
        animation: none;
    }
    .s2 .cities .cities-swiper.cities-sweep-row.cities-sweep-in .swiper-slide:nth-child(1) .city-card{
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0s;
    }
    .s2 .cities .cities-swiper.cities-sweep-row.cities-sweep-in .swiper-slide:nth-child(2) .city-card{
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.3s;
    }
    .s2 .cities .cities-swiper.cities-sweep-row.cities-sweep-in .swiper-slide:nth-child(3) .city-card{
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.6s;
    }
    .s2 .cities .cities-swiper.cities-sweep-row.cities-sweep-in .swiper-slide:nth-child(4) .city-card{
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.9s;
    }
    .s2 .cities .cities-swiper.cities-sweep-row.cities-sweep-in .swiper-slide:nth-child(5) .city-card{
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.9s;
    }
    .s2 .cities .cities-swiper.cities-sweep-row.cities-sweep-in .swiper-slide:nth-child(6) .city-card{
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.10s;
    }
    .s2 .cities .cities-swiper.cities-sweep-row.cities-sweep-in .swiper-slide:nth-child(7) .city-card{
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.11s;
    }
    .s2 .cities .cities-swiper.cities-sweep-row.cities-sweep-in .swiper-slide:nth-child(8) .city-card{
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.12s;
    }
    /* .s2 .cities .cities-swiper.cities-sweep-row.cities-sweep-in .swiper-slide .city-card {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: calc(var(--city-sweep, 0) * 0.12s);
    } */
    /* .s2 .cities .cities-swiper.cities-sweep-row.cities-sweep-in .swiper-slide .city-card {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: calc(var(--city-sweep, 0) * 0.12s);
    } */
    .s2 .city-card {
        position: relative;
        width: 100%;
        flex: 1 1 auto;
        min-height: 0;
        aspect-ratio: 0.78; /* match team card picture boxes */
        height: auto;
        border-radius: 0;
        overflow: hidden;
        isolation: isolate;
        border: none;
        box-shadow: none;
        cursor: pointer;
    }
    .s2 .city-card::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(180deg, transparent 0%, transparent 35%, rgba(10,10,10,0.95) 100%);
        pointer-events: none;
        transition: background 0.9s ease-in-out;
    }
    /* Photo layer: same clip + scale behaviour as .adv-card .bg (scale inside fixed box) */
    .s2 .city-card-media {
        position: absolute;
        inset: 0;
        z-index: 0;
        overflow: hidden;
        pointer-events: none;
        transform: scale(1);
        transform-origin: center center;
        backface-visibility: hidden;
        transition:
            filter 1.15s cubic-bezier(0.33, 1, 0.68, 1),
            transform 1.35s cubic-bezier(0.33, 1, 0.68, 1);
    }
    .s2 .city-card-media img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        max-width: none !important;
        min-width: 100%;
        min-height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
        filter: saturate(0.9);
        transition: filter 1.15s cubic-bezier(0.33, 1, 0.68, 1);
    }
    .s2 .city-card .meta {
        position: absolute;
        left: 18px;
        right: 18px;
        bottom: 18px;
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: stretch;
        gap: 14px;
        width: auto;
        box-sizing: border-box;
    }
    .s2 .city-card h3 {
        margin: 0;
        font-family: 'Tajawal', sans-serif;
        font-size: clamp(24px, 2.8vw, 30px);
        font-weight: 700;
        line-height: 1.15;
        color: #fff;
        letter-spacing: 0.3px;
        text-shadow: 0 0 10px hsl(0deg 0% 0% / 70%);
        transform: translate3d(0, 0, 0);
        transition: transform 0.85s cubic-bezier(0.33, 1, 0.68, 1);
        width: 100%;
        box-sizing: border-box;
        align-self: stretch;
        flex-shrink: 0;
        line-height: 1;
    }
    .s2 .city-card .meta h3::after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        background: #fff;
        margin-top: 14px;
        opacity: 0.92;
        flex-shrink: 0;
    }
    /* Same reveal timing as .team-card .meta ul */
    .s2 .city-card .city-card-detail {
        margin: 0;
        font-family: 'Tajawal', sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.5;
        color: #fff;
        opacity: 0;
        transform: translate3d(0, 14px, 0);
        overflow: hidden;
        transition:
            opacity 0.5s ease-in-out,
            transform 0.5s ease-in-out,
            max-height 1s ease-in-out,
            margin-top 0.65s ease-in-out;
        max-height: 0;
        width: 100%;
        align-self: stretch;
        box-sizing: border-box;
    }
    .s2 .city-card .city-card-stats {
        display: flex;
        flex-direction: column;
        gap: 14px;
        line-height: 1.2;
    }
    .s2 .city-card .city-stat {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }
    .s2 .city-card .city-stat-num {
        font-size: clamp(30px, 3.6vw, 40px);
        font-weight: 700;
        line-height: 1.05;
        letter-spacing: 0.02em;
    }
    @media (max-width: 1024px) {
        .s2 .city-card .city-stat-num {
            font-size: clamp(28px, calc(3.6vw - 2px), 38px);
        }
    }
    .s2 .city-card .city-stat-row {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: 0 0.35em;
    }
    .s2 .city-card .city-stat-unit {
        font-size: 20px;
        font-weight: 400;
        line-height: 1.2;
    }
    .s2 .city-card .city-stat-label {
        font-size: 20px;
        font-weight: 400;
        line-height: 1.35;
        opacity: 0.95;
    }
    @media (min-width: 768px) {
        .s2 .city-card:hover,
        .s2 .city-card:focus-within {
            transform: none !important;
            border: none;
            overflow: hidden;
            z-index: 3;
        }
        /* City card hover — see HOVER #04 block at end of file */
        .s2 .city-card:hover .city-card-detail,
        .s2 .city-card:focus-within .city-card-detail {
            opacity: 1;
            transform: translate3d(0, -4px, 0);
            max-height: min(44vh, 420px);
            margin-top: 14px;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .s2 .cities .cities-swiper.cities-sweep-row .swiper-slide .city-card {
            opacity: 1 !important;
            transform: none !important;
            animation: none !important;
        }
        .s2 .adventure .adv-swiper.adv-sweep-row .swiper-slide .adv-card {
            opacity: 1 !important;
            transform: none !important;
            animation: none !important;
        }
        .s2 .team .team-swiper.team-sweep-row .swiper-slide .team-card {
            opacity: 1 !important;
            transform: none !important;
            animation: none !important;
        }
        .s2 .packages .pkg-swiper.pkg-sweep-row .swiper-slide .pkg-item .pkg-card,
        .s2 .packages .pkg-grid.pkg-sweep-row .pkg-item .pkg-card {
            opacity: 1 !important;
            transform: none !important;
            animation: none !important;
        }
    }
    .s2 #cities .cities-nav {
        display: inline-flex;
        justify-content: center;
        gap: 10px;
        margin-top: 0;
    }
    .s2 #cities .cities-nav.pkg-nav { display: inline-flex; gap: 10px; }
    @media (min-width: 768px) {
        .s2 #cities .container {
            position: relative;
        }
    }
    @media (max-width: 991px) {
        body.s2 {
            --s2-mobile-gutter: 20px;
            --s2-mobile-carousel-gap: var(--s2-mobile-gutter);
            --s2-mobile-carousel-peek: 28px;
            --s2-mobile-slide-width: calc(100% - (var(--s2-mobile-gutter) + var(--s2-mobile-carousel-gap) + var(--s2-mobile-carousel-peek)));
        }
        .s2 .cities {
            overflow: visible;
        }
        .s2 .team {
            overflow: visible;
        }
        .s2 .packages {
            overflow: visible;
        }
        .s2 .cities-head {
            align-items: center;
        }
        .s2 .cities-head-nav {
            display: none !important;
        }
        .s2 .cities-head-inner {
            gap: var(--s2-carousel-head-gap);
            padding-bottom: 0;
            margin-bottom: var(--s2-carousel-nav-to-track);
        }
        /* Match adventure peek carousel: full-bleed track + same slide width / gap */
        .s2 #cities .container {
            padding-left: 0;
            padding-right: 0;
            max-width: 100%;
        }
        .s2 #cities .cities-head {
            padding-inline: 20px;
        }
        .s2 #cities .cities-slider-wrap {
            width: 100%;
            max-width: 100%;
            overflow: hidden;
        }
        .s2 #adventure .container {
            padding-left: 0;
            padding-right: 0;
            max-width: 100%;
        }
        .s2 #adventure .adventure-slider-wrap {
            width: 100%;
            max-width: 100%;
            overflow: hidden;
        }
        .s2 #adventure .adv-swiper {
            padding-block-start: 16px;
            padding-inline: 20px;
            overflow: hidden;
        }
        .s2 .adv-swiper .swiper-slide {
            width: var(--s2-mobile-slide-width) !important;
            max-width: var(--s2-mobile-slide-width);
            box-sizing: border-box;
        }
        .s2 #cities .cities-swiper {
            padding-block-start: 0;
            padding-inline: 20px;
            overflow: hidden;
        }
        .s2 .cities-swiper .swiper-slide {
            width: var(--s2-mobile-slide-width) !important;
            max-width: var(--s2-mobile-slide-width);
            box-sizing: border-box;
        }
        /* Careers: same one-card peek + swipe track as cities */
        .s2 .join {
            overflow: visible;
        }
        .s2 #join .container {
            padding-left: 0;
            padding-right: 0;
            max-width: 100%;
        }
        .s2 #join .join-head,
        .s2 #join .section_icon {
            padding-inline: 20px;
        }
        .s2 #join .jobs-slider-wrap {
            width: 100%;
            max-width: 100%;
            overflow: hidden;
        }
        .s2 #join .jobs-swiper {
            padding-block-start: 0;
            padding-inline: 20px;
            overflow: hidden;
        }
        .s2 .join .jobs-swiper .swiper-slide {
            width: var(--s2-mobile-slide-width) !important;
            max-width: var(--s2-mobile-slide-width);
            flex-shrink: 0;
            box-sizing: border-box;
        }
        /* Team: same peek carousel as cities / adventure */
        .s2 #team .container {
            padding-left: 0;
            padding-right: 0;
            max-width: 100%;
        }
        .s2 #team .team-head {
            padding-inline: 20px;
        }
        .s2 #team .team-slider-wrap {
            width: 100%;
            max-width: 100%;
            overflow: hidden;
        }
        .s2 #team .team-swiper {
            padding-block-start: 16px;
            padding-inline: 20px;
            overflow: hidden;
        }
        .s2 .team-swiper .swiper-slide {
            width: var(--s2-mobile-slide-width) !important;
            max-width: var(--s2-mobile-slide-width);
            box-sizing: border-box;
        }
        /* News: same peek carousel as cities / adventure */
        .s2 #news .container {
            padding-left: 0;
            padding-right: 0;
            max-width: 100%;
        }
        .s2 #news .news-head {
            padding-inline: 20px;
        }
        .s2 #news .news-slider-wrap {
            width: 100%;
            max-width: 100%;
            overflow: hidden;
        }
        .s2 .news-swiper {
            padding-block-start: 0;
            padding-inline: 20px;
            overflow: hidden;
        }
        .s2 .news-swiper .swiper-slide {
            width: var(--s2-mobile-slide-width) !important;
            max-width: var(--s2-mobile-slide-width) !important;
            flex-shrink: 0;
            box-sizing: border-box;
        }
        /* Packages: same peek carousel as cities / adventure */
        .s2 #packages .container {
            padding-left: 0;
            padding-right: 0;
            max-width: 100%;
        }
        .s2 #packages .packages-head,
        .s2 #packages .pkg-slider-head {
            padding-inline: 20px;
        }
        .s2 #packages .pkg-slider-wrap {
            width: 100%;
            max-width: 100%;
            overflow: hidden;
        }
        .s2 #packages .pkg-swiper {
            padding-block-start: 0;
            padding-inline: 20px;
            overflow: hidden;
        }
        .s2 .pkg-swiper .swiper-slide {
            width: var(--s2-mobile-slide-width) !important;
            max-width: var(--s2-mobile-slide-width) !important;
            flex-shrink: 0;
            box-sizing: border-box;
        }
        .s2 .city-card {
            aspect-ratio: 0.78;
            height: auto;
        }
        /* Snap-focus: same hover as team cards (mobile) */
        .s2 .cities-swiper .city-card .city-card-media,
        .s2 .cities-swiper .city-card .city-card-media img {
            transition:
                filter 1.15s cubic-bezier(0.33, 1, 0.68, 1),
                transform 1.35s cubic-bezier(0.33, 1, 0.68, 1);
        }
        .s2 .cities-swiper .city-card .city-card-media img {
            filter: saturate(0.9);
        }
        .s2 .cities-swiper .city-card .meta {
            transform: translateY(0);
            /* transition: transform 0.45s ease; */
            transition: transform 0.85s cubic-bezier(0.33, 1, 0.68, 1);
        }
        .s2 .cities-swiper .city-card .city-card-detail {
            transform: translate3d(0, 14px, 0);
            transition:
                opacity 0.5s ease-in-out,
                transform 0.5s ease-in-out,
                max-height 1s ease-in-out,
                margin-top 0.65s ease-in-out;
        }
        .s2 .adv-swiper .adv-card .bg {
            transition:
                filter 1.15s cubic-bezier(0.33, 1, 0.68, 1),
                transform 1.35s cubic-bezier(0.33, 1, 0.68, 1);
        }
        .s2 .adv-swiper .adv-card .meta {
            transform: translateY(0);
            transition: transform 0.85s cubic-bezier(0.33, 1, 0.68, 1);
        }
        .s2 .adv-swiper .adv-card .tag {
            transform: translate3d(0, 14px, 0);
            transition:
                opacity 0.5s ease-in-out,
                transform 0.5s ease-in-out,
                max-height 1s ease-in-out,
                margin-top 0.65s ease-in-out;
        }
        .s2 .adv-swiper .adv-card.is-snap-focus {
            z-index: 3;
        }
        .s2 .adv-swiper .adv-card.is-snap-focus .tag {
            opacity: 1;
            transform: translate3d(0, -4px, 0);
            max-height: min(42vh, 240px);
            margin-top: 14px;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            transition: opacity 0.5s ease-in-out, max-height 1s ease-in-out, margin-top 0.65s ease-in-out !important;
        }
        .s2 .adv-swiper .adv-card:not(.is-snap-focus) .tag {
            opacity: 0;
            transform: translate3d(0, 14px, 0);
            max-height: 0;
            margin-top: 0;
        }
        /* Team mobile peek: focused card = desktop hover */
        .s2 .team-swiper .team-card:not(.team-join) .img {
            filter: grayscale(100%) saturate(0.88) brightness(0.9);
            transition:
                filter 1.6s cubic-bezier(0.33, 1, 0.68, 1),
                transform 1.35s cubic-bezier(0.33, 1, 0.68, 1);
        }
        .s2 .team-swiper .team-card:not(.team-join).is-snap-focus .img {
            filter: grayscale(0%) saturate(1.08) brightness(0.94);
            transform: scale(1.1);
        }
        .s2 .team-swiper .team-card:not(.team-join).is-snap-focus::after {
            background: linear-gradient(180deg, transparent 12%, rgba(10,10,10,0.55) 48%, rgba(10,10,10,0.96) 100%);
        }
        .s2 .team-swiper .team-card:not(.team-join).is-snap-focus .meta ul {
            opacity: 1;
            max-height: min(42vh, 240px);
            margin-top: 14px;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }
        .s2 .team-swiper .team-card:not(.team-join).is-snap-focus .social {
            opacity: 1;
            transform: scale(1);
        }
        .s2 .cities-swiper .city-card.is-snap-focus {
            z-index: 3;
        }
        .s2 .cities-swiper .city-card.is-snap-focus .city-card-detail {
            opacity: 1;
            transform: translate3d(0, -4px, 0);
            max-height: min(42vh, 240px);
            margin-top: 14px;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            transition: opacity 0.5s ease-in-out, max-height 1s ease-in-out, margin-top 0.65s ease-in-out !important;
        }
        .s2 .cities-swiper .city-card:not(.is-snap-focus) .city-card-detail {
            opacity: 0;
            transform: translate3d(0, 14px, 0);
            max-height: 0;
            margin-top: 0;
        }
        .nav-drawer-brand {
            display: none !important;
        }
        .connected_routes_main_wrapper{
            background-attachment: scroll !important;
        }
    }

    /* ============================== TEAM ============================== */
    .s2 .team {
        position: relative;
        padding: 0 0 var(--section-cards-bottom-gap, 50px);
        background: #fff;
    }
    .s2 .team-head { text-align: center; margin-bottom: 20px; }
    .s2 .team-head h2 {
        font-family: 'Tajawal', sans-serif;
        font-weight: 700; font-size: clamp(36px, 5.4vw, 40px);
        margin: 0; line-height: 1.12; color: var(--ink);
    }
    .s2 .team-slider-wrap {
        position: relative;
    }
    .s2 .team-swiper .swiper-wrapper {
        transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
        will-change: transform;
    }
    .s2 .team-swiper .swiper-slide {
        height: auto;
        display: flex;
        min-height: 0;
    }
    .s2 .team-swiper .swiper-slide .team-card {
        width: 100%;
        flex: 1 1 auto;
    }
    /* Desktop: 4 cards per row; incomplete rows centered (no carousel) */
    @media (min-width: 768px) {
        .s2 .team-swiper {
            overflow: visible;
        }
        .s2 .team-swiper .swiper-wrapper {
            display: flex !important;
            flex-wrap: wrap;
            justify-content: center;
            gap: var(--s2-card-gap);
            width: 100% !important;
            transform: none !important;
        }
        .s2 .team-swiper .swiper-slide {
            width: auto !important;
            max-width: none;
            height: auto;
            flex: 0 0 calc((100% - (3 * var(--s2-card-gap))) / 4);
            max-width: calc((100% - (3 * var(--s2-card-gap))) / 4);
            box-sizing: border-box;
        }
    }
    @media (min-width: 768px) and (max-width: 1199px) {
        .s2 .team-swiper .swiper-wrapper {
            gap: var(--s2-card-gap-md);
        }
        .s2 .team-swiper .swiper-slide {
            flex: 0 0 calc((100% - (2 * var(--s2-card-gap-md))) / 3);
            max-width: calc((100% - (2 * var(--s2-card-gap-md))) / 3);
        }
    }
    .s2 .team-card {
        position: relative; aspect-ratio: 0.78; border-radius: 0; overflow: hidden;
        background: #1a1a1a; cursor: pointer; isolation: isolate;
        box-shadow: none;
    }
    .s2 .team-card .img {
        position: absolute; inset: 0; background-size: cover; background-position: center top;
        filter: grayscale(100%) saturate(0.88) brightness(0.92);
        transition:
            filter 1.6s cubic-bezier(0.33, 1, 0.68, 1),
            transform 1.35s cubic-bezier(0.33, 1, 0.68, 1);
    }
    .s2 .team-card::after {
        content: ""; position: absolute; inset: 0; z-index: 1;
        background: linear-gradient(180deg, transparent 30%, rgba(10,10,10,0.94) 100%);
        transition: background 0.9s ease-in-out;
    }
    .s2 .team-card .meta {
        --team-meta-inset-x: 22px;
        --team-meta-inset-bottom: 20px;
        position: absolute;
        left: var(--team-meta-inset-x);
        right: var(--team-meta-inset-x);
        bottom: var(--team-meta-inset-bottom);
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
        gap: 0;
        transform: translateY(0);
        transition: transform 0.85s cubic-bezier(0.33, 1, 0.68, 1);
    }
    /* Name first, designation second */
    .s2 .team-card .meta h4 {
        order: 1;
        font-family: 'Tajawal', sans-serif;
        font-size: 22px; font-weight: 900;
        line-height: 1.15;
        margin: 0 0 0;
        color: #F6F1E8;
        width: 100%;
    }
    .s2 .team-card .meta .pos {
        order: 2;
        font-size: 17px;
        line-height: 1.15;
        color: #fff; font-weight: 700;
        margin: 4px 0 0;
        width: 100%;
    }
    .s2 .team-card .meta ul {
        order: 3;
        list-style: none; padding: 0; margin: 0;
        display: flex; flex-wrap: wrap; gap: 6px;
        width: 100%;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition:
            opacity 0.5s ease-in-out,
            max-height 1s ease-in-out,
            margin-top 0.65s ease-in-out;
    }
    .s2 .team-card .meta ul li {
        font-size: 12px;
        text-transform: uppercase;
        padding: 7px 14px;
        border-radius: 0;
        background: rgba(255, 255, 255, 0.75);
        border: 1px solid rgba(255, 255, 255, 0.42);
        color: #111;
        font-weight: 800;
        letter-spacing: 0.35px;
    }
    .s2 .team-card .social {
        position: absolute; top: 16px; right: 16px; z-index: 3;
        width: 42px; height: 42px; border-radius: 0;
        background: #0a58ca; backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.18);
        display: grid; place-items: center;
        opacity: 0; transform: scale(0.85);
        transition:
            opacity 0.65s cubic-bezier(0.33, 1, 0.68, 1),
            transform 0.65s cubic-bezier(0.33, 1, 0.68, 1),
            background 0.5s ease,
            border-color 0.5s ease;
    }
    .s2 .team-card .social svg { 
        width: 30px;
        height: 30px;
    }
    .s2 .team-card .social svg path { fill: #fff; }
    /* Team photo zoom — see HOVER #04 block at end of file */
    .s2 .team-card:hover::after,
    .s2 .team-card:focus-within::after {
        background: linear-gradient(180deg, transparent 12%, rgba(10,10,10,0.55) 48%, rgba(10,10,10,0.96) 100%);
    }
    /* Team meta lift on hover — see HOVER #04 block at end of file */
    .s2 .team-card:hover .meta ul,
    .s2 .team-card:focus-within .meta ul {
        opacity: 1;
        max-height: min(42vh, 240px);
        margin-top: 14px;
    }
    .s2 .team-card:hover .social,
    .s2 .team-card:focus-within .social { opacity: 1; transform: scale(1); }

    /* Team swiper sweep (once when row enters view) */
    .s2 .team .team-swiper.team-sweep-row .swiper-slide .team-card {
        opacity: 0;
        transform: translateX(-100px);
        animation: none;
    }
    .s2 .team .team-swiper.team-sweep-row.team-sweep-in .swiper-slide:nth-child(1) .team-card { animation: s2-sweep-reveal 0.6s ease forwards; animation-delay: 0s; }
    .s2 .team .team-swiper.team-sweep-row.team-sweep-in .swiper-slide:nth-child(2) .team-card { animation: s2-sweep-reveal 0.6s ease forwards; animation-delay: 0.12s; }
    .s2 .team .team-swiper.team-sweep-row.team-sweep-in .swiper-slide:nth-child(3) .team-card { animation: s2-sweep-reveal 0.6s ease forwards; animation-delay: 0.24s; }
    .s2 .team .team-swiper.team-sweep-row.team-sweep-in .swiper-slide:nth-child(4) .team-card { animation: s2-sweep-reveal 0.6s ease forwards; animation-delay: 0.36s; }
    .s2 .team .team-swiper.team-sweep-row.team-sweep-in .swiper-slide:nth-child(5) .team-card { animation: s2-sweep-reveal 0.6s ease forwards; animation-delay: 0.48s; }
    .s2 .team .team-swiper.team-sweep-row.team-sweep-in .swiper-slide:nth-child(6) .team-card { animation: s2-sweep-reveal 0.6s ease forwards; animation-delay: 0.6s; }
    .s2 .team .team-swiper.team-sweep-row.team-sweep-in .swiper-slide:nth-child(7) .team-card { animation: s2-sweep-reveal 0.6s ease forwards; animation-delay: 0.72s; }
    .s2 .team .team-swiper.team-sweep-row.team-sweep-in .swiper-slide:nth-child(8) .team-card { animation: s2-sweep-reveal 0.6s ease forwards; animation-delay: 0.84s; }
    .s2 .team .team-swiper.team-sweep-row.team-sweep-in .swiper-slide:nth-child(n+9) .team-card { animation: s2-sweep-reveal 0.6s ease forwards; animation-delay: 0.84s; }

    .s2 .team-join {
        /* Default: soft gray like the desaturated team photo cards */
        background: linear-gradient(180deg, #e8eaee 0%, #d9dde3 100%);
        border: 0px solid #cdd2d9;
        padding: 36px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        color: #1a1a1a;
        cursor: pointer;
        transition:
            background 0.7s cubic-bezier(0.33, 1, 0.68, 1),
            border-color 0.7s cubic-bezier(0.33, 1, 0.68, 1),
            color 0.7s cubic-bezier(0.33, 1, 0.68, 1);
    }
    .s2 .team-join:hover {
        background: linear-gradient(160deg, #8fd4c7 0%, #8fd4c7 100%);
        border-color: #1a3d6a;
        color: #fff;
        box-shadow: none;
    }
    .s2 .team-join::after { display: none; }
    .s2 .team-join p {
        font-family: 'Tajawal', sans-serif;
        font-size: 26px;
        font-weight: 400;
        line-height: 1.3;
        margin: 0;
        color: #1f2937;
        transition:
            color 0.7s cubic-bezier(0.33, 1, 0.68, 1),
            opacity .75s cubic-bezier(.22,.61,.36,1),
            transform .75s cubic-bezier(.22,.61,.36,1);
    }
    .s2 .team-join:hover p {
        color: #fff;
    }
    .s2 .team-join .btn-lux {
        margin-top: auto;
        border-radius: 0 !important;
        width: fit-content;
        min-width: 9.65rem;
        justify-content: center;
        align-self: flex-start;
        padding: clamp(4.2px, 0.7vw, 8.4px) clamp(9.8px, 1.68vw, 23.8px) !important;
        gap: 5.6px !important;
        cursor: pointer;
        box-sizing: border-box;
    }
    .s2 .team-join .btn-lux .chev_icon {
        width: 14px;
        height: 14px;
    }

    /* ============================== NEWS (carousel: 3 visible on large screens) ============================== */
    .s2 .news {
        position: relative;
        /* Match adventure tail: 18px swiper inset + section gap (see .news-swiper padding-bottom) */
        padding: 0 0 var(--section-cards-bottom-gap, 50px);
        background: radial-gradient(circle, rgba(246, 146, 116, 1) 0%, rgba(240, 89, 43, 1) 100%);
        color: #fff;
    }
    .s2 .news-head { text-align: center; position: relative; z-index: 4; }
    .s2 .news-head h2 {
        font-family: 'Tajawal', sans-serif;
        font-weight: 700;
        font-size: clamp(36px, 5.4vw, 40px);
        margin: 0;
        line-height: 1.1;
        color: #fff;
    }
    .s2 .news-slider-wrap {
        position: relative;
        margin-top: 0;
    }
    @media (min-width: 768px) {
        .s2 .news-slider-wrap {
            overflow: hidden;
        }
        .s2 .news-swiper {
            overflow: hidden;
        }
        /* Let Swiper set equal 3-up (or 2-up) slide widths — same end-stop as cities carousel */
        .s2 .news-swiper .swiper-slide,
        .s2 .join .jobs-swiper .swiper-slide {
            max-width: unset !important;
        }
    }
    .s2 .news-swiper .swiper-wrapper {
        /* Same slide easing as cities carousel */
        transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
        will-change: transform;
        align-items: stretch;
    }
    .s2 .news-swiper .swiper-slide {
        height: auto;
        display: flex;
    }
    .s2 .news-swiper .swiper-slide .news-card {
        width: 100%;
        flex: 1 1 auto;
        min-width: 0;
    }
    .s2 .news-card {
        display: flex;
        flex-direction: column;
        border: 1px solid rgba(255,255,255,0.24);
        border-radius: 0;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.12);
        box-shadow: none;
    }
    .s2 .news-card-media { position: relative; aspect-ratio: 16/9; overflow: hidden; }
    .s2 .news-card-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 1.1s cubic-bezier(.2,.8,.2,1);
    }
    .s2 .news-card-media-placeholder,
    .news-lightbox__media .news-card-media-placeholder {
        width: 100%;
        height: 100%;
        min-height: 100%;
        display: block;
        background-color: #b84222;
        background-image: linear-gradient(160deg, rgba(255, 255, 255, 0.16) 0%, rgba(60, 18, 8, 0.28) 100%);
    }
    .news-lightbox__media .news-card-media-placeholder {
        position: absolute;
        inset: 0;
    }
    .s2 .news-card:hover .news-card-media img { transform: scale(1.06); }
    .s2 .news-card-badge {
        position: absolute;
        right: 16px;
        left: auto;
        top: 16px;
        z-index: 2;
        display: inline-flex;
        width: fit-content;
        padding: 7px 14px;
        font-size: 12px;
        text-transform: uppercase;
        background: rgba(214, 75, 38, 0.82);
        border: 1px solid rgba(255, 255, 255, 0.28);
        border-radius: 0;
        color: #fff;
        font-weight: 800;
        letter-spacing: 0.35px;
        pointer-events: none;
    }
    .s2 .news-card-body .news-card-date {
        position: static;
        align-self: flex-start;
        display: inline-flex;
        width: fit-content;
        margin: 0 0 4px;
        padding: 9px 14px 7px;
        font-size: 12px;
        text-transform: uppercase;
        background: rgba(10, 10, 10, 0.45);
        /* border: 1px solid rgba(255, 255, 255, 0.24); */
        border-radius: 0;
        color: #fff;
        font-weight: 800;
        letter-spacing: 0.35px;
        margin: 0px;
        line-height: 1.4;
    }
    .s2 .news-card-body {
        padding: 22px 22px 24px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        background: #f6987b;
        color: #111;
        flex: 1 1 auto;
    }
    /* Heading + teaser do not drive carousel swipe (arrows only). */
    .s2 .news-card-body.swiper-no-swiping {
        touch-action: pan-y;
    }
    .s2 .news-card-body h3 {
        margin: 0;
        font-family: 'Tajawal', sans-serif;
        font-size: clamp(22px, 1.35vw, 28px);
        line-height: 1.28;
        font-weight: 800;
        color: #000;
    }
    .s2 .news-card-body .news-card-text {
        white-space: pre-wrap;
        overflow-wrap: anywhere;
    }
    .s2 .news-card-body p {
        margin: 0;
        color: rgba(0, 0, 0, 0.88);
        font-size: clamp(15px, 1.05vw, 17px);
        line-height: 1.62;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        min-height: 1.62em;
    }
    .s2 .news-card .btn-lux,
    .s2 .news-card button.btn-lux {
        margin-top: auto;
        border-radius: 0 !important;
        width: fit-content;
        justify-content: center;
        align-self: center;
        /* font-size: clamp(9.8px, 0.945vw, 19.6px) !important; */
        padding: clamp(4.2px, 0.7vw, 8.4px) clamp(9.8px, 1.68vw, 23.8px) !important;
        gap: 5.6px !important;
        cursor: pointer;
    }
    .s2 .news-card .btn-lux .chev_icon {
        /* width: 9.8px !important;
        height: 9.8px !important; */
        width: 14px;
        height: 14px;
    }

    /* ---------- News article lightbox (white text panel; hero media; equal inner padding; full panel scroll) ---------- */
    .news-lightbox {
        position: fixed;
        inset: 0;
        z-index: 100060;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px;
        visibility: hidden;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.32s ease, visibility 0s linear 0.34s;
    }
    .news-lightbox.is-open {
        visibility: visible;
        pointer-events: auto;
        opacity: 1;
        transition: opacity 0.32s ease, visibility 0s;
    }
    .news-lightbox__backdrop {
        position: absolute;
        inset: 0;
        background: rgba(12, 12, 12, 0.65);
        backdrop-filter: blur(5px);
    }
    .news-lightbox__dialog {
        position: relative;
        z-index: 1;
        /* Width set on open: card × 1.3 × 1.2 (~20% wider than prior); fallback below */
        width: min(94vw, 672px);
        max-width: 100%;
        max-height: min(90vh, 900px);
        min-height: 0;
        display: flex;
        flex-direction: column;
        /* White panel: heading + article read on neutral surface; hero image keeps own block */
        background: #fff;
        color: #111;
        border-radius: 0;
        border: 1px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 24px 64px -44px rgba(12, 12, 12, 0.42);
        overflow: hidden;
        transform: translateY(16px) scale(0.98);
        opacity: 0;
        transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.32s ease;
    }
    .news-lightbox.is-open .news-lightbox__dialog {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
    .news-lightbox__close {
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 4;
        width: 40px;
        height: 40px;
        border: 0;
        border-radius: 0;
        background: #000;
        color: #fff;
        font-size: 26px;
        line-height: 1;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.2s ease, color 0.2s ease;
    }
    .news-lightbox__close:hover {
        background: #e8e8e8;
        color: #000;
    }
    .news-lightbox__body {
        --news-lb-gutter: 28px;
        position: relative;
        flex: 1 1 auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
        /* Same inset on all sides (matches horizontal gutter) */
        padding: var(--news-lb-gutter);
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-color: rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.06);
        scrollbar-width: thin;
    }
    .news-lightbox__body::-webkit-scrollbar {
        width: 10px;
    }
    .news-lightbox__body::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.06);
    }
    .news-lightbox__body::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.28);
        border-radius: 0;
    }
    .news-lightbox__body::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, 0.42);
    }
    .news-lightbox__media {
        position: relative;
        flex: 0 0 auto;
        width: 100%;
        background: #0a0a0a;
        aspect-ratio: 16 / 9;
        overflow: hidden;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    }
    .news-lightbox__badge {
        position: absolute;
        right: 16px;
        top: 16px;
        z-index: 2;
        display: inline-flex;
        width: fit-content;
        padding: 7px 14px;
        font-size: 12px;
        text-transform: uppercase;
        background: #d64b26;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 0;
        color: #fff;
        font-weight: 800;
        letter-spacing: 0.35px;
        pointer-events: none;
    }
    .news-lightbox__media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    .news-lightbox__stack {
        flex: 0 0 auto;
        padding: 20px 0 14px;
        font-family: 'Tajawal', sans-serif;
        display: flex;
        flex-direction: column;
        gap: 12px;
        min-width: 0;
        background: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }
    .news-lightbox__date {
        display: inline-flex;
        width: fit-content;
        padding: 7px 14px;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.35px;
        background: #f3f3f3;
        border: 1px solid rgba(0, 0, 0, 0.1);
        color: #111;
    }
    .news-lightbox__title {
        margin: 0;
        font-size: clamp(20px, 2.6vw, 28px);
        font-weight: 800;
        line-height: 1.28;
        color: #000;
        white-space: pre-wrap;
        overflow-wrap: anywhere;
    }
    .news-lightbox__article {
        margin: 0;
        padding: 16px 0 8px;
        font-family: 'Tajawal', sans-serif;
        font-size: clamp(15px, 1.1vw, 17px);
        line-height: 1.65;
        color: rgba(0, 0, 0, 0.88);
        background: #fff;
    }
    .news-lightbox__article p {
        margin: 0 0 1em;
        white-space: pre-wrap;
        overflow-wrap: anywhere;
    }
    .news-lightbox__article p:last-child {
        margin-bottom: 0;
    }
    .news-card-detail-full {
        display: none !important;
    }
    @media (min-width: 768px) {
        /* 12px inset above close + 40px button + 12px gap before image (matches top inset) */
        .news-lightbox__media {
            margin-top: calc(12px + 40px + 12px - var(--news-lb-gutter, 28px));
        }
    }
    @media (max-width: 767px) {
        .news-lightbox {
            align-items: stretch;
            justify-content: stretch;
            padding: 0;
        }
        .news-lightbox__dialog {
            width: 100% !important;
            max-width: 100%;
            height: 100dvh;
            max-height: 100dvh;
            min-height: 100dvh;
            border: 0;
            border-radius: 0;
            box-shadow: none;
            transform: none !important;
            opacity: 1;
        }
        .news-lightbox.is-open .news-lightbox__dialog {
            transform: none !important;
            opacity: 1;
        }
        .news-lightbox__body {
            --news-lb-gutter: var(--s2-mobile-gutter, 20px);
            flex: 1 1 auto;
            min-height: 0;
            padding-top: 20px;
            padding-bottom: 8px;
            padding-left: max(var(--s2-mobile-gutter, 20px), env(safe-area-inset-left, 0px));
            padding-right: max(var(--s2-mobile-gutter, 20px), env(safe-area-inset-right, 0px));
            overscroll-behavior: contain;
        }
        .news-lightbox__close {
            position: static;
            display: block;
            flex-shrink: 0;
            margin-block: 0 12px;
            margin-inline: 0;
            margin-inline-start: auto;
            opacity: 1;
            transform: none;
        }
        .news-lightbox__media {
            aspect-ratio: 16 / 9;
        }
        .news-lightbox__stack {
            padding-top: 16px;
        }
        .news-lightbox__article {
            font-size: 15px;
        }
    }

    /* News cards: same sweep + stagger as .team-sweep-row (IntersectionObserver → .news-sweep-in) */
    .s2 .news.news-sweep-row .swiper-slide .news-card {
        opacity: 0;
        transform: translateX(-100px);
        filter: none;
        transform-style: flat;
        animation: none;
    }
    .s2 .news.news-sweep-row.news-sweep-in .swiper-slide:nth-child(1) .news-card {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0s;
    }
    .s2 .news.news-sweep-row.news-sweep-in .swiper-slide:nth-child(2) .news-card {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.12s;
    }
    .s2 .news.news-sweep-row.news-sweep-in .swiper-slide:nth-child(3) .news-card {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.24s;
    }
    .s2 .news.news-sweep-row.news-sweep-in .swiper-slide:nth-child(4) .news-card {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.36s;
    }
    .s2 .news.news-sweep-row.news-sweep-in .swiper-slide:nth-child(5) .news-card {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.48s;
    }
    .s2 .news.news-sweep-row.news-sweep-in .swiper-slide:nth-child(6) .news-card {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.6s;
    }
    .s2 .news.news-sweep-row.news-sweep-in .swiper-slide:nth-child(7) .news-card {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.72s;
    }
    .s2 .news.news-sweep-row.news-sweep-in .swiper-slide:nth-child(8) .news-card {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.84s;
    }
    .s2 .news.news-sweep-row.news-sweep-in .swiper-slide:nth-child(9) .news-card {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.96s;
    }
    .s2 .news.news-sweep-row.news-sweep-in .swiper-slide:nth-child(10) .news-card,
    .s2 .news.news-sweep-row.news-sweep-in .swiper-slide:nth-child(n+11) .news-card {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 1.08s;
    }
    @media (prefers-reduced-motion: reduce) {
        .s2 .news.news-sweep-row .swiper-slide .news-card,
        .s2 .news.news-sweep-row.news-sweep-in .swiper-slide .news-card {
            opacity: 1 !important;
            transform: none !important;
            animation: none !important;
        }
    }

    /* Career job cards: same sweep + stagger as .news-sweep-row (IntersectionObserver → .jobs-sweep-in) */
    .s2 .join.jobs-sweep-row .swiper-slide .job,
    .s2 .join.jobs-sweep-row .jobs-few-grid > .job {
        opacity: 0;
        transform: translateX(-100px);
        filter: none;
        transform-style: flat;
        animation: none;
        transition: box-shadow 0.35s ease;
    }
    .s2 .join.jobs-sweep-row.jobs-sweep-in .swiper-slide:nth-child(1) .job,
    .s2 .join.jobs-sweep-row.jobs-sweep-in .jobs-few-grid > .job:nth-child(1) {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0s;
    }
    .s2 .join.jobs-sweep-row.jobs-sweep-in .swiper-slide:nth-child(2) .job,
    .s2 .join.jobs-sweep-row.jobs-sweep-in .jobs-few-grid > .job:nth-child(2) {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.12s;
    }
    .s2 .join.jobs-sweep-row.jobs-sweep-in .swiper-slide:nth-child(3) .job,
    .s2 .join.jobs-sweep-row.jobs-sweep-in .jobs-few-grid > .job:nth-child(3) {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.24s;
    }
    .s2 .join.jobs-sweep-row.jobs-sweep-in .swiper-slide:nth-child(4) .job,
    .s2 .join.jobs-sweep-row.jobs-sweep-in .jobs-few-grid > .job:nth-child(4) {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.36s;
    }
    .s2 .join.jobs-sweep-row.jobs-sweep-in .swiper-slide:nth-child(5) .job,
    .s2 .join.jobs-sweep-row.jobs-sweep-in .jobs-few-grid > .job:nth-child(5) {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.48s;
    }
    .s2 .join.jobs-sweep-row.jobs-sweep-in .swiper-slide:nth-child(6) .job,
    .s2 .join.jobs-sweep-row.jobs-sweep-in .jobs-few-grid > .job:nth-child(6) {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.6s;
    }
    .s2 .join.jobs-sweep-row.jobs-sweep-in .swiper-slide:nth-child(7) .job,
    .s2 .join.jobs-sweep-row.jobs-sweep-in .jobs-few-grid > .job:nth-child(7) {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.72s;
    }
    .s2 .join.jobs-sweep-row.jobs-sweep-in .swiper-slide:nth-child(8) .job,
    .s2 .join.jobs-sweep-row.jobs-sweep-in .jobs-few-grid > .job:nth-child(8) {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.84s;
    }
    .s2 .join.jobs-sweep-row.jobs-sweep-in .swiper-slide:nth-child(9) .job,
    .s2 .join.jobs-sweep-row.jobs-sweep-in .jobs-few-grid > .job:nth-child(9) {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 0.96s;
    }
    .s2 .join.jobs-sweep-row.jobs-sweep-in .swiper-slide:nth-child(10) .job,
    .s2 .join.jobs-sweep-row.jobs-sweep-in .jobs-few-grid > .job:nth-child(10),
    .s2 .join.jobs-sweep-row.jobs-sweep-in .swiper-slide:nth-child(n+11) .job,
    .s2 .join.jobs-sweep-row.jobs-sweep-in .jobs-few-grid > .job:nth-child(n+11) {
        animation: s2-sweep-reveal 0.6s ease forwards;
        animation-delay: 1.08s;
    }
    @media (prefers-reduced-motion: reduce) {
        .s2 .join.jobs-sweep-row .swiper-slide .job,
        .s2 .join.jobs-sweep-row .jobs-few-grid > .job,
        .s2 .join.jobs-sweep-row.jobs-sweep-in .swiper-slide .job,
        .s2 .join.jobs-sweep-row.jobs-sweep-in .jobs-few-grid > .job {
            opacity: 1 !important;
            transform: none !important;
            animation: none !important;
        }
    }

    /* ============================== SPONSORSHIP ============================== */
    .s2 .sponsorship {
        position: relative; padding: 0;
        background: #fff;
        --spon-gap: var(--s2-card-gap);
        --spon-card-pad-x: 56px;
    }
    /* Full width of the four-card row (outer edges); text stays centered inside */
    .s2 .sponsorship-head {
        text-align: center;
        max-width: none;
        margin: 0 0 50px;
        margin-left: calc(var(--spon-gap) / -2);
        margin-right: calc(var(--spon-gap) / -2);
        padding-left: calc(var(--spon-gap) / 2);
        padding-right: calc(var(--spon-gap) / 2);
        box-sizing: border-box;
    }
    .s2 .sponsorship-head h2 {
        font-family: 'Tajawal', sans-serif;
        font-weight: 700; font-size: clamp(36px, 4.6vw, 40px);
        line-height: 1.18; margin: 0 0 28px; color: var(--ink);
    }
    .s2 .sponsorship-head .available {
        display: inline-block; align-items: center; gap: 8px;
        padding: 14px 28px; border-radius: 999px;
        background: var(--glass); border: 1px solid var(--glass-stroke);
        font-size: 25px; color: var(--ink);
        backdrop-filter: blur(12px);
    }

    .s2 .sponsorship-head .available h3{
        font-size: 40px;
        font-weight: 900;
    }
    .s2 .sponsorship-head .available img,
    .s2 .sponsorship-head .available .cd_icon {
        display: block;
        margin: 10px auto 15px;
        width: 33px;
        height: 33px;
        object-fit: contain;
        object-position: center 46%;
        transform: translateY(-1px);
    }
    .s2 .sponsorship-head h2 {
        margin: 0px;
    }

    .s2 .sponsorship-head .available strong { color: var(--green); font-weight: 800; }

    .s2 .sponsorship-logos,
    .s2 .north_logo_box {
        gap: var(--logo-row-gap, 30px);
    }
    .s2 .sponsorship-logos {
        display: flex; align-items: center; justify-content: center;
        flex-wrap: nowrap;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 50px 0 60px; padding: 30px 16px;
        border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
        overflow-x: clip;
        gap: clamp(8px, 2vw, var(--logo-row-gap, 30px));
    }
    .s2 .north_logo_box .divider,
    .s2 .sponsorship-logos .divider {
        height: var(--logo-divider-h, 96px);
        margin: 0;
        border: 1px solid #00000024;
        flex-shrink: 0;
    }
    /* Saryna + route logos: sponsorship row matches map .north_logo_box sizes */
    .s2 .sponsorship-logos img,
    .s2 .north_logo_box img,
    .s2 .saryana_logo_box img {
        width: auto;
        max-width: 100%;
        object-fit: contain;
        opacity: 1;
    }
    .s2 .north_logo_box img:first-child,
    .s2 .saryana_logo_box img,
    .s2 .sponsorship-logos img:nth-of-type(1) {
        width: var(--logo-saryna-w, 178px) !important;
        height: auto !important;
    }
    .s2 .north_logo_box img:last-child,
    .s2 .sponsorship-logos img:nth-of-type(2),
    .s2 .sponsorship-logos img:nth-of-type(3) {
        width: var(--logo-route-w, 150px) !important;
        height: auto !important;
    }
    /* Sponsorship row: one line on tablet / phone — scale logos to share row width */
    @media (max-width: 991px) {
        .s2 .sponsorship-logos {
            flex-wrap: nowrap !important;
            gap: clamp(5px, 1.35vw, 14px);
            padding-inline: max(10px, env(safe-area-inset-left, 0px)) max(10px, env(safe-area-inset-right, 0px));
        }
        .s2 .sponsorship-logos .divider {
            flex: 0 0 1px;
            width: 1px;
            height: clamp(44px, 11vw, 80px);
            align-self: center;
        }
        .s2 .sponsorship-logos img {
            flex: 0 1 auto;
            min-width: 0;
            width: auto !important;
            height: clamp(44px, 11vw, 80px) !important;
            max-height: clamp(44px, 11vw, 80px);
            object-fit: contain;
            object-position: center;
        }
        .s2 .sponsorship-logos img:nth-of-type(1) {
            max-width: min(36vw, 148px);
        }
        .s2 .sponsorship-logos img:nth-of-type(2),
        .s2 .sponsorship-logos img:nth-of-type(3) {
            max-width: min(28vw, 114px);
        }
    }

    .tourism_slider_wapper_one .route_icon {
        display: none;
    }

    .s2 .spon-points { margin-top: 8px; }
    .s2 .spon-points .row { margin-left: calc(var(--spon-gap) / -2); margin-right: calc(var(--spon-gap) / -2); }
    .s2 .spon-points .row > [class*="col-"] {
        padding-left: calc(var(--spon-gap) / 2);
        padding-right: calc(var(--spon-gap) / 2);
        margin-bottom: var(--spon-gap);
    }
    .s2 .spon-points .row > [class*="col-"]:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    .s2 .spon-point-card {
        position: relative;
        height: 100%;
        min-height: calc(220px * 1.1);
        border-radius: 0;
        overflow: hidden;
        border: 0;
        padding: 56px var(--spon-card-pad-x) 56px var(--spon-card-pad-x);
        background: #fafafa;
    }
    .s2 .spon-point-card::before {
        display: none;
    }
    .s2 .spon-point-card.tone-sand,
    .s2 .spon-point-card.tone-slate,
    .s2 .spon-point-card.tone-coral {
        background: #fafafa;
    }
    .s2 .spon-point-water {
        position: absolute;
        left: 32px;
        right: auto;
        top: 8px;
        bottom: auto;
        z-index: 0;
        transform-origin: left top;
        transform: translateY(-28px);
        font-family: 'Tajawal', sans-serif;
        font-size: clamp(165px, 30.25vw, 275px);
        font-weight: 900;
        line-height: 1;
        color: #d8dbda;
        pointer-events: none;
        user-select: none;
    }
    .s2 .spon-point-body {
        position: relative;
        z-index: 1;
        max-width: 92%;
    }
    .s2 .spon-point-title {
        font-family: 'Tajawal', sans-serif;
        font-size: clamp(22px, 2.4vw, 34px);
        font-weight: 800;
        margin: 0 0 14px;
        color: var(--ink);
    }
    .s2 .spon-point-title::after {
        display: none;
    }
    .s2 .spon-point-desc {
        margin: 0;
        font-size: clamp(15px, 1.35vw, 22px);
        line-height: 1.55;
        font-weight: 400;
        color: var(--ink-soft);
    }

    /* English: static copy (sponsorship, post-hero approach, cities, job card text); box sweeps unchanged */
    body.s2:not(.lang-ar) .sponsorship [data-reveal],
    body.s2:not(.lang-ar) .sponsorship [data-reveal-x],
    body.s2:not(.lang-ar) .sponsorship [data-reveal-r],
    body.s2:not(.lang-ar) .sponsorship [data-reveal-zoom],
    body.s2:not(.lang-ar) .sponsorship [data-approach-p],
    body.s2:not(.lang-ar) .sponsorship [data-split],
    body.s2:not(.lang-ar) .sponsorship [data-reveal].in,
    body.s2:not(.lang-ar) .sponsorship [data-reveal-x].in,
    body.s2:not(.lang-ar) .sponsorship [data-reveal-r].in,
    body.s2:not(.lang-ar) .sponsorship [data-reveal-zoom].in,
    body.s2:not(.lang-ar) .sponsorship [data-approach-p].in,
    body.s2:not(.lang-ar) .sponsorship [data-split].in,
    body.s2:not(.lang-ar) .sponsorship .split-char,
    body.s2:not(.lang-ar) .sponsorship .in .split-char,
    body.s2:not(.lang-ar) .approch_main_wrapper_two [data-reveal],
    body.s2:not(.lang-ar) .approch_main_wrapper_two [data-reveal-x],
    body.s2:not(.lang-ar) .approch_main_wrapper_two [data-reveal-r],
    body.s2:not(.lang-ar) .approch_main_wrapper_two [data-reveal-zoom],
    body.s2:not(.lang-ar) .approch_main_wrapper_two [data-approach-p],
    body.s2:not(.lang-ar) .approch_main_wrapper_two [data-split],
    body.s2:not(.lang-ar) .approch_main_wrapper_two [data-reveal].in,
    body.s2:not(.lang-ar) .approch_main_wrapper_two [data-reveal-x].in,
    body.s2:not(.lang-ar) .approch_main_wrapper_two [data-reveal-r].in,
    body.s2:not(.lang-ar) .approch_main_wrapper_two [data-reveal-zoom].in,
    body.s2:not(.lang-ar) .approch_main_wrapper_two [data-approach-p].in,
    body.s2:not(.lang-ar) .approch_main_wrapper_two [data-split].in,
    body.s2:not(.lang-ar) .approch_main_wrapper_two .split-char,
    body.s2:not(.lang-ar) .approch_main_wrapper_two .in .split-char,
    body.s2:not(.lang-ar) .cities [data-reveal],
    body.s2:not(.lang-ar) .cities [data-reveal-x],
    body.s2:not(.lang-ar) .cities [data-reveal-r],
    body.s2:not(.lang-ar) .cities [data-reveal-zoom],
    body.s2:not(.lang-ar) .cities [data-approach-p],
    body.s2:not(.lang-ar) .cities [data-split],
    body.s2:not(.lang-ar) .cities [data-reveal].in,
    body.s2:not(.lang-ar) .cities [data-reveal-x].in,
    body.s2:not(.lang-ar) .cities [data-reveal-r].in,
    body.s2:not(.lang-ar) .cities [data-reveal-zoom].in,
    body.s2:not(.lang-ar) .cities [data-approach-p].in,
    body.s2:not(.lang-ar) .cities [data-split].in,
    body.s2:not(.lang-ar) .cities .split-char,
    body.s2:not(.lang-ar) .cities .in .split-char,
    body.s2:not(.lang-ar) .packages-head [data-reveal],
    body.s2:not(.lang-ar) .packages-head [data-reveal-x],
    body.s2:not(.lang-ar) .packages-head [data-reveal-r],
    body.s2:not(.lang-ar) .packages-head [data-reveal-zoom],
    body.s2:not(.lang-ar) .packages-head [data-approach-p],
    body.s2:not(.lang-ar) .packages-head [data-split],
    body.s2:not(.lang-ar) .packages-head [data-reveal].in,
    body.s2:not(.lang-ar) .packages-head [data-reveal-x].in,
    body.s2:not(.lang-ar) .packages-head [data-reveal-r].in,
    body.s2:not(.lang-ar) .packages-head [data-reveal-zoom].in,
    body.s2:not(.lang-ar) .packages-head [data-approach-p].in,
    body.s2:not(.lang-ar) .packages-head [data-split].in,
    body.s2:not(.lang-ar) .packages-head .split-char,
    body.s2:not(.lang-ar) .packages-head .in .split-char,
    body.s2:not(.lang-ar) .join .job [data-split],
    body.s2:not(.lang-ar) .join .job [data-split].in,
    body.s2:not(.lang-ar) .join .job .split-char,
    body.s2:not(.lang-ar) .join .job .in .split-char {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    /* Sponsorship point cards: same left sweep + stagger as team grid */
    .s2 .sponsorship .spon-points.spon-sweep-row .spon-point-card {
        opacity: 0;
        transform: translateX(-100px);
        animation: none;
    }
    .s2 .sponsorship .spon-points.spon-sweep-row.spon-sweep-in .spon-point-card {
        animation: s2-sweep-reveal 0.6s ease forwards;
    }
    .s2 .sponsorship .spon-points.spon-sweep-row.spon-sweep-in .row > :nth-child(1) .spon-point-card { animation-delay: 0s; }
    .s2 .sponsorship .spon-points.spon-sweep-row.spon-sweep-in .row > :nth-child(2) .spon-point-card { animation-delay: 0.12s; }
    .s2 .sponsorship .spon-points.spon-sweep-row.spon-sweep-in .row > :nth-child(3) .spon-point-card { animation-delay: 0.24s; }
    .s2 .sponsorship .spon-points.spon-sweep-row.spon-sweep-in .row > :nth-child(4) .spon-point-card { animation-delay: 0.36s; }
    @media (max-width: 767px) {
        .s2 .sponsorship .spon-points.spon-sweep-row.spon-sweep-in .spon-point-card {
            animation: s2-sweep-reveal 0.6s ease forwards;
        }
        .s2 .packages .pkg-swiper.pkg-sweep-row.pkg-sweep-in .swiper-slide .pkg-item .pkg-card,
        .s2 .packages .pkg-grid.pkg-sweep-row.pkg-sweep-in .pkg-item .pkg-card {
            animation: s2-sweep-reveal 0.6s ease forwards;
        }
    }
    @media (prefers-reduced-motion: reduce) {
        .s2 .sponsorship .spon-points.spon-sweep-row .spon-point-card,
        .s2 .sponsorship .spon-points.spon-sweep-row.spon-sweep-in .spon-point-card {
            opacity: 1 !important;
            transform: none !important;
            animation: none !important;
        }
    }

    /* ============================== PACKAGES ============================== */
    .s2 .packages {
        position: relative; padding: 0px 0;
        background: #fff;
        overflow: hidden;
        --spon-gap: var(--s2-card-gap);
        --spon-card-pad-x: 56px;
    }
    .s2 .packages-head {
        text-align: center;
        max-width: none;
        margin: 0 0 12px;
        margin-left: calc(var(--spon-gap) / -2);
        margin-right: calc(var(--spon-gap) / -2);
        padding-left: calc(var(--spon-gap) / 2);
        padding-right: calc(var(--spon-gap) / 2);
        box-sizing: border-box;
    }
    .s2 .packages-head h2 {
        font-family: 'Tajawal', sans-serif;
        font-weight: 700; font-size: clamp(32px, 4vw, 40px);
        line-height: 1.3; margin: 22px 0 0; color: var(--ink);
    }
    .s2 .pkg-stats {
        display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;
        max-width: 1080px; margin: 0 auto 6px;
        border: 0;
    }
    .s2 .pkg-stat {
        padding: 24px 22px 10px; text-align: center;
        border: 0;
    }
    .s2 .pkg-stat:last-child { border-right: 0; }
    /* Match .counter_num (Saryna intro stat boxes) */
    .s2 .pkg-stat .n {
        font-family: 'Tajawal', sans-serif;
        font-size: 90pt;
        font-weight: 900;
        line-height: 1;
        color: #000;
        margin: 0;
    }
    .s2 .pkg-stat p {
        margin: 12px 0 0;
        color: #000;
    }

    /* Packages cars: pixel-for-pixel same rules as index (style.css + style-two.css). #packages beats .s2 img / Bootstrap conflicts. */
    .s2 #packages .cars_section {
        margin-top: -6px;
        margin-bottom: 0px;
    }
    .s2 #packages .pkg_inner_wrapper {
        background: #fff;
        padding: 0px 0px;
    }
    .s2 #packages .cars_list {
        list-style: none;
        padding: 0px;
        margin: 0;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        padding: 8px 50px 20px 50px;
        position: relative;
        isolation: isolate;
    }
    /* One shared road under all cars (single animated stripe) */
    .s2 #packages .cars_list::after {
        content: "";
        position: absolute;
        left: 50px;
        right: 50px;
        bottom: 65px;
        height: 3px;
        border-radius: 999px;
        pointer-events: none;
        z-index: 0;
        background-image: repeating-linear-gradient(
            90deg,
            transparent 0,
            transparent 28px,
            #ccc 28px,
            #ccc 82px,
            transparent 82px,
            transparent 120px
        );
        background-size: 120px 3px;
        background-position: 0 0;
        background-repeat: repeat-x;
        animation: s2-road-shift 0.80s linear infinite;
    }
    .s2 #packages .cars_list .car_item:first-child {
        width: 30%;
    }
    .s2 #packages .cars_list .car_item {
        width: 20%;
        text-align: center;
        position: relative;
        overflow: visible;
        z-index: 1;
        opacity: 0;
        transform: translateX(clamp(-200px, -18vw, -40px));
        transition: opacity 0.72s cubic-bezier(.2,.8,.2,1), transform 0.78s cubic-bezier(.2,.8,.2,1);
    }
    .s2 #packages .cars_list.cars-revealed .car_item {
        opacity: 1;
        transform: translateX(0);
    }
    /* Slide-in from left: bus → leader → private → motor (nth-of-type: mob stat divs sit between li.car_item) */
    .s2 #packages .cars_list.cars-revealed li.car_item:nth-of-type(1) { transition-delay: 0s; }
    .s2 #packages .cars_list.cars-revealed li.car_item:nth-of-type(2) { transition-delay: 0.12s; }
    .s2 #packages .cars_list.cars-revealed li.car_item:nth-of-type(3) { transition-delay: 0.24s; }
    .s2 #packages .cars_list.cars-revealed li.car_item:nth-of-type(4) { transition-delay: 0.36s; }
    .s2 #packages .cars_list .car_icon {
        display: block;
    }
    @keyframes s2-road-shift {
        from { background-position-x: 0; }
        to { background-position-x: -120px; }
    }
    @keyframes s2-car-bumpy {
        0%, 100% { transform: translateY(0); }
        8% { transform: translateY(-3px); }
        16% { transform: translateY(1px); }
        24% { transform: translateY(0); }
        32% { transform: translateY(0); }
        40%, 92% { transform: translateY(0); }
    }
    @keyframes s2-wheel-spin {
        from { transform: rotate(0deg); }
        to { transform: rotate(360deg); }
    }
    /* Shared road is .cars_list::after (one row); car + wheels bounce inside .vehicle-bump */
    .s2 #packages .cars_list .vehicle-media::after {
        content: none;
    }
    .s2 #packages .cars_list .vehicle-media {
        position: relative;
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0 auto 18px;
        padding-bottom: 0;
        z-index: 2;
    }
    .s2 #packages .cars_list .vehicle-bump {
        display: block;
        position: relative;
        width: 100%;
        z-index: 2;
        animation: s2-car-bumpy 6.5s ease-in-out infinite;
        animation-play-state: paused;
        will-change: transform;
    }
    .s2 #packages .cars_list.cars-motion-live .vehicle-bump {
        animation-play-state: running;
    }
    /* Bounce wave: car → private → leader → bus; ~1.5s between jumps so one settles before the next */
    .s2 #packages .cars_list li.car_item:nth-of-type(1) .vehicle-bump { animation-delay: 1.2s; }
    .s2 #packages .cars_list li.car_item:nth-of-type(2) .vehicle-bump { animation-delay: 0.9s; }
    .s2 #packages .cars_list li.car_item:nth-of-type(3) .vehicle-bump { animation-delay: 0.6s; }
    .s2 #packages .cars_list li.car_item:nth-of-type(4) .vehicle-bump { animation-delay: 0.3s; }
    .s2 #packages .cars_list .vehicle-wheel {
        position: absolute;
        top: var(--wheel-y, 76%);
        z-index: 4;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        border: 2px solid #1f1f1f;
        background: #f1f1f1;
        box-shadow: inset 0 0 0 2px #d4d4d4;
        animation: s2-wheel-spin .55s linear infinite;
        /* animation-play-state: paused; */
    }
    .s2 #packages .cars_list.cars-motion-live .vehicle-wheel {
        animation-play-state: running;
    }
    .s2 #packages .cars_list .vehicle-wheel.left { left: var(--wheel-left, 22%); }
    .s2 #packages .cars_list .vehicle-wheel.right { left: var(--wheel-right, 76%); }
    /* Per-vehicle wheel alignment (vars consumed by .vehicle-wheel above) */
    .s2 #packages .cars_list .car_item--leader {
        --wheel-left: 29%;
        --wheel-right: 72%;
        --wheel-y: 65%;
    }
    .s2 #packages .cars_list .car_item--private {
        --wheel-left: 27%;
        --wheel-right: 69%;
        --wheel-y: 70%;
    }
    .s2 #packages .cars_list .car_item--motor {
        --wheel-left: 27.5%;
        --wheel-right: 67.2%;
        --wheel-y: 60%;
    }
    .s2 #packages .cars_list .vehicle-wheel::before,
    .s2 #packages .cars_list .vehicle-wheel::after {
        content: "";
        position: absolute;
        background: #1f1f1f;
    }
    .s2 #packages .cars_list .vehicle-wheel::before {
        left: 2px;
        right: 2px;
        top: 50%;
        height: 2px;
        transform: translateY(-50%);
    }
    .s2 #packages .cars_list .vehicle-wheel::after {
        top: 2px;
        bottom: 2px;
        left: 50%;
        width: 2px;
        transform: translateX(-50%);
    }
    /* .s2 #packages .cars_list .car_item:hover img.img-fluid {
        filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.18));
    } */
    .s2 #packages .cars_list .car_item.car_item_one img.img-fluid {
        width: 100% !important;
        height: auto !important;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        transition: filter .35s ease, transform .4s ease;
    }
    .s2 #packages .cars_list .car_item:not(.car_item_one) img.img-fluid {
        width: 65% !important;
        height: auto !important;
        max-width: 100%;
        margin: 0 auto;
        display: block;
        transition: filter .35s ease, transform .4s ease;
    }
    .s2 #packages .cars_list .car_icon p,
    .s2 #packages .cars_list .car_title {
        margin: 0px;
        margin-top: 10px;
    }

    .s2 .pkg-slider-head {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: var(--s2-carousel-head-gap);
        margin: 24px auto var(--s2-carousel-nav-to-track);
        max-width: 1200px;
        text-align: center;
    }
    .s2 .pkg-slider-head h3 {
        font-family: 'Tajawal', sans-serif;
        font-size: clamp(32px, 3.2vw, 48px); font-weight: 700; margin: 0; color: var(--ink);
        text-align: center;
        width: 100%;
    }
    .s2 .pkg-slider-wrap {
        position: relative;
    }
    .s2 .pkg-swiper {
        padding: 0 4px 0;
        height: auto;
        max-width: 100%;
        margin: 0 auto;
        overflow: visible;
    }
    .s2 .pkg-swiper .swiper-wrapper {
        transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
        will-change: transform;
        align-items: stretch;
    }
    .s2 .pkg-swiper .swiper-slide {
        height: auto;
        display: flex;
        min-height: 0;
    }
    .s2 .pkg-swiper .swiper-slide .pkg-item {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        height: auto !important;
        opacity: 1;
        transform: none !important;
        display: flex;
        flex: 1 1 auto;
    }
    .s2 .pkg-item { display: flex; }
    .s2 .pkg-card {
        background: #fff; border: 1px solid var(--line);
        border-radius: 0; padding: 40px 34px 24px;
        height: 100%;
        display: flex; flex-direction: column;
        transition: all .5s ease;
        position: relative; overflow: hidden;
        box-shadow: 0 20px 50px -30px rgba(28,28,28,0.18);
    }
    .s2 .pkg-swiper .swiper-wrapper { align-items: stretch; }
    .s2 .pkg-swiper .swiper-slide { height: auto; display: flex; }
    .s2 .pkg-card.platinum {
        background: linear-gradient(160deg, #1a1a1a 0%, #2a2a2a 100%);
        border-color: var(--gold);
        color: #F6F1E8;
    }
    .s2 .pkg-card.platinum::before {
        content: "Most Popular"; position: absolute; top: 18px; right: 18px;
        padding: 5px 12px; border-radius: 0;
        background: var(--gold); color: #1a1a1a;
        font-size: 10px; font-weight: 700; text-transform: uppercase;
    }
    .s2 .pkg-card:hover { transform: translateY(-12px); border-color: var(--gold); box-shadow: 0 30px 60px -28px rgba(201,168,120,0.45); }
    .s2 .pkg-tag {
        display: flex; align-items: center; justify-content: space-between;
        padding-bottom: 18px; border-bottom: 1px solid var(--line);
    }
    .s2 .pkg-card.platinum .pkg-tag { border-bottom-color: rgba(255,255,255,0.15); }
    .s2 .pkg-tag h4 {
        font-family: 'Tajawal', sans-serif;
        font-size: 28px; font-weight: 700; margin: 0; color: var(--gold-deep);
        text-transform: uppercase;
        white-space: normal;
        line-height: 1.15;
    }
    .s2 .pkg-card.platinum .pkg-tag h4 { color: var(--gold); }
    .s2 .pkg-stars { display: flex; gap: 3px; }
    .s2 .pkg-stars span {
        width: 20px; height: 20px; display: inline-block; background: var(--gold);
        clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    }
    .s2 .pkg-card .desc {
        margin: 22px 0 18px; font-size: 15px; color: var(--ink-soft); line-height: 1.6;
        font-weight: 400;
    }
    .s2 .pkg-card.platinum .desc { color: rgba(246,241,232,0.7); }
    .s2 .pkg-price {
        font-family: 'Tajawal', sans-serif;
        font-size: 42px;
        font-weight: 800;
        margin-bottom: 28px;
        color: var(--ink);
    }
    .s2 .pkg-card.platinum .pkg-price { color: #F6F1E8; }
    .s2 .pkg-price small {
        display: block; font-size: 12px;
        color: var(--gold-deep); margin-top: 4px; text-transform: uppercase;
        font-family: 'Tajawal', sans-serif; font-weight: 700;
    }
    .s2 .pkg-card.platinum .pkg-price small { color: var(--gold); }
    .s2 .pkg-features { list-style: none; padding: 0; margin: 0 0 28px; }
    .s2 .pkg-features li {
        display: flex; gap: 14px; padding: 14px 0;
        border-bottom: 1px dashed var(--line);
    }
    .s2 .pkg-card.platinum .pkg-features li { border-bottom-color: rgba(255,255,255,0.12); }
    .s2 .pkg-features li:last-child { border-bottom: 0; }
    .s2 .pkg-features .check {
        flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%;
        background: var(--gold); display: grid; place-items: center;
        margin-top: 2px;
    }
    .s2 .pkg-features .check svg { width: 12px; height: 12px; color: #1a1a1a; }
    .s2 .pkg-features h5 {
        margin: 0 0 4px; font-size: 20px; font-weight: 900; color: var(--ink);
    }
    .s2 .pkg-card.platinum .pkg-features h5 { color: #F6F1E8; }
    .s2 .pkg-features p {
        margin: 0; line-height: 1.55; color: var(--ink-mute);
    }
    .s2 .pkg-card.platinum .pkg-features p { color: rgba(246,241,232,0.65); }
    .s2 .pkg-tc {
        font-size: 16px; color: var(--ink-mute);
        text-transform: uppercase; margin-bottom: 24px; font-weight: 600;
    }
    .s2 .pkg-card.platinum .pkg-tc { color: rgba(246,241,232,0.5); }
    .s2 .pkg-card .btn-lux { margin-top: auto; }

    /* Packages carousel override (black/white cards + centered active) */
    .s2 .pkg-nav { display: inline-flex; gap: 10px; }
    .s2 .pkg-nav-btn {
        width: 44px;
        height: 44px;
        padding: 0;
        line-height: 0;
        -webkit-appearance: none;
        appearance: none;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #000;
        background: #000;
        color: #fff;
        border-radius: 0;
        transition: background-color .25s ease, color .25s ease, border-color .25s ease;
    }
    .s2 .pkg-nav-btn .chev_icon {
        width: 14px;
        height: 14px;
        margin: 0;
        object-fit: contain;
        object-position: center;
        display: block;
        pointer-events: none;
        filter: brightness(0) invert(1);
    }
    .s2 .pkg-nav-btn:hover .chev_icon {
        filter: brightness(0);
    }
    .s2 .pkg-nav-btn .chev_icon.chev-flip {
        transform: scaleX(-1);
        transform-origin: 50% 50%;
    }
    .s2 .pkg-nav-btn:hover {
        background: #fff !important;
        color: #000 !important;
        border: 1px solid #000 !important;
    }
    .s2 .pkg-nav-btn:active:not(.swiper-button-disabled):not(:disabled) {
        transform: none;
    }
    .s2 .pkg-nav-btn.swiper-button-disabled,
    .s2 .pkg-nav-btn:disabled {
        opacity: 0.35;
        cursor: default;
        pointer-events: none;
        transform: none;
    }
    .s2 .pkg-nav-btn.swiper-button-disabled:hover,
    .s2 .pkg-nav-btn:disabled:hover {
        background: #000 !important;
        color: #fff !important;
        border: 1px solid #000 !important;
        transform: none;
        box-shadow: none;
    }
    .s2 .pkg-nav-btn.swiper-button-disabled:hover .chev_icon,
    .s2 .pkg-nav-btn:disabled:hover .chev_icon {
        filter: brightness(0) invert(1);
    }

    .s2 .pkg-grid {
        position: relative;
        height: 980px;
        max-width: 1200px;
        margin: 0 auto;
        padding: 26px 0;
        overflow: visible;
    }
    .s2 .pkg-grid .pkg-item {
        position: absolute;
        left: 50%;
        top: 0;
        width: min(50.2%, 550px);
        transition: transform .55s cubic-bezier(.2,.8,.2,1), opacity .55s ease;
        opacity: 0;
        height: 890px !important;
    }
    .s2 .pkg-grid .pkg-item.is-left {
        transform: translateX(calc(-50% - 410px)) scale(.92);
        height: 965px;
        opacity: .95;
        z-index: 1;
    }
    .s2 .pkg-grid .pkg-item.is-center {
        transform: translateX(-50%) scale(1.00);
        opacity: 1;
        z-index: 3;
    }
    .s2 .pkg-grid .pkg-item.is-right {
        transform: translateX(calc(-50% + 410px)) scale(.92);
        height: 965px;
        opacity: .95;
        z-index: 1;
    }
    .s2 .pkg-grid.pkg-stage .pkg-item.is-left,
    .s2 .pkg-grid.pkg-stage .pkg-item.is-right {
        transform: translateX(-50%) scale(.9);
        opacity: 0;
        z-index: 2;
    }
    .s2 .pkg-grid .pkg-item.is-hidden {
        transform: translateX(-50%) scale(.86);
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
    .north_logo_box img {
        filter: invert(1);
    }

    .s2 .pkg-card,
    .s2 .pkg-card.platinum {
        background: #fff !important;
        border: 2px solid #000 !important;
        color: #000 !important;
        box-shadow: none !important;
    }
    .s2 .pkg-card.platinum::before { display: none; }
    .s2 .pkg-tag,
    .s2 .pkg-card.platinum .pkg-tag { border-bottom: 1px solid #000; }
    .s2 .pkg-tag h4,
    .s2 .pkg-card.platinum .pkg-tag h4 { color: #000; }
    .s2 .pkg-stars span { background: #000; }
    .s2 .pkg-card .desc,
    .s2 .pkg-card.platinum .desc,
    .s2 .pkg-price,
    .s2 .pkg-card.platinum .pkg-price,
    .s2 .pkg-price small,
    .s2 .pkg-card.platinum .pkg-price small,
    .s2 .pkg-features h5,
    .s2 .pkg-card.platinum .pkg-features h5,
    .s2 .pkg-features p,
    .s2 .pkg-card.platinum .pkg-features p,
    .s2 .pkg-tc,
    .s2 .pkg-card.platinum .pkg-tc {
        color: #000;
    }
    .s2 .pkg-features p{
        font-size:16px;
    }
    .s2 .pkg-features li,
    .s2 .pkg-card.platinum .pkg-features li,
    .s2 .pkg-card.gold .pkg-features li,
    .s2 .pkg-card.silver .pkg-features li { border-bottom: 1px dashed #000; }
    .s2 .pkg-features .check {
        background: #fff;
        /* border: 2px solid #000; */
    }
    .s2 .pkg-features .check svg { color: #000; }
    .s2 .pkg-card .btn-lux {
        background: #000;
        color: #fff;
        font-weight: 700;
        border: 2px solid #000;
        box-shadow: none;
        display: inline-flex;
        width: fit-content;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        box-sizing: border-box;
        padding: clamp(4.2px, 0.7vw, 8.4px) clamp(9.8px, 1.68vw, 23.8px) !important;
        gap: 0.35em !important;
        font-size: clamp(13px, 1.05vw, 16px) !important;
    }
    .s2 .pkg-card .btn-lux:hover {
        background: #fff !important;
        color: #000 !important;
        border: 2px solid #000 !important;
        transform: none;
    }
    .s2 .pkg-card .btn-lux:hover .chev_icon {
        filter: brightness(0) !important;
    }
    .s2 .pkg-item.is-center .pkg-card {
        box-shadow: 0px 0px 10px 6px #8fd4c7 !important;
    }
    /* Packages boxes: same sweep pattern as SARYNA counter boxes */
    .s2 .packages .pkg-swiper.pkg-sweep-row .swiper-slide .pkg-item .pkg-card,
    .s2 .packages .pkg-grid.pkg-sweep-row .pkg-item .pkg-card {
        opacity: 0;
        transform: translateX(-100px);
        animation: none;
    }
    .s2 .packages .pkg-swiper.pkg-sweep-row.pkg-sweep-in .swiper-slide:nth-child(1) .pkg-item .pkg-card,
    .s2 .packages .pkg-grid.pkg-sweep-row.pkg-sweep-in .pkg-item:nth-child(1) .pkg-card { animation: s2-sweep-reveal 0.6s ease forwards; animation-delay: 0s; }
    .s2 .packages .pkg-swiper.pkg-sweep-row.pkg-sweep-in .swiper-slide:nth-child(2) .pkg-item .pkg-card,
    .s2 .packages .pkg-grid.pkg-sweep-row.pkg-sweep-in .pkg-item:nth-child(2) .pkg-card { animation: s2-sweep-reveal 0.6s ease forwards; animation-delay: 0.3s; }
    .s2 .packages .pkg-swiper.pkg-sweep-row.pkg-sweep-in .swiper-slide:nth-child(3) .pkg-item .pkg-card,
    .s2 .packages .pkg-grid.pkg-sweep-row.pkg-sweep-in .pkg-item:nth-child(3) .pkg-card { animation: s2-sweep-reveal 0.6s ease forwards; animation-delay: 0.6s; }
    .s2 .packages .pkg-swiper.pkg-sweep-row.pkg-sweep-in .swiper-slide:nth-child(n+4) .pkg-item .pkg-card,
    .s2 .packages .pkg-grid.pkg-sweep-row.pkg-sweep-in .pkg-item:nth-child(n+4) .pkg-card { animation: s2-sweep-reveal 0.6s ease forwards; animation-delay: 0.6s; }
    .s2 .pkg_slider_cars_wrapper {
        position: relative;
        background-color: #fff;
        margin-top: calc(-560px + var(--pkg-cars-top-space, 32px));
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding: var(--pkg-cars-top-space, 32px) 0 var(--join-after-cars-gap, 40px);
        height: 748px !important;
        max-height: unset !important;
        z-index: 0;
    }
    .s2 .pkg_cars_lineup {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 2;
    }
    .s2 .pkg_mountains_layer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        overflow: hidden;
        z-index: 1;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity .35s ease;
    }
    .s2 .pkg_mountains_track {
        display: flex;
        flex-direction: row;
        width: max-content;
        will-change: transform;
        transform: translate3d(calc(-100% - 24px), 0, 0);
    }
    .s2 .pkg_mountains_segment {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        flex: 0 0 auto;
        gap: clamp(14px, 2.2vw, 32px);
    }
    .s2 .pkg_mountain_img {
        display: block;
        height: 300px;
        width: min(56vw, 1200px);
        max-width: none;
    }
    .s2 .pkg_slider_cars_wrapper.mountain-run .pkg_mountains_layer {
        opacity: 1;
        visibility: visible;
    }
    .s2 .pkg_slider_cars_wrapper.mountain-run .pkg_mountains_track {
        transform: translate3d(0, 0, 0);
        transition: transform 1.45s cubic-bezier(0.33, 1, 0.68, 1);
    }
    .s2 .pkg_car_item {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: auto;
        display: block;
        opacity: 0;
        transform: translateX(120%);
    }
    .s2 .pkg_slider_cars_wrapper.is-visible .pkg_car_item {
        animation-name: var(--car-anim-name);
        animation-duration: 1.6s;
        animation-timing-function: ease-out;
        animation-fill-mode: forwards;
    }
    .s2 .pkg_car_item:nth-child(1) {
        left: 0%;
        width: 23%;
        z-index: 1;
        --car-anim-name: s2-pkg-car-in-1;
        animation-duration: 10.8s;
        animation-timing-function: linear;
        animation-delay: .05s;
    }
    .s2 .pkg_car_item:nth-child(2) {
        left: 25%;
        width: 62%;
        z-index: 0;
        --car-anim-name: s2-pkg-car-in-2;
        animation-delay: .35s;
    }
    .s2 .pkg_car_item:nth-child(3) {
        left: 35%;
        width: 36%;
        z-index: 1;
        --car-anim-name: s2-pkg-car-in-3;
        animation-delay: .65s;
    }
    .s2 .pkg_car_item:nth-child(4) {
        right: 0%;
        width: 29%;
        z-index: 2;
        --car-anim-name: s2-pkg-car-in-4;
        animation-delay: .95s;
    }
    @keyframes s2-pkg-car-in-1 {
        from {
            opacity: 0;
            transform: translateX(180vw);
        }
        to {
            opacity: 1;
            transform: translate(83px, -122px);
        }
    }
    @keyframes s2-pkg-car-in-2 {
        from {
            opacity: 0;
            transform: translateX(120%);
        }
        to {
            opacity: 1;
            transform: translate(134px, -46px);
        }
    }
    @keyframes s2-pkg-car-in-3 {
        from {
            opacity: 0;
            transform: translateX(120%);
        }
        to {
            opacity: 1;
            transform: translate(-342px, 0);
        }
    }
    @keyframes s2-pkg-car-in-4 {
        from {
            opacity: 0;
            transform: translateX(120%);
        }
        to {
            opacity: 1;
            transform: translate(0, 0);
        }
    }
    @media (max-width: 1100px) {
        .s2 .pkg-slider-head { flex-direction: column; align-items: flex-start; gap: var(--s2-carousel-head-gap); }
    }

    /* ============================== JOIN / CAREERS ============================== */
    .s2 .join {
        position: relative;
        padding: 0;
        margin-top: 0;
        border-top: 0;
        background: #8fd4c7;
        scroll-margin-top: 70px;
    }
    .s2 .join-scroll-anchor {
        display: block;
        height: 0;
        width: 0;
        margin: 0;
        padding: 0;
        overflow: hidden;
        pointer-events: none;
    }
    /* Keep job list + Apply buttons above career image (zoom/translateZ stacks it on top otherwise) */
    .s2 .join > .container {
        position: relative;
        z-index: 2;
    }
    .s2 .join .section_icon {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-top: var(--s2-section-icon-gap);
        padding-bottom: var(--s2-section-icon-gap);
    }
    .s2 .join .section_icon span {
        width: 32px;
        height: 32px;
        display: block;
        border: 2px solid #000;
        transform: rotate(45deg);
    }
    .s2 .join .sec_heading_wrapper {
        text-align: center;
        width: 100%;
        max-width: none;
        margin: 0 auto 56px;
    }
    /* Match packages .pkg-slider-head: tight gap between title, copy, arrows, then boxes */
    .s2 .join .sec_heading_wrapper.join-head {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: var(--s2-carousel-head-gap);
        margin: 0 auto var(--s2-carousel-nav-to-track);
        max-width: 1200px;
    }
    .s2 .join .sec_heading_wrapper .sub_heading {
        font-size: 40px;
        line-height: 1.2;
        margin-bottom: 0;
        font-weight: 700;
        color: #000;
    }
    .s2 .join .sec_heading_wrapper p {
        color: #000;
        font-size: 25px;
        line-height: 1.25;
        font-weight: 400;
    }
    /* Careers carousel: same Swiper rail as news (3 visible on large screens) */
    .s2 .join .jobs-slider-wrap {
        position: relative;
        overflow: hidden;
        margin: 0 auto 50px;
        z-index: 9;
    }
    .s2 .join .jobs-swiper {
        overflow: hidden;
    }
    .s2 .join .jobs-swiper .swiper-wrapper {
        transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
        will-change: transform;
        align-items: stretch;
    }
    .s2 .join .jobs-swiper .swiper-slide {
        height: auto;
        display: flex;
        align-self: stretch;
        box-sizing: border-box;
    }
    @media (min-width: 768px) {
        .s2 .join .jobs-swiper .swiper-slide {
            height: auto;
            display: flex;
            flex-shrink: 0;
            box-sizing: border-box;
        }
    }
    .s2 .join .jobs-swiper .swiper-slide .job {
        width: 100%;
        flex: 1 1 auto;
        min-width: 0;
        min-height: 100%;
        display: flex;
        flex-direction: column;
    }
    /* 1–2 jobs: CSS grid row = equal card heights, centered group */
    .s2 .join .jobs-few-grid {
        display: grid;
        justify-content: center;
        align-items: stretch;
        gap: 12px;
        padding: 0 4px 14px;
        width: 100%;
        box-sizing: border-box;
        grid-template-columns: minmax(0, 1fr);
    }
    .s2 .join .jobs-few-grid .job {
        display: flex;
        flex-direction: column;
        min-width: 0;
        min-height: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    @media (min-width: 576px) {
        .s2 .join .jobs-few-grid {
            gap: 16px;
        }
        .s2 .join .jobs-few-grid--1 {
            grid-template-columns: minmax(0, calc((100% - 32px) / 3));
        }
        .s2 .join .jobs-few-grid--2 {
            grid-template-columns: repeat(2, minmax(0, calc((100% - 32px) / 3)));
        }
    }
    @media (min-width: 992px) {
        .s2 .join .jobs-few-grid {
            gap: 20px;
        }
        .s2 .join .jobs-few-grid--1 {
            grid-template-columns: minmax(0, calc((100% - 40px) / 3));
        }
        .s2 .join .jobs-few-grid--2 {
            grid-template-columns: repeat(2, minmax(0, calc((100% - 40px) / 3)));
        }
    }
    @media (min-width: 1200px) {
        .s2 .join .jobs-few-grid {
            gap: 24px;
        }
        .s2 .join .jobs-few-grid--1 {
            grid-template-columns: minmax(0, calc((100% - 48px) / 3));
        }
        .s2 .join .jobs-few-grid--2 {
            grid-template-columns: repeat(2, minmax(0, calc((100% - 48px) / 3)));
        }
    }
    .s2 .job {
        position: relative;
        padding: 22px 22px 24px;
        border-radius: 0;
        background: #C4E9E1;
        border: none;
        backdrop-filter: blur(14px);
        margin-bottom: 0;
        transition: box-shadow 0.35s ease, transform 0.35s ease;
        display: flex;
        flex-direction: column;
        min-height: 0;
        height: 100%;
        box-shadow: 0 16px 40px -30px rgba(28,28,28,0.2);
    }
    /* Career carousel: sweep uses keyframes (same as .news-card) — no transform transition on the card */
    .s2 .join.jobs-sweep-row .swiper-slide .job,
    .s2 .join.jobs-sweep-row .jobs-few-grid > .job {
        transition: box-shadow 0.35s ease;
    }
    .s2 .job:hover {
        background: #C4E9E1;
        transform: translateY(-3px);
        box-shadow: none;
    }
    .s2 .job h2,
    .s2 .job h3 {
        font-family: 'Tajawal', sans-serif;
        margin: 0;
        color: #000;
        font-weight: 800;
        font-size: clamp(22px, 1.35vw, 28px);
        line-height: 1.28;
    }
    /* Department / type: same size + rhythm as .news-card-date; keep career pill colors */
    .s2 .job .pill {
        display: inline-flex;
        align-items: center;
        align-self: flex-start;
        width: fit-content;
        margin: 0;
        padding: 9px 14px 7px;
        font-size: 12px;
        line-height: 1.4;
        text-transform: uppercase;
        font-weight: 800;
        letter-spacing: 0.35px;
        border-radius: 0;
        border: none;
        color: #000;
        background: rgba(255, 255, 255, 0.5);
    }
    .s2 .job p.desc {
        margin: 0;
        color: rgba(0, 0, 0, 0.88);
        font-size: clamp(15px, 1.05vw, 17px);
        line-height: 1.62;
        max-width: none;
    }
    .s2 .job .left {
        flex: 1;
        display: flex;
        flex-direction: column;
        min-height: 0;
        gap: 12px;
    }
    /* Join carousel / few-grid: fill stretched card; pin meta + Apply to bottom row */
    .s2 .join .jobs-swiper .job .left,
    .s2 .join .jobs-few-grid .job .left {
        flex: 1 1 auto;
        min-height: 100%;
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
    .s2 .join .jobs-swiper .job p.desc,
    .s2 .join .jobs-few-grid .job p.desc {
        margin-bottom: 0;
    }
    .s2 .join .jobs-swiper .job .job-meta,
    .s2 .join .jobs-few-grid .job .job-meta {
        margin-top: auto;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        align-self: stretch;
        min-height: 44px;
        align-items: center;
        justify-content: flex-start;
    }
    .s2 .join .jobs-swiper .job .job-foot,
    .s2 .join .jobs-few-grid .job .job-foot {
        margin-top: 0;
        padding-top: 0;
        align-self: stretch;
        justify-content: center;
    }
    .s2 .job-meta {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        gap: 22px;
        margin: 0;
    }
    .s2 .job-meta span {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #000;
        font-size: clamp(13px, 1vw, 15px);
        line-height: 1.3;
        white-space: nowrap;
    }
    /* .s2 .job-meta span img {
        width: 27px;
        height: 27px;
        object-fit: contain;
        flex-shrink: 0;
    } */
    .s2 .job-foot {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0;
        padding-top: 0;
    }
    .s2 .join .job-foot .btn-lux {
        position: relative;
        z-index: 3;
        border-radius: 0 !important;
        width: fit-content;
        align-self: center;
        margin-left: auto;
        margin-right: auto;
        font-size: inherit !important;
        padding: clamp(4.2px, 0.7vw, 8.4px) clamp(9.8px, 1.68vw, 23.8px) !important;
        gap: 0.35em !important;
    }
    .s2 .join .job-foot .btn-lux .chev_icon {
        width: 14px !important;
        height: 14px !important;
        max-width: 14px !important;
        max-height: 14px !important;
    }
    @media (max-width: 520px) {
        .s2 .job-meta {
            flex-wrap: wrap;
        }
        .s2 .job-meta span {
            white-space: normal;
        }
    }
    .s2 .join .btn-lux {
        color: #fff !important;
        border: 1px solid transparent !important;
        background: #fff;
    }
    .s2 .join .btn-lux:hover {
        background: #fff !important;
        color: #000 !important;
        border: 1px solid #000 !important;
    }
    .s2 .join .btn-lux:hover .chev_icon {
        filter: brightness(0) !important;
    }
    .s2 .join .job-foot button.btn-lux {
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
    }

    /* ---------- Career apply modal (career.php form) ---------- */
    .career-apply-modal {
        position: fixed;
        inset: 0;
        z-index: 100050;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 24px 8px;
        opacity: 1;
        visibility: hidden;
        pointer-events: none;
        transition: visibility 0s linear 0.58s;
    }
    .career-apply-modal.is-open {
        visibility: visible;
        pointer-events: auto;
        transition: visibility 0s;
    }
    /* Success/loading close: hide immediately (no dialog re-open animation) */
    .career-apply-modal.is-instant-close {
        visibility: hidden !important;
        pointer-events: none !important;
        transition: none !important;
    }
    .career-apply-modal.is-instant-close .career-apply-modal__backdrop,
    .career-apply-modal.is-instant-close .career-apply-modal__dialog {
        opacity: 0 !important;
        visibility: hidden !important;
        transition: none !important;
        transform: none !important;
    }
    .career-apply-modal__backdrop {
        position: absolute;
        inset: 0;
        background: rgba(15, 18, 22, 0.72);
        backdrop-filter: blur(6px);
        opacity: 0;
        transition: opacity 0.42s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .career-apply-modal.is-open .career-apply-modal__backdrop {
        opacity: 1;
    }
    .career-apply-modal__dialog {
        position: relative;
        z-index: 1;
        width: 100%;
        width: min(100%, 1100px);
        max-width: 1100px;
        max-height: min(92vh, 900px);
        overflow: hidden;
        display: flex;
        flex-direction: column;
        background: #49658A;
        border-radius: 0;
        border: 1px solid rgba(255, 255, 255, 0.14);
        box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        opacity: 0;
        transform: translate3d(0, 36px, 0) scale(0.92) perspective(900px) rotateX(5deg);
        transform-origin: 50% 100%;
        transition:
            opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1),
            transform 0.58s cubic-bezier(0.22, 1, 0.36, 1),
            box-shadow 0.58s cubic-bezier(0.22, 1, 0.36, 1);
    }
    #careerApplyModal .career-apply-modal__dialog,
    #sponsorApplyModal .career-apply-modal__dialog {
        width: min(100%, 770px);
        max-width: 770px;
    }
    /* Job, sponsorship + privacy: close scrolls with content, no entrance animation */
    #careerApplyModal .career-apply-modal__close,
    #sponsorApplyModal .career-apply-modal__close,
    #privacyPolicyModal .career-apply-modal__close {
        position: static;
        display: block;
        margin: 0 0 12px auto;
        opacity: 1;
        transform: none;
        transition: background 0.2s ease;
    }
    #careerApplyModal.is-open .career-apply-modal__close,
    #sponsorApplyModal.is-open .career-apply-modal__close,
    #privacyPolicyModal.is-open .career-apply-modal__close {
        opacity: 1;
        transform: none;
    }
    /* Career + sponsorship: 12px above close, 12px below close before heading (matches news popup) */
    #careerApplyModal .career-apply-modal__body,
    #sponsorApplyModal .career-apply-modal__body {
        padding-top: 12px;
    }
    #careerApplyModal .ct_modal_form_shell,
    #sponsorApplyModal .ct_modal_form_shell {
        padding-top: 0;
    }
    .career-apply-modal.is-open .career-apply-modal__dialog {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1) perspective(900px) rotateX(0deg);
        box-shadow:
            0 28px 100px -28px rgba(0, 0, 0, 0.5),
            0 0 0 1px rgba(255, 255, 255, 0.14),
            0 0 80px -20px rgba(143, 212, 199, 0.35);
    }
    .career-apply-modal__close {
        position: absolute;
        top: 16px;
        right: 16px;
        z-index: 12;
        flex-shrink: 0;
        width: 40px;
        height: 40px;
        border: 0;
        border-radius: 0;
        background: #000;
        color: #fff;
        font-size: 26px;
        line-height: 1;
        cursor: pointer;
        opacity: 0;
        transform: scale(0.65) rotate(-120deg);
        transition:
            background 0.2s ease,
            opacity 0.35s cubic-bezier(0.22, 1, 0.36, 1) 0.14s,
            transform 0.5s cubic-bezier(0.34, 1.45, 0.64, 1) 0.1s;
    }
    .career-apply-modal.is-open .career-apply-modal__close {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
    .career-apply-modal__close:hover {
        background: #fff !important;
        color: #000 !important;
        border: 1px solid #000 !important;
    }
    .career-apply-modal__body {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        padding: 20px clamp(8px, 2vw, 20px) 12px;
        overscroll-behavior: contain;
        background: #49658A;
        scrollbar-width: thin;
        scrollbar-color: #1A3D6B #49658A;
        opacity: 0;
        transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.16s;
    }
    .career-apply-modal.is-open .career-apply-modal__body {
        opacity: 1;
    }
    .career-apply-modal__body::-webkit-scrollbar {
        width: 10px;
    }
    .career-apply-modal__body::-webkit-scrollbar-track {
        background: #49658A;
        border-radius: 0;
    }
    .career-apply-modal__body::-webkit-scrollbar-thumb {
        background: #1A3D6B;
        border-radius: 0;
        border: 2px solid #49658A;
    }
    .career-apply-modal__body::-webkit-scrollbar-thumb:hover {
        background: #15355c;
    }
    .career-apply-modal__body::-webkit-scrollbar-corner {
        background: #49658A;
    }
    .cam-career-container {
        max-width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    /* Modal body layout + fields: match .ct_main_wrapper contact form column */
    .career-apply-modal .ct_modal_form_shell {
        position: relative;
        padding: 28px clamp(8px, 2vw, 20px) 40px;
        margin: 0 auto;
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
    }
    .career-apply-modal .ct_modal_form_shell .ct_icon_one {
        position: absolute;
        top: -40px;
        left: 0;
        z-index: 0;
        pointer-events: none;
        max-width: min(52vw, 280px);
        height: auto;
    }
    .career-apply-modal .ct_modal_form_shell .ct_icon_two {
        position: absolute;
        bottom: 16px;
        right: 12%;
        z-index: 0;
        pointer-events: none;
        max-width: min(40vw, 220px);
        height: auto;
    }
    .career-apply-modal .contact_form_content {
        position: relative;
        z-index: 1;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }
    .career-apply-modal .contact_form_content > .form_title {
        text-align: center;
    }
    #careerApplyModalTitle,
    #sponsorApplyModalTitle {
        font-weight: 400;
    }
    .career-apply-title-fixed,
    .sponsor-apply-title-fixed {
        font-weight: 400;
    }
    .career-apply-title-job,
    .sponsor-apply-title-package {
        font-weight: 800;
    }
    .career-apply-modal .contact_form_wrapper {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .career-apply-modal .contact_form_wrapper form {
        text-align: left;
    }
    .career-apply-modal .cam-section-title {
        margin-top: 22px;
        margin-bottom: 12px;
        font-weight: 700;
        font-size: 16px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.28);
        padding-bottom: 8px;
        color: #fff;
    }
    .career-apply-modal .cam-section-title:first-child {
        margin-top: 0;
    }
    .career-apply-modal .cam-form-group > label {
        display: block;
        margin-bottom: 6px;
        font-size: 15px;
        font-weight: 500;
        color: rgba(255, 255, 255, 0.88);
        line-height: 1.25;
    }
    .career-apply-modal .cam-readonly {
        display: block;
        padding: 10px 0 0;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
    }
    #careerApplyModal .contact_form_content > .form_title,
    #sponsorApplyModal .contact_form_content > .form_title {
        margin: 0;
        margin-bottom: 0;
        padding: 0 0 40px;
    }
    #careerApplyModal #careerApplyForm > .cam-section-title,
    #sponsorApplyModal #sponsorApplyForm > .cam-section-title {
        margin-top: 0;
    }
    #careerApplyModal #careerApplyForm > .cam-section-title ~ .cam-section-title,
    #sponsorApplyModal #sponsorApplyForm > .cam-section-title ~ .cam-section-title {
        margin-top: 22px;
    }
    #sponsorApplyModal .form_title {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 10px;
        text-align: center;
    }
    #sponsorApplyModal .form_title .pkg-stars {
        display: inline-flex;
        gap: 3px;
        flex-shrink: 0;
        vertical-align: middle;
    }
    #sponsorApplyModal .form_title .pkg-stars span {
        width: 20px;
        height: 20px;
        display: inline-block;
        background: #fff;
        clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    }
    .career-apply-modal .cam-form-group input:not([type="checkbox"]):not([type="file"]),
    .career-apply-modal .cam-form-group select,
    .career-apply-modal .cam-form-group textarea {
        width: 100%;
        background-color: #1A3D6B !important;
        border: 0 !important;
        color: #fff !important;
        border-radius: 0 !important;
        font-size: 18px !important;
        padding: 12px 20px !important;
        box-shadow: none !important;
        outline: none !important;
        font-family: 'Tajawal', system-ui, -apple-system, sans-serif !important;
        font-weight: 700 !important;
        box-sizing: border-box;
        transition: opacity 0.2s ease;
    }
    .career-apply-modal #career_linkedin {
        text-align: left !important;
        direction: ltr;
    }
    .career-apply-modal .cam-field-error {
        display: none;
        margin: 8px 0 0;
        padding: 0 20px;
        width: 100%;
        box-sizing: border-box;
        text-align: left;
        direction: ltr;
        color: #ffb4b4;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.45;
    }
    .career-apply-modal .cam-field-error.is-visible {
        display: block;
    }
    .career-apply-modal #career_linkedin.cam-input-invalid {
        outline: 1px solid rgba(255, 120, 120, 0.85) !important;
        outline-offset: 0;
    }
    .career-apply-modal .cam-form-group input::placeholder,
    .career-apply-modal .cam-form-group textarea::placeholder {
        color: #fff;
        opacity: 1;
    }
    .career-apply-modal .cam-form-group select {
        font-weight: 500 !important;
        appearance: none;
        -webkit-appearance: none;
        padding: 12px 28px 12px 20px !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%23ffffff' stroke-width='1.75' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
        background-position: calc(100% - 10px) center !important;
        background-size: 10px 6px !important;
        background-repeat: no-repeat !important;
    }
    .career-apply-modal .cam-form-group select option {
        color: #1a1a1a;
        background: #fff;
    }
    .career-apply-modal .cam-form-group input[type="file"]:not(.cam-file-input) {
        padding: 12px 16px !important;
        font-weight: 600 !important;
    }
    .career-apply-modal .cam-file-field {
        position: relative;
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
        width: 100%;
    }
    .career-apply-modal .cam-file-input {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
    .career-apply-modal .cam-file-trigger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 10px 16px;
        background: #000;
        color: #fff;
        font-weight: 600;
        font-size: 15px;
        line-height: 1.2;
        cursor: pointer;
        border: 1px solid #000;
        margin: 0;
        font-family: 'Tajawal', system-ui, -apple-system, sans-serif;
    }
    .career-apply-modal .cam-file-trigger:hover {
        background: #fff;
        color: #000;
    }
    .career-apply-modal .cam-file-status {
        color: rgba(255, 255, 255, 0.92);
        font-size: 15px;
        font-weight: 500;
        line-height: 1.4;
        word-break: break-word;
    }
    .career-apply-modal .cam-form-group input:focus,
    .career-apply-modal .cam-form-group select:focus,
    .career-apply-modal .cam-form-group textarea:focus {
        outline: none !important;
        box-shadow: none !important;
    }
    .career-apply-modal .cam-checkbox-group label {
        color: rgba(255, 255, 255, 0.92);
        font-size: 15px;
        font-weight: 500;
    }
    .career-apply-modal .form-demo-feedback {
        margin-bottom: 20px;
        background: rgba(255, 255, 255, 0.12);
        border: 1px solid rgba(253, 215, 111, 0.55);
        color: #fff;
        font-size: clamp(16px, 1.2vw, 18px);
        font-weight: 600;
        line-height: 1.5;
        text-align: left;
    }
    .career-apply-modal .apply-form-success {
        display: none;
        position: relative;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0;
        width: 100%;
        max-width: 340px;
        min-height: 324px;
        margin: 0 auto;
        padding: 72px 24px 32px;
        background: #49658A;
        border: none;
        box-shadow: none;
        box-sizing: border-box;
        text-align: center;
    }
    .career-apply-modal .apply-form-success.is-visible {
        display: flex;
    }
    #careerApplyModal.is-apply-success.is-open,
    #sponsorApplyModal.is-apply-success.is-open {
        align-items: center;
        justify-content: center;
        padding: 24px;
    }
    #careerApplyModal.is-apply-success .career-apply-modal__dialog,
    #sponsorApplyModal.is-apply-success .career-apply-modal__dialog {
        width: 100%;
        max-width: 100%;
        max-height: none;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        border: none;
        box-shadow: none;
        overflow: visible;
    }
    #careerApplyModal.is-apply-success.is-open .career-apply-modal__dialog,
    #sponsorApplyModal.is-apply-success.is-open .career-apply-modal__dialog {
        box-shadow: none;
        transform: none;
    }
    #careerApplyModal.is-apply-success .career-apply-modal__body,
    #sponsorApplyModal.is-apply-success .career-apply-modal__body {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: min(340px, calc(100vw - 48px));
        max-width: 340px;
        min-height: 324px;
        margin: 0 auto;
        background: transparent;
        padding: 0;
        overflow: visible;
        flex: 0 0 auto;
    }
    #careerApplyModal.is-apply-success .career-apply-modal__close,
    #sponsorApplyModal.is-apply-success .career-apply-modal__close {
        position: absolute;
        top: 20px;
        right: clamp(8px, 2vw, 20px);
        margin: 0;
        z-index: 14;
    }
    .career-apply-modal .apply-form-success__loading {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
        width: 100%;
        min-height: 220px;
    }
    .career-apply-modal .apply-form-success.is-complete .apply-form-success__loading {
        display: none;
    }
    .career-apply-modal .apply-form-success__spinner {
        width: 40px;
        height: 40px;
        border: 3px solid rgba(110, 231, 168, 0.25);
        border-top-color: var(--form-success-text, #6ee7a8);
        border-radius: 50%;
        animation: apply-form-success-spin 0.75s linear infinite;
    }
    @keyframes apply-form-success-spin {
        to { transform: rotate(360deg); }
    }
    .career-apply-modal .apply-form-success__loading-text {
        margin: 0;
        font-family: 'Tajawal', sans-serif;
        font-size: var(--form-success-text-size, clamp(15px, 1.1vw, 17px));
        font-weight: var(--form-success-text-weight, 600);
        line-height: var(--form-success-text-leading, 1.45);
        color: #fff;
    }
    .career-apply-modal .apply-form-success__done {
        display: none;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 18px;
        width: 100%;
        min-height: 220px;
    }
    .career-apply-modal .apply-form-success.is-complete .apply-form-success__done {
        display: flex;
    }
    .career-apply-modal .apply-form-success__yeehaw {
        margin: 0;
        font-family: 'Tajawal', sans-serif;
        font-size: clamp(22px, 2vw, 30px);
        font-weight: 800;
        line-height: 1.2;
        color: #fff;
    }
    .career-apply-modal .apply-form-success__yeehaw:empty {
        display: none;
    }
    .career-apply-modal .apply-form-success__message {
        margin: 0;
        font-family: 'Tajawal', sans-serif;
        font-size: var(--form-success-text-size, clamp(15px, 1.1vw, 17px));
        font-weight: var(--form-success-text-weight, 600);
        line-height: var(--form-success-text-leading, 1.45);
        color: var(--form-success-text, #6ee7a8);
    }
    #careerApplyModal.is-apply-success .cam-career-container,
    #sponsorApplyModal.is-apply-success .cam-career-container,
    #careerApplyModal.is-apply-success .ct_modal_form_shell,
    #sponsorApplyModal.is-apply-success .ct_modal_form_shell {
        background: transparent;
        padding: 0;
        margin: 0;
    }
    #careerApplyModal.is-apply-success .ct_modal_form_shell .ct_icon_one,
    #careerApplyModal.is-apply-success .ct_modal_form_shell .ct_icon_two,
    #sponsorApplyModal.is-apply-success .ct_modal_form_shell .ct_icon_one,
    #sponsorApplyModal.is-apply-success .ct_modal_form_shell .ct_icon_two {
        display: none;
    }
    #careerApplyModal.is-apply-success .contact_form_content,
    #sponsorApplyModal.is-apply-success .contact_form_content {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    #careerApplyModal.is-apply-success .contact_form_wrapper,
    #sponsorApplyModal.is-apply-success .contact_form_wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .career-apply-modal .apply-form-success__tick {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 52px;
        height: 52px;
        background: rgba(110, 231, 168, 0.14);
        border: 2px solid rgba(110, 231, 168, 0.55);
        border-radius: 4px;
        color: var(--form-success-text, #6ee7a8);
        flex-shrink: 0;
    }
    .career-apply-modal .apply-form-success__tick svg {
        width: 28px;
        height: 28px;
        display: block;
    }
    .career-apply-modal .contact_form_content.is-apply-success .form_title,
    .career-apply-modal .contact_form_content.is-apply-success form {
        display: none !important;
    }
    .career-apply-modal .cam-form-thanks {
        display: none !important;
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        padding: 32px 24px 40px;
        text-align: center;
        max-width: 520px;
        margin-left: auto;
        margin-right: auto;
    }
    .career-apply-modal .black_btn {
        background: #000 !important;
        color: #fff !important;
        border: 1px solid transparent !important;
        border-radius: 0 !important;
        padding: clamp(4.2px, 0.7vw, 8.4px) clamp(9.8px, 1.68vw, 23.8px) !important;
        font-size: clamp(14px, 1.35vw, 28px) !important;
        font-weight: 700 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.35em !important;
        white-space: nowrap !important;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        font-family: 'Tajawal', system-ui, -apple-system, sans-serif !important;
    }
    .career-apply-modal .black_btn .chev_icon {
        display: inline-block !important;
        width: 14px;
        height: 14px;
        object-fit: contain;
        filter: brightness(0) invert(1);
    }
    .career-apply-modal .black_btn:hover {
        background: #fff !important;
        color: #000 !important;
        border: 1px solid #000 !important;
    }
    .career-apply-modal .black_btn:hover .chev_icon {
        filter: brightness(0) !important;
    }
    .cam-form-row {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }
    .cam-form-group {
        flex: 1 1 42%;
        margin-bottom: 16px;
        min-width: 0;
    }
    .cam-form-group.cam-full {
        flex: 1 1 100%;
    }
    .career-apply-modal .cam-form-group textarea {
        resize: vertical;
        min-height: 120px;
    }
    .cam-checkbox-group {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        margin: 16px 0;
    }
    .cam-checkbox-group input {
        width: auto;
        margin-top: 4px;
    }
    .cam-form-thanks {
        display: none;
        text-align: center;
    }
    .career-apply-modal.is-thanks .cam-career-container {
        display: none;
    }
    .career-apply-modal.is-thanks .cam-form-thanks {
        display: block;
    }
    .career-apply-modal.is-thanks .cam-terms-panel {
        display: none !important;
    }
    .cam-checkbox-label-wrap {
        flex: 1;
        line-height: 1.45;
        color: rgba(255, 255, 255, 0.95);
        font-size: 15px;
    }
    .cam-terms-agree-block {
        width: 100%;
        margin: 16px 0;
    }
    .cam-terms-agree-block .cam-checkbox-group {
        margin: 14px 0 0;
    }
    .career-apply-modal .cam-terms-scroll {
        width: 100%;
        box-sizing: border-box;
        max-height: 9.5em;
        overflow-y: auto;
        padding: 14px 16px;
        background-color: #fff !important;
        border: 1px solid rgba(0, 0, 0, 0.12);
        color: #000;
        font-family: 'Tajawal', system-ui, -apple-system, sans-serif;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.15;
        cursor: default;
        -webkit-overflow-scrolling: touch;
    }
    .career-apply-modal .cam-terms-scroll:focus {
        outline: none;
    }
    .career-apply-modal .cam-terms-scroll h3 {
        margin: 0 0 8px;
        font-size: 13px;
        font-weight: 800;
        line-height: 1.15;
        color: #000;
    }
    .career-apply-modal .cam-terms-scroll h4 {
        margin: 8px 0 3px;
        font-size: 12px;
        font-weight: 800;
        line-height: 1.12;
        color: #000;
    }
    .career-apply-modal .cam-terms-scroll h4:first-of-type {
        margin-top: 0;
    }
    .career-apply-modal .cam-terms-scroll p {
        margin: 0 0 4px;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.15;
        color: #000;
    }
    .career-apply-modal .cam-terms-scroll p:last-child {
        margin-bottom: 0;
    }
    .career-apply-modal .cam-terms-scroll strong {
        font-weight: 800;
        color: #000;
    }
    .career-apply-modal .cam-terms-scroll ul,
    .career-apply-modal .cam-terms-scroll .privacy-page__list {
        margin: 0 0 6px;
        padding-left: 1.35em;
        padding-right: 0;
        list-style-type: disc;
        list-style-position: outside;
    }
    .career-apply-modal .cam-terms-scroll li {
        margin: 0 0 4px;
        padding: 0;
    }
    .cam-terms-link {
        display: inline;
        margin: 0;
        padding: 0;
        border: 0;
        background: none;
        color: #fff;
        font: inherit;
        font-weight: 700;
        text-decoration: underline;
        text-underline-offset: 3px;
        cursor: pointer;
    }
    .cam-terms-link:hover,
    .cam-terms-link:focus-visible {
        color: #f6f1e8;
        outline: none;
    }
    .cam-terms-link:focus-visible {
        box-shadow: 0 0 0 2px #000, 0 0 0 4px #fff;
    }
    .cam-terms-panel {
        display: none;
    }
    .career-apply-modal.is-terms-view .cam-terms-panel {
        display: block;
    }
    .career-apply-modal.is-terms-view .cam-career-container {
        display: none !important;
    }
    .cam-terms-panel__inner {
        max-width: 100%;
        padding: 0 0 8px;
    }
    .cam-terms-panel__title {
        margin: 0 0 16px;
        font-size: clamp(20px, 2.4vw, 26px);
        font-weight: 800;
        line-height: 1.25;
        color: #fff;
    }
    .cam-terms-panel__prose {
        color: rgba(255, 255, 255, 0.92);
        font-size: 14px;
        line-height: 1.6;
    }
    .cam-terms-panel__prose h4 {
        margin: 1.15em 0 0.35em;
        font-size: 15px;
        font-weight: 800;
        color: #fff;
    }
    .cam-terms-panel__prose h4:first-of-type {
        margin-top: 0.5em;
    }
    .cam-terms-panel__prose p {
        margin: 0 0 0.65em;
    }
    .cam-terms-panel__prose a {
        color: #fff;
        font-weight: 700;
        text-decoration: underline;
        text-underline-offset: 2px;
    }
    .cam-terms-panel__prose a:hover {
        color: #f6f1e8;
    }
    .cam-terms-panel .black_btn {
        margin-top: 20px;
    }

    /* Privacy Policy popup: white panel, narrower width, numbered headings vs body text */
    #privacyPolicyModal .career-apply-modal__dialog {
        width: min(100%, 825px);
        max-width: 825px;
        background: #fff;
        border: 1px solid rgba(0, 0, 0, 0.12);
        box-shadow: 0 24px 80px rgba(0, 0, 0, 0.18);
    }
    #privacyPolicyModal.is-open .career-apply-modal__dialog {
        box-shadow:
            0 28px 100px -28px rgba(0, 0, 0, 0.22),
            0 0 0 1px rgba(0, 0, 0, 0.08);
    }
    #privacyPolicyModal .career-apply-modal__body {
        background: #fff;
        color: #1a1a1a;
        scrollbar-color: rgba(0, 0, 0, 0.35) #fff;
    }
    #privacyPolicyModal .career-apply-modal__body::-webkit-scrollbar-track {
        background: #fff;
    }
    #privacyPolicyModal .career-apply-modal__body::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.28);
        border-color: #fff;
    }
    #privacyPolicyModal .career-apply-modal__body::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, 0.45);
    }
    #privacyPolicyModal .career-apply-modal__body::-webkit-scrollbar-corner {
        background: #fff;
    }
    #privacyPolicyModal .cam-terms-panel__title {
        color: #1a1a1a;
    }
    #privacyPolicyModal .cam-terms-panel__prose {
        color: #1a1a1a;
        font-size: 13px;
        line-height: 1.2;
    }
    #privacyPolicyModal .cam-terms-panel__prose h4 {
        margin: 0.85em 0 0.25em;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.15;
        color: #1a1a1a;
    }
    #privacyPolicyModal .cam-terms-panel__prose h4:first-of-type {
        margin-top: 0;
    }
    #privacyPolicyModal .cam-terms-panel__prose p {
        margin: 0 0 0.4em;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.2;
        color: #1a1a1a;
    }
    #privacyPolicyModal .cam-terms-panel__prose a,
    #privacyPolicyModal .cam-terms-panel__prose a:link,
    #privacyPolicyModal .cam-terms-panel__prose a:visited,
    #privacyPolicyModal .cam-terms-panel__prose a:hover,
    #privacyPolicyModal .cam-terms-panel__prose a:focus,
    #privacyPolicyModal .cam-terms-panel__prose a:active {
        color: #000 !important;
        -webkit-text-fill-color: #000;
        font-weight: 400;
        text-decoration: underline;
        text-underline-offset: 2px;
    }
    #privacyPolicyModal .cam-terms-panel__contact,
    #privacyPolicyModal .cam-terms-panel__contact a,
    #privacyPolicyModal .cam-terms-panel__contact a:link,
    #privacyPolicyModal .cam-terms-panel__contact a:visited,
    #privacyPolicyModal .cam-terms-panel__contact a:hover,
    #privacyPolicyModal .cam-terms-panel__contact a:focus,
    #privacyPolicyModal .cam-terms-panel__contact a:active {
        color: #000 !important;
        -webkit-text-fill-color: #000;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.2;
        text-decoration: none !important;
    }
    .tourism_slider_items .km_heading {
        line-height: 0.9;
        margin-bottom: 20px !important;
    }
    .routes_map_list{
        margin-top: 28px !important;
    }
    .north_slider_wrapper .swiper-slide:first-child h3 {
        margin-bottom: 20px !important;
    }

    .north_slider_wrapper .swiper-slide:first-child .km_heading {
        margin: 0px !important;
    }
    .route_map_itesm p {
        font-size: 16px !important;
        margin-top: 7px;
    }
    .exp_items p {
        font-size: 16px !important;
        font-weight: 400;
    }
    .tourism_slider_two .route_map_itesm:first-child img {
        width: 45px;
    }
    .exp_items {
        text-align: center;
    }
    /* .exp_list{
        gap: 24px !important;
    } */
    @media (max-width: 992px) {
        .career-apply-modal {
            padding: 16px 6px;
        }
        .career-apply-modal__dialog {
            max-height: 94vh;
            border-radius: 0;
        }
        .career-apply-modal__body {
            padding: 20px clamp(6px, 1.5vw, 14px) 9px;
        }
        #careerApplyModal .career-apply-modal__body,
        #sponsorApplyModal .career-apply-modal__body {
            padding-top: 12px;
        }
        .career-apply-modal .ct_modal_form_shell {
            padding: 22px 7px 36px;
        }
        #careerApplyModal .ct_modal_form_shell,
        #sponsorApplyModal .ct_modal_form_shell {
            padding-top: 0;
        }
    }
    @media (max-width: 768px) {
        .career-apply-modal {
            align-items: flex-end;
            padding: 8px;
        }
        .career-apply-modal__dialog {
            max-height: calc(100dvh - 16px);
            border-radius: 0;
        }
        .cam-form-group {
            flex: 1 1 100%;
        }
    }
    /* Mobile: form field gutters + submit button matches job listing “Apply Now” */
    @media (max-width: 767px) {
        .career-apply-modal__body {
            padding: 20px 16px 8px !important;
        }
        #careerApplyModal .career-apply-modal__body,
        #sponsorApplyModal .career-apply-modal__body {
            padding-top: 12px !important;
        }
        #careerApplyModal .ct_modal_form_shell,
        #sponsorApplyModal .ct_modal_form_shell {
            padding-top: 0 !important;
        }
        #careerApplyModal.is-apply-success .career-apply-modal__body,
        #sponsorApplyModal.is-apply-success .career-apply-modal__body {
            padding: 0 !important;
        }
        #careerApplyModal.is-apply-success .career-apply-modal__close,
        #sponsorApplyModal.is-apply-success .career-apply-modal__close {
            top: 20px;
            right: 16px;
        }
        #careerApplyModal.is-apply-success .ct_modal_form_shell,
        #sponsorApplyModal.is-apply-success .ct_modal_form_shell {
            padding: 0 !important;
        }
        .career-apply-modal .ct_modal_form_shell {
            padding: 18px 16px 32px !important;
        }
        .career-apply-modal .form-demo-feedback {
            margin-left: 0;
            margin-right: 0;
        }
        .career-apply-modal .contact_form_wrapper form {
            text-align: center;
        }
        .career-apply-modal .contact_form_wrapper form .cam-form-row,
        .career-apply-modal .contact_form_wrapper form .cam-section-title,
        .career-apply-modal .contact_form_wrapper form .cam-checkbox-group,
        .career-apply-modal .contact_form_wrapper form .form-demo-feedback {
            text-align: left;
        }
        .career-apply-modal .cam-terms-scroll,
        .career-apply-modal .cam-terms-scroll h3,
        .career-apply-modal .cam-terms-scroll h4,
        .career-apply-modal .cam-terms-scroll p,
        .career-apply-modal .cam-terms-scroll strong {
            text-align: left;
        }
        .career-apply-modal form .black_btn.fm_btn,
        .career-apply-modal .contact_form_wrapper form > .black_btn[type="submit"],
        .career-apply-modal .cam-terms-panel .black_btn {
            width: min(220px, 86vw) !important;
            max-width: min(220px, 86vw) !important;
            min-height: 48px !important;
            padding: 12px 20px !important;
            gap: 8px !important;
            font-size: clamp(14px, 3.6vw, 16px) !important;
            justify-content: center !important;
            align-items: center !important;
            flex-wrap: nowrap !important;
            margin-left: auto !important;
            margin-right: auto !important;
            display: inline-flex !important;
            white-space: nowrap !important;
            line-height: 1.2 !important;
            text-align: center !important;
            box-sizing: border-box !important;
        }
        .career-apply-modal form .black_btn.fm_btn .chev_icon,
        .career-apply-modal .contact_form_wrapper form > .black_btn[type="submit"] .chev_icon,
        .career-apply-modal .cam-terms-panel .black_btn .chev_icon {
            display: block !important;
            flex: 0 0 14px !important;
            width: 14px !important;
            height: 14px !important;
            max-width: 14px !important;
            max-height: 14px !important;
            margin: 0 !important;
            align-self: center !important;
            vertical-align: unset !important;
            object-fit: contain !important;
        }
        .s2 .sponsorship-head .available h3{
            font-size: clamp(24px, 6.8vw, 34px) !important;
        }
        .sar_btn_wrapper{
            margin-top: 25px !important;
        }
        .lang-ar .s2-snap-rail--peek .s2-snap-track{
            margin-right: 0px;
        }
        img.saryana_vector_three.mb_view {
            display: block !important;
        }
        
   }
    @media (max-width: 480px) { 
        .career-apply-modal {
            padding: 0;
        }
        .career-apply-modal__dialog {
            max-height: 100dvh;
            border-radius: 0;
        }
        .career-apply-modal__close {
            width: 36px;
            height: 36px;
            font-size: 22px;
        }
        .career-apply-modal__body {
            padding: 20px 16px 8px !important;
        }
        #careerApplyModal .career-apply-modal__body,
        #sponsorApplyModal .career-apply-modal__body {
            padding-top: 12px !important;
        }
        .career-apply-modal .ct_modal_form_shell {
            padding: 18px 16px 32px !important;
        }
        #careerApplyModal .ct_modal_form_shell,
        #sponsorApplyModal .ct_modal_form_shell {
            padding-top: 0 !important;
        }
        .s2 .hero .hero-headline-block .hero-headline {
            font-size: 69px;
        }
        .hero-headline-block {
            height: unset !important;
            min-height: unset !important;
        }
    }
    @media (max-width: 480px) {
        @supports (-webkit-touch-callout: none) {
            .s2 .hero .hero-video-footer {
                bottom: 156px !important;
            }
            .s2 .hero > .hero-scroll-cue {
                bottom: max(36px, calc(env(safe-area-inset-bottom, 0px) + 28px)) !important;
            }
        }
    }
    @media (max-height: 700px) {
        .career-apply-modal {
            align-items: flex-start;
            padding-top: 8px;
            padding-bottom: 8px;
        }
        .career-apply-modal__dialog {
            max-height: calc(100dvh - 16px);
        }
    }
    @media (prefers-reduced-motion: reduce) {
        .career-apply-modal {
            transition: visibility 0s linear 0.22s;
        }
        .career-apply-modal__backdrop {
            transition: opacity 0.2s ease !important;
        }
        .career-apply-modal__dialog {
            transform: none !important;
            transition: opacity 0.22s ease !important;
        }
        .career-apply-modal.is-open .career-apply-modal__dialog {
            transform: none !important;
            box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
        }
        .career-apply-modal__close {
            transform: none !important;
            transition: background 0.2s ease, opacity 0.2s ease 0.05s !important;
        }
        .career-apply-modal.is-open .career-apply-modal__close {
            transform: none !important;
        }
        .career-apply-modal__body {
            transition: opacity 0.2s ease !important;
        }
    }

    /* ============================== CONTACT ============================== */
    .s2 .contact {
        position: relative; padding: 100px 0;
        background:
            radial-gradient(ellipse 50% 50% at 0% 50%, rgba(201,168,120,0.14), transparent 60%),
            var(--cream);
    }
    .s2 .contact-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 60px; align-items: stretch; }
    .s2 .contact h2 {
        font-family: 'Tajawal', sans-serif;
        font-weight: 300; font-size: clamp(38px, 4.4vw, 60px); line-height: 1.1; margin: 22px 0 32px;
        color: var(--ink);
    }
    .s2 .contact h2 em { color: var(--gold-deep); font-style: italic; }
    .s2 .form-row { margin-bottom: 18px; }
    .s2 .form-row input,
    .s2 .form-row textarea {
        width: 100%; background: #fff;
        border: 1px solid var(--line); border-radius: 16px;
        padding: 18px 22px; color: var(--ink); font-family: 'Tajawal', sans-serif;
        font-size: 16px; transition: all .3s ease; font-weight: 400;
    }
    .s2 .form-row input:focus,
    .s2 .form-row textarea:focus {
        outline: 0; border-color: var(--gold); background: #fff;
        box-shadow: 0 0 0 4px rgba(201,168,120,0.12);
    }
    .s2 .form-row input::placeholder,
    .s2 .form-row textarea::placeholder { color: var(--ink-mute); }
    .s2 .form-row textarea { resize: vertical; min-height: 130px; }
    .s2 .contact-info {
        background: linear-gradient(160deg, #1a1a1a 0%, #2a2a2a 100%);
        border: 1px solid rgba(255,255,255,0.08); border-radius: 28px;
        padding: 50px 44px; color: #F6F1E8;
        display: flex; flex-direction: column; justify-content: space-between;
    }
    .s2 .contact-info ul { list-style: none; padding: 0; margin: 0; }
    .s2 .contact-info ul li {
        display: flex; gap: 18px; padding: 22px 0;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    .s2 .contact-info ul li:last-child { border-bottom: 0; }
    .s2 .contact-info ul li .ic {
        flex-shrink: 0; width: 46px; height: 46px; border-radius: 50%;
        background: rgba(201,168,120,0.18); display: grid; place-items: center;
    }
    .s2 .contact-info ul li .ic svg { width: 18px; height: 18px; color: var(--gold); }
    .s2 .contact-info ul li p,
    .s2 .contact-info ul li a {
        margin: 0; font-size: 15px; line-height: 1.65; color: rgba(246,241,232,0.92);
        font-weight: 400; transition: color .3s ease;
    }
    .s2 .contact-info ul li a:hover { color: var(--gold); }
    .s2 .contact-info .socials { display: flex; gap: 14px; margin-top: 28px; }
    .s2 .contact-info .socials a {
        width: 46px; height: 46px; border-radius: 50%;
        border: 1px solid rgba(255,255,255,0.18); display: grid; place-items: center;
        transition: all .3s ease;
    }
    .s2 .contact-info .socials a:hover { background: var(--gold); border-color: var(--gold); }
    .s2 .contact-info .socials a img { width: 16px; height: 16px; }

    /* ct_main_wrapper decorative icons — same motion language as .saryna-intro counter vectors */
    .s2 #contact.ct_main_wrapper .ct_icon_one {
        position: absolute;
        top: -65px;
        left: 50%;
        right: auto;
        opacity: 0;
        z-index: 0;
        transition: left 2s ease, opacity 2s ease;
    }
    .s2 #contact.ct_main_wrapper.contact-vectors-in .ct_icon_one {
        left: 0;
        opacity: 0.5;
    }
    .s2 #contact.ct_main_wrapper .ct_icon_two {
        position: absolute;
        bottom: 24px;
        right: 50%;
        left: auto;
        opacity: 0;
        z-index: 0;
        transition: right 3.1s ease, opacity 2s ease;
    }
    .s2 #contact.ct_main_wrapper.contact-vectors-in .ct_icon_two {
        right: 176px;
        opacity: 0.5;
    }
    .s2 #contact.ct_main_wrapper .ct_icon_three {
        position: absolute;
        bottom: 46%;
        right: 50%;
        left: auto;
        width: 30%;
        opacity: 0;
        z-index: 0;
        transition: right 4.1s ease 0.2s, opacity 1.75s ease 0.2s;
    }
    .s2 #contact.ct_main_wrapper.contact-vectors-in .ct_icon_three {
        right: 59px;
        opacity: 0.5;
    }
    

    /* ============================== FOOTER ============================== */
    .s2 footer.foot {
        position: relative; padding: 90px 0 40px;
        background:
            radial-gradient(120% 85% at 50% 0%, rgba(201,168,120,0.18) 0%, rgba(201,168,120,0) 55%),
            linear-gradient(180deg, #f6efe2 0%, #efe6d8 100%);
        border-top: 1px solid var(--line);
        color: var(--ink);
    }
    .s2 .foot-top {
        display: grid; grid-template-columns: 1.6fr 1fr; gap: 60px;
        padding-bottom: 56px; border-bottom: 1px solid var(--line);
    }
    .s2 .foot-links {
        display: flex; flex-wrap: wrap; gap: 36px; list-style: none; padding: 0; margin: 0 0 36px;
    }
    .s2 .foot-links a {
        font-size: 13px; text-transform: uppercase;
        color: var(--ink); font-weight: 600; transition: color .3s ease;
    }
    .s2 .foot-links a:hover { color: var(--gold-deep); }
    .s2 .naghi {
        display: grid; grid-template-columns: auto 1fr; gap: 24px; align-items: center;
        padding-top: 30px; border-top: 1px solid var(--line);
    }
    .s2 .naghi img {
        height: 52px; opacity: 1;
        background: linear-gradient(135deg, #111 0%, #262626 100%);
        padding: 10px 14px;
        border-radius: 12px;
        box-shadow: 0 10px 24px -12px rgba(0, 0, 0, 0.55);
    }
    .s2 .naghi p { margin: 0; font-size: 14px; color: var(--ink-soft); line-height: 1.7; font-weight: 400; }
    .s2 .subscribe h4 {
        font-family: 'Tajawal', sans-serif;
        font-size: 30px; font-weight: 400; line-height: 1.25; margin: 0 0 22px; color: var(--ink);
    }
    .s2 .subscribe-form {
        display: flex; align-items: center;
        background: #fff; border: 1px solid var(--line);
        border-radius: 0; padding: 5px 5px 5px 24px;
    }
    .s2 .subscribe-form input {
        background: transparent; border: 0; flex: 1;
        padding: 14px 14px; color: var(--ink); font-family: 'Tajawal', sans-serif;
        font-size: 14px; outline: 0;
    }
    .s2 .subscribe-form input::placeholder { color: var(--ink-mute); }
    .s2 .subscribe-form button {
        background: linear-gradient(135deg, #1a1a1a, #2a2a2a);
        color: var(--ivory);
        border: 1px solid transparent;
        font-weight: 700;
        padding: 12px 26px; border-radius: 0; cursor: pointer;
        font-size: 12.5px; text-transform: uppercase;
        transition: transform .3s ease, background .3s ease, border-color .3s ease;
    }
    .s2 .subscribe-form button:hover {
        background: #fff !important;
        color: #000 !important;
        border: 1px solid #000;
        transform: translateX(4px);
    }

    .s2 .foot-bot {
        display: grid; grid-template-columns: auto 1fr auto; gap: 30px;
        align-items: center; padding-top: 30px;
    }
    .s2 .foot-bot img.brand {
        height: 32px; opacity: 1;
        background: linear-gradient(135deg, #111 0%, #2a2a2a 100%);
        padding: 8px 12px;
        border-radius: 10px;
        box-shadow: 0 10px 22px -14px rgba(0, 0, 0, 0.6);
    }
    .s2 .foot-bot .copy { font-size: 13px; color: var(--ink-mute); margin: 0; text-align: center; }
    .s2 .foot-bot a.priv { font-size: 12.5px; text-transform: uppercase; color: var(--ink); font-weight: 600; transition: color .3s ease; }
    .s2 .foot-bot a.priv:hover { color: var(--gold-deep); }
    .saryna-learn-more {
        display: block !important;
    }

    /* ============================== RESPONSIVE ============================== */
    @media(max-width:1399px){
        .s2 .join .career_vector_wrapper .career_bg{
            margin-top: 80px;
        }
    }
    @media(max-width:1199px){
        .north_logo_box{
            width: 100% !important;
            text-align: left;
            display: flex;
            align-items: flex-start;
        }
    }
    @media (max-width: 1100px) {
        .s2 .approach-grid,
        .s2 .contact-grid,
        .s2 .foot-top { grid-template-columns: 1fr; gap: 40px; }
        .s2 #packages .cars_list { flex-wrap: wrap; }
        .s2 #packages .cars_list .car_item { width: 50% !important; margin-bottom: 30px; }
        .s2 #packages .cars_list .car_item:first-child { width: 50% !important; }
        /* Wrapped layout: hide single strip; animate road under each car */
        .s2 #packages .cars_list::after {
            display: none;
        }
        .s2 #packages .cars_list .vehicle-media {
            padding-bottom: 10px;
        }
        .s2 #packages .cars_list .vehicle-media::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 3px;
            border-radius: 999px;
            pointer-events: none;
            z-index: 1;
            background-image: repeating-linear-gradient(
                90deg,
                transparent 0,
                transparent 28px,
                #ccc 28px,
                #ccc 82px,
                transparent 82px,
                transparent 120px
            );
            background-size: 120px 3px;
            background-position: 0 0;
            background-repeat: repeat-x;
            animation: s2-road-shift 0.80s linear infinite;
        }
        .s2 #packages .cars_list .car_item:first-child .vehicle-media::after {
            bottom: 8px;
        }
    }
    @media(max-width:824px){
        .s2 .nav-lux .lang-toggle button{
            font-size: 12px !important;
            padding: 6px 8px !important;
        }
        .s2 .nav-lux .brand img{
            width: auto;
            max-width: min(65vw, 220px);
            object-fit: contain;
        }
        .s2 .nav-lux .nav-drawer-panel{
            justify-content: flex-end;
            padding-right: 11px;
        }
        .s2 .nav-lux .menu{
            gap: 6px;
        }
        .s2 .hero-video-footer{
            bottom: 128px !important;
        }
        .s2 .hero > .hero-scroll-cue {
            bottom: max(24px, calc(env(safe-area-inset-bottom, 0px) + 16px)) !important;
        }
        .s2 .approch_main_wrapper_two{
            padding-bottom:0px;
        }
        .s2 .saryna-intro .counter_top_box p[data-approach-p],
        .s2 .saryna-intro .counter_top_box > p {
            font-size: 20px;
        }
        .s2 .saryna-intro{
            padding-bottom: var(--section-cards-bottom-gap, 30px);
        }
        .saryana_logo_box {
            margin-top: 0;
        }
       .saryana_vector_three{
            display:none !important;
        }
        .saryana_logo_box img {
            margin: 0 auto;
        }
        .north_slider_wrapper{
            opacity: 1 !important;
        }
        .saryana_map_inner_box {
            width: fit-content;
            margin: 0 auto;
        }
        .saryana_map_place{
            transform: scale(1);
        }
        body.s2 {
            --approach-segment-gap: 30px;
            --section-cards-bottom-gap: 30px;
        }
        .s2 .approch_main_wrapper_two .approch_content_box_left .approch_heading_cluster h3,
        .s2 .approch_main_wrapper_two .approch_content_box h3,
        .s2 .saryna-intro .counter_top_box .sub_heading {
            font-size: 30px;
        }
        .map_top, .map_btm, .map_btm_two, .map_btm_three{
            opacity: 1;
        }
        body.s2 .saryana_main_wrapper {
            /* Slightly above section gap — between 30px strip and old 48px card-tail stack */
            padding-top: calc(var(--section-cards-bottom-gap, 30px) + 6px) !important;
            padding-bottom: var(--section-cards-bottom-gap, 30px) !important;
            padding-inline: 0 !important;
        }
        body.s2 .saryana_main_mob_wrapper {
            padding-top: 0 !important;
        }
        .sar_mob_btn_wrapper {
            text-align: center;
            padding-top: 20px;
        }
        a.news_btn.black_btn.tajawal-extrabold.sr_mob_btn {
            font-size: 16px !important;
        }
        .s2 .saryna-intro .head {
            margin-bottom: 0px;
        }
        .s2 .cities{
            padding-top: 18px;
            padding-bottom: var(--section-cards-bottom-gap, 30px) !important;
        }
        .s2 .news {
            padding-bottom: var(--section-cards-bottom-gap, 30px) !important;
        }
        .s2 .team-join p{
            font-size: 18px;
        }
        .s2 .saryna-intro, .s2 .team, .s2 .sponsorship, .s2 .join, .s2 .contact{
            padding: 0 0 30px !important;
        }
        .s2 .sponsorship {
            padding-bottom: 0px !important;
        }
        .s2 .packages-head h2{
            margin-top:0px;
        }
        .s2 .packages-head {
            margin-bottom: 0px;
        }
        .s2 .pkg-stats {
            margin: 0px;
        }
        .s2 .pkg-slider-head {
            margin-top: 0 !important;
            margin-bottom: var(--s2-carousel-nav-to-track) !important;
        }
        .ct_main_wrapper{
            margin-top: -140px !important;
        }
        .s2 .join .career_vector_wrapper .career_bg {
            margin-top: 140px;
        }
        .s2 .join .jobs-slider-wrap {
            max-width: 100%;
        }
        .footer_links_list{
            justify-content: flex-start;
        }
        .s2 .spon-point-water{
            left: 7px;
        }
        .car_item_one .vehicle-wheel.left {
            left: 69.8px !important;
            bottom: 7.55px !important;
            top: unset !important;
        }
        .car_item_one .vehicle-wheel.right {
            left: unset !important;
            right: 55px;
            top: unset !important;
            bottom: 7px;
        }
        .car_item_two .vehicle-wheel.right {
            width: 20px !important;
            height: 20px !important;
            left: unset !important;
            bottom: 4px;
            top: unset !important;
            right: 65px;
        }
        .car_item_two .vehicle-wheel.left {
            width: 20px !important;
            height: 20px !important;
            left: 84px !important;
            bottom: 4px;
            top: unset !important;
        }
        .car_item_three .vehicle-wheel.left {
            width: 20px !important;
            height: 20px !important;
            top: unset !important;
            bottom: 5px;
        }
        .car_item_three .vehicle-wheel.right {
            width: 20px !important;
            height: 20px !important;
            top: unset !important;
            bottom: 4px;
            left: unset !important;
            right: 73px;
        }
        .car_item_four .vehicle-wheel.left {
            width: 21px !important;
            height: 21px !important;
            top: unset !important;
            bottom: 6px;
            left: 79.5px !important;
        }
        .car_item_four .vehicle-wheel.right {
            width: 21px !important;
            height: 21px !important;
            top: unset !important;
            bottom: 6px;
            left: unset !important;
            right: 79.5px !important;
        }
        .s2 .pkg-item{
            height: unset !important;
        }
        .s2 .loc_title{
            justify-content: flex-start;
        }
        .connected_routes_inner_wrapper h2{
            font-size: 50px !important;
        }
        .s2 .pkg-slider-head .pkg-nav,
        .s2 .cities-head-nav,
        .s2 .news-head-nav,
        .s2 .join-head-nav {
            margin: 0 auto !important;
        }
        .s2 .pkg-tag h4{
            width: 50%;
        }
        .counter_inner_wrapper{
            padding-top: 20px !important;
        }
        .s2 .pkg-grid .pkg-item{
            height: auto !important;
            min-height: 0 !important;
        }
        .s2 .pkg-grid {
            height: auto !important;
            min-height: 0 !important;
        }
        .s2 .pkg-card .btn-lux {
            font-size: 18px !important;
        }
        .s2 div.pkg_slider_cars_wrapper {
            margin-top: 0px !important;
            padding-top: var(--pkg-cars-top-space, 28px) !important;
        }
        .s2 div.pkg_slider_cars_wrapper.gsap-cars-section{
            min-height: unset !important;
        }
        .s2 .pkg_slider_cars_wrapper.gsap-cars-section .stage {
            min-height: unset;
        }
        .car1{
            bottom: 33vh !important;
        }
        .s2 .pkg_slider_cars_wrapper{
            height: 600px !important;
        }
        .gsap-cars-section .mountain-pan{
            bottom: 42vh !important;
        }
        .ct_main_wrapper .col-md-7, .ct_main_wrapper .col-md-5{
            width: 100%;
        }
        .contact_form_wrapper{
            width: 100% !important;
        }
        .contact_info_wrapper{
            padding-top: 30px;
        }
    }
    @media (max-width: 820px) {
        /* Logo + hamburger row: solid bar while mobile menu is open (EN + AR) */
        body.s2.nav-drawer-open .nav-lux,
        body.lang-ar.s2.nav-drawer-open .nav-lux {
            background: #000 !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }
        .s2 .nav-lux .brand img{
            width: unset;
        }
        .s2 .nav-lux .nav-drawer-panel{
            padding-right: 0px;
        }
        ul.mb_social_list {
            display: flex !important;
        }
        .s2 { font-size: 16px; }
        .s2 .nav-lux .container {
            grid-template-columns: minmax(0, 1fr) auto;
            grid-template-rows: auto;
        }
        .s2 .nav-lux .brand {
            grid-column: 1;
            grid-row: 1;
            justify-self: start;
            align-self: center;
        }
        .s2 .nav-lux .nav-lux-actions {
            grid-column: 2;
            grid-row: 1;
            justify-self: end;
            align-self: center;
        }
        .s2 .nav-lux .lang-toggle--desktop {
            display: none !important;
        }
        .s2 .nav-lux .nav-drawer-panel {
            position: fixed;
            inset: 0;
            z-index: 95;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            justify-content: flex-start;
            flex: none;
            width: 100%;
            max-width: none;
            min-height: 0;
            height: 100%;
            height: 100dvh;
            background: transparent;
            transform: none;
            visibility: hidden;
            pointer-events: none;
            transition: visibility 0.38s;
        }
        .s2 .nav-lux .nav-drawer-panel.show {
            visibility: visible;
            pointer-events: none;
        }
        .s2 .nav-lux .nav-drawer-panel.show .nav-drawer-head,
        .s2 .nav-lux .nav-drawer-panel.show .mb_menu_list {
            pointer-events: auto;
        }
        .s2 .nav-lux .mb_menu_list {
            width: min(72vw, 320px);
            max-width: 100%;
            transform: translateX(105%);
            transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .s2 .nav-lux .nav-drawer-panel.show .mb_menu_list {
            transform: translateX(0);
        }
        .s2 .nav-lux .nav-drawer-head {
            display: grid;
            grid-template-columns: 1fr auto auto;
            align-items: start;
            gap: 10px;
            flex-shrink: 0;
            width: min(72vw, 320px);
            max-width: 100%;
            padding: 5px 18px;
            padding-top: max(14px, env(safe-area-inset-top, 0px));
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            background: #0a0a0a;
            transform: none;
            opacity: 0;
            transition: opacity 0.22s ease;
        }
        .s2 .nav-lux .nav-drawer-panel.show .nav-drawer-head {
            opacity: 1;
        }
        .nav-drawer-brand {
            display: none !important;
        }
        .s2 .nav-lux .brand{
            position: relative;
            z-index: 999;
        }
        .s2 .nav-lux .menu-close {
            display: grid;
        }
        .s2 .nav-lux .nav-drawer-head .lang-toggle {
            background: transparent;
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            align-self: start;
        }
        .s2 .nav-lux .nav-drawer-head .lang-toggle button {
            color: rgba(255, 255, 255, 0.92);
            font-size: 14px;
            font-weight: 500;
            padding: 2px 10px 4px;
        }
        .s2 .nav-lux .nav-drawer-head .menu-close {
            align-self: start;
        }
        .mb_metas .lang-toggle--drawer {
            align-self: flex-start;
        }
        @media (hover: hover) {
            .s2 .nav-lux .nav-drawer-head .lang-toggle button:hover {
                color: #fff !important;
                background: rgba(255, 255, 255, 0.12) !important;
                backdrop-filter: blur(10px);
                -webkit-backdrop-filter: blur(10px);
                border-color: rgba(255, 255, 255, 0.18) !important;
            }
        }
        .s2 .nav-lux .menu {
            display: flex !important;
            flex-direction: column;
            align-items: stretch;
            justify-content: flex-start;
            gap: 0;
            list-style: none;
            margin: 0;
            padding: 8px 18px max(28px, env(safe-area-inset-bottom, 0px));
            flex: 1;
            min-height: 0;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            justify-self: auto;
        }
        .s2 .nav-lux .menu li { margin: 0; padding: 0; }
        .s2 .nav-lux .menu a {
            display: block;
            color: #fff !important;
            background: transparent !important;
            border: 1px solid transparent !important;
            border-radius: 0 !important;
            padding: 16px 6px 16px 2px;
            font-size: 17px;
            font-weight: 500;
            letter-spacing: 0.02em;
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
        }
        @media (hover: hover) {
            .s2 .nav-lux .menu a:hover:not(.is-active) {
                color: #fff !important;
                background: rgba(255, 255, 255, 0.12) !important;
                backdrop-filter: blur(10px);
                -webkit-backdrop-filter: blur(10px);
                border-color: rgba(255, 255, 255, 0.18) !important;
            }
        }
        .s2 .nav-lux .menu a.is-active {
            color: #fff !important;
            background: rgba(255, 255, 255, 0.12) !important;
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border-color: rgba(255, 255, 255, 0.18) !important;
            font-weight: 600;
        }
        .s2 .nav-lux .menu a:not(.is-active):not(:hover) {
            background: transparent !important;
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            border-color: transparent !important;
        }
        .s2 .nav-lux-actions {
            flex-direction: column;
            align-items: flex-end;
            gap: 8px;
        }
        .s2 .nav-lux .menu-toggle {
            display: grid; place-items: center; width: 42px; height: 42px;
            border-radius: 0; border: 0px solid rgba(255,255,255,0.4);
            color: rgba(255,255,255,0.95); cursor: pointer;
            background: #00000045;
        }
        .s2 .nav-lux.scrolled .menu-toggle { border-color: rgba(255,255,255,0.45); color: rgba(255,255,255,0.95); }
        .s2 .approach,
        .s2 .packages { padding: 0px 0; }
        .s2 .adventure {
            padding-top: var(--approach-segment-gap);
            padding-bottom: var(--section-cards-bottom-gap, 70px);
        }
        .s2 .cities {
            padding-bottom: var(--section-cards-bottom-gap, 70px);
        }
        .s2 .news {
            padding-bottom: var(--section-cards-bottom-gap, 70px);
        }
        .s2 .saryna-intro,
        .s2 .team,
        .s2 .sponsorship,
        .s2 .join,
        .s2 .contact { padding: 0 0 var(--section-cards-bottom-gap, 70px); }
        .s2 .approch_main_wrapper_two { padding: 0; }
        .s2 #contact.ct_main_wrapper { padding: 0 0 70px; }
        .s2 .stat-grid, .s2 .pkg-stats { grid-template-columns: repeat(2, 1fr); }
        .s2 .stat-cell:nth-child(2), .s2 .pkg-stat:nth-child(2) { border-right: 0; }
        .s2 .stat-cell:nth-child(1), .s2 .stat-cell:nth-child(2) { border-bottom: 1px solid var(--line); }
        .s2 #packages .cars_list .car_item,
        .s2 #packages .cars_list .car_item:first-child { width: 100% !important; }
        /* One vehicle per row: stat number above image (same as phone layout) */
        .s2 #packages div.pkg-stats.mob_hide,
        .s2 #packages div.pkg-stats.mob_hide.in {
            display: none !important;
        }
        .s2 #packages .pkg-stat.d-none.mob_show {
            display: block !important;
            width: 100%;
            text-align: center;
            margin: 0 auto;
            padding: 18px 16px 8px;
            box-sizing: border-box;
        }
        .s2 #packages .cars_list .pkg-stat.d-none.mob_show:nth-child(2) {
            order: -1;
        }
        .s2 #packages .pkg-stat.d-none.mob_show .n- {
            font-size: clamp(52px, 14vw, 90px);
            font-weight: 900;
            line-height: 1;
            color: #000;
        }
        .s2 #packages .pkg-stat.d-none.mob_show p {
            font-size: clamp(15px, 3.5vw, 20px);
            font-weight: 400;
            color: #000;
            margin: 4px 0 0;
        }
        .s2 #packages .cars_list {
            flex-direction: column;
            flex-wrap: nowrap;
            align-items: center;
            padding: 8px 20px 20px;
        }
        .s2 #packages .cars_list .car_item {
            margin-bottom: 20px;
        }
        .s2 .job-foot { flex-direction: column; align-items: stretch; }
        .s2 .job-foot .btn-lux { width: 100%; justify-content: center; }
        .s2 .approach-card { padding: 36px 28px; }
        .s2 .hero-scroll { display: none; }


        .mb_menu_list {
            flex: 1 1 auto;
            min-height: 0;
            width: min(72vw, 320px);
            max-width: 100%;
            margin-left: 0;
            background: #0a0a0a;
            display: flex;
            flex-direction: column;
        }
        .lang-toggle.lang-toggle--drawer {
            display: none !important;
        }
        .s2 .team-join p{
            font-size: 30px;
        }
        ul.mb_social_list li img {
            width: 30px;
            height: 30px;
            object-fit: contain;
        }
        .mb_social_list {
            padding: 0px;
            margin: 0px;
            list-style: none;
            display: flex;
            gap: 20px;
            /* margin: 0 20px; */
            width: 90%;
            /* border-top: 1px solid #fff;
            padding-top: 34px; */
        }
        .lang-ar .car_item_one, .lang-ar .car_item_two, .lang-ar .car_item_three, .lang-ar .car_item_four {
            order: unset !important;
        }
        .mb_metas {
            width: 90%;
            margin: 0 auto;
            border-top: 1px solid #fff;
            padding-top: 10px;
            display: flex;
            align-items: flex-start;
        }
        .mb_metas .lang-toggle--drawer.d-none {
            display: flex !important;
        }
    }
    /* Tablet / narrow desktop: shrink horizontal nav links only (not full-screen drawer ≤820px) */
    @media (max-width: 991px) and (min-width: 821px) {
        .s2 .nav-lux .menu a { font-size: 12px; padding: 6px 8px; }
        .s2 .nav-lux .lang-toggle button { font-size: 12px; padding: 6px 8px; }
    }
    @media (max-width: 991px) and (min-width: 825px) {
        body.s2 {
            --section-cards-bottom-gap: 70px;
        }
    }
    /* index.php responsive.css @425px */
    @media (max-width: 425px) {
        .s2 #packages .cars_list .car_item.car_item_one img.img-fluid { width: 100% !important; }
        .s2 #packages .cars_list .car_item:not(.car_item_one) img.img-fluid { width: 59% !important; }
        .route_icon {
            width: 30px;
            height: 60px;
        }
        body.s2 .pkg_slider_cars_wrapper.gsap-cars-section{
            height: 260px !important;
        }
        body.s2 .pkg_slider_cars_wrapper.gsap-cars-section .stage {
            min-height: min(70vh, 302px);
        }  
        .north_slider_wrapper .swiper-slide{
            padding: 20px !important;
        } 
        .route_map_itesm_two img{
            margin-top: 1px !important;
        }
        .route_map_itesm_two img{
            width: 20px !important;
        }
        .exp_list{
            gap: 16px !important;
        }
        .route_map_itesm {
            margin-right: 20px !important;
        }
        .exp_items h5{
            font-size: 36px !important;
        }
        .tourism_slider_items h4 {
            margin-bottom: 10px !important;
        }
    }
    /* Per-vehicle wheel alignment on phones (car art scales down) */
    @media (max-width: 767px) {
        .lang-toggle.lang-toggle--drawer.d-none {
            display: inline-flex !important;
        }
        .mb_social_list {
            border: 0px;
            padding: 0px;
        }
        .mb_metas {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
        }
        .s2 #packages .cars_list .car_item--leader {
            --wheel-left: 29.5%;
            --wheel-right: 73%;
            --wheel-y: 69%;
        }
        .s2 #packages .cars_list .car_item--private {
            --wheel-left: 28.2%;
            --wheel-right: 70.1%;
            --wheel-y: 74%;
        }
        .s2 #packages .cars_list .car_item--motor {
            --wheel-left: 28.7%;
            --wheel-right: 68.2%;
            --wheel-y: 64%;
        }
        .s2-snap-track .col-md-3:last-child {
            margin: 0px;
        }
        .saryana_logo_box{
            margin-bottom: 40px;
        }
        .s2 .news-head h2{
            padding-bottom: var(--s2-carousel-nav-to-track);
        }
        .s2 .sponsorship-head {
            margin-bottom: 20px;
        }
        .s2 .spon-point-desc {
            font-size: 18px;
        }
        .s2 .sponsorship {
            padding-bottom: 0px !important;
        }
        .s2 .spon-points .row {
            padding: 20px 20px 0;
            box-sizing: border-box;
        }
        .packages-head {
            margin: 0px !important;
        }
        .packages-head h2 {
            margin-top: 0px !important;
        }
        /* .s2 #packages .cars_list.cars-revealed li.car_item:nth-of-type(1) .vehicle-wheel {
            width: 30px;
            height: 30px;
            top: 76%;
        } */
        .s2 .join .sec_heading_wrapper.join-head {
            margin: 0 auto var(--s2-carousel-nav-to-track);
        }
        .footer_main_wrapper{
            padding: 40px 0px !important;
        }
        .footer_main_wrapper .footer_social_links_list{
            margin-top:0px !important;
        }
        .naghi_logo_main_wrapper{
            margin-top: 0px !important;
        }
        .copy_main_wrapper{
            margin-top: 30px !important;
        }
        .s2 #contact.ct_main_wrapper {
            padding: 0 0 30px !important;
        }
        .car_item_one .vehicle-wheel.left {
            width: 23px !important;
            height: 23px !important;
            left: 162px !important;
            top: unset !important;
            bottom: 20px !important;
        }         
        .car_item_one .vehicle-wheel.right {
            width: 23px !important;
            height: 23px !important;
            right: 129px !important;
            top: unset !important;
            bottom: 20px !important;
        }
        .car_item_two .vehicle-wheel.left{
            width: 50px !important;
            height: 50px !important;
            left: 185px !important;
            bottom: 7px;
        }
        .car_item_two .vehicle-wheel.right {
            width: 50px !important;
            height: 50px !important;
            right: 143px !important;
            bottom: 7px;
        }
        .car_item_three .vehicle-wheel.left {
            width: 40px !important;
            height: 40px !important;
            top: unset !important;
            bottom: 13px;
            left: 181px !important;
        }
        .car_item_three .vehicle-wheel.right {
            width: 40px !important;
            height: 40px !important;
            top: unset !important;
            bottom: 12px;
            right: 166px !important;
        }
        .car_item_four .vehicle-wheel.left {
            width: 50px !important;
            height: 50px !important;
            top: unset !important;
            bottom: 12px;
            left: 178.5px !important;
        }
        .car_item_four .vehicle-wheel.right {
            width: 50px !important;
            height: 50px !important;
            top: unset !important;
            bottom: 12px;
            right: 174.5px !important;
        }
        .car4{
            bottom: 1vh;
        }
        div p.counter_desc{
            font-size: 18px !important;
        }
        .d-none.mob_show {
            display: block !important;
        }
        .footer_links_list, .footer_social_links_list{
            display: none !important;
        }
        .connected_routes_main_wrapper{
            height: 50vh !important;
        }
        .s2-snap-rail--peek .s2-snap-track{
            margin-right: 0 !important;
        }
        .s2 .pkg_slider_cars_wrapper.gsap-cars-section .stage{
            min-height: unset !important;
        }
        .contact_info_wrapper{
            padding-top: 0px;
        }
    }
    @media(max-width:736px){
        .car_item_one .vehicle-wheel.left{
            left: 154px !important;
            top: unset !important;
            bottom: 18px !important;
        }
        .car_item_one .vehicle-wheel.right {
            right: 122px !important;
            bottom: 18px !important;
        }
        .car_item_two .vehicle-wheel.left {
            width: 40px !important;
            height: 40px !important;
            left: 181px !important;
            bottom: 11px;
        }
        .car_item_two .vehicle-wheel.right {
            width: 40px !important;
            height: 40px !important;
            right: 140px !important;
            bottom: 11px;
        }
        .car_item_three .vehicle-wheel.left {
            width: 35px !important;
            height: 35px !important;
            top: unset !important;
            bottom: 14px;
            left: 173px !important;
        }
        .car_item_three .vehicle-wheel.right {
            width: 36px !important;
            height: 36px !important;
            top: unset !important;
            bottom: 12.2px;
            right: 159px !important;
        }
        .car_item_four .vehicle-wheel.left {
            width: 40px !important;
            height: 40px !important;
            top: unset !important;
            bottom: 15px;
            left: 173.5px !important;
        }
        .car_item_four .vehicle-wheel.right {
            width: 40px !important;
            height: 40px !important;
            top: unset !important;
            bottom: 16px;
            right: 169.5px !important;
        }
    }
    @media(max-width:667px){
        .car_item_one .vehicle-wheel.left{
            left: 136px !important;
            bottom: 15px !important;
        }
        .car_item_one .vehicle-wheel.right {
            right: 107px !important;
            bottom: 15px !important;
        }
        .car_item_two .vehicle-wheel.left{
            left: 159px !important;
            bottom: 7px;
        }
        .car_item_two .vehicle-wheel.right{
            right: 123px !important;
            bottom: 7px;
        }
        .car_item_three .vehicle-wheel.right{
            right: 140px !important;
            bottom: 9.2px;
        }
        .car_item_three .vehicle-wheel.left{
            bottom: 11px;
            left: 152px !important;
        }
        .car_item_four .vehicle-wheel.left{
            bottom: 12px;
            left: 152.5px !important;
        }
        .car_item_four .vehicle-wheel.right{
            bottom: 12px;
            right: 149.5px !important;
        }
    }
    @media(max-width:580px){
        .ct_main_wrapper{
            margin-top: -40px !important;
        }
        .counter_desc{
            margin:0px;
        }
        .counter_item_box{
            padding: 20px 20px 32px 20px;
        }
        .s2 .pkg_slider_cars_wrapper.gsap-cars-section{
            height: 312px !important;
            padding-top: 10px !important;
        }
        body.s2 .spon-point-water{
            top: 5px;
            left: 23px;
        }
        .car_item_one .vehicle-wheel.left {
            left: 113px !important;
            bottom: 11px !important;
        }
        .car_item_one .vehicle-wheel.right {
            right: 89px !important;
            bottom: 10px !important;
        }
        .car_item_two .vehicle-wheel.left {
            left: 136px !important;
            bottom: 8px;
            width: 30px !important;
            height: 30px !important;
        }
        .car_item_two .vehicle-wheel.right {
            right: 106px !important;
            bottom: 8px;
            width: 30px !important;
            height: 30px !important;
        }
        .car_item_three .vehicle-wheel.left {
            bottom: 9px;
            left: 129px !important;
            width: 30px !important;
            height: 30px !important;
        }
        .car_item_three .vehicle-wheel.right {
            right: 119px !important;
            bottom: 8.2px;
            width: 30px !important;
            height: 30px !important;
        }
        .car_item_four .vehicle-wheel.left {
            bottom: 12px;
            left: 131.5px !important;
            width: 30px !important;
            height: 30px !important;
        }
        .car_item_four .vehicle-wheel.right {
            bottom: 12px;
            right: 128.5px !important;
            width: 30px !important;
            height: 30px !important;
        }
        .exp_items h5{
            font-size: 36px;
        }
        .sar_btn_wrapper{
            margin-top: 30px;
        }
        img.saryana_vector_three.mb_view {
            left: 400px;
            top: 0;
        }
        .s2 .hero .hero-headline-block {
            min-height: unset !important;
            height: unset !important;
        }
    }
    @media (max-width: 575px) {
        .s2 #packages .cars_list { padding: 20px; }
        .car_item_one .vehicle-wheel.left {
            left: 127px !important;
            bottom: 13px !important;
        }
        .car_item_one .vehicle-wheel.right {
            right: 101px !important;
            bottom: 14px !important;
        }
        .car_item_two .vehicle-wheel.left{
            left: 154px !important;
            bottom: 11px;
        }
        .car_item_two .vehicle-wheel.right {
            right: 120px !important;
            bottom: 11px;
        }
        .car_item_three .vehicle-wheel.left{
            bottom: 12px;
            left: 146px !important
        }
        .car_item_three .vehicle-wheel.right{
            right: 135px !important;
            bottom: 10.2px;
        }
        .car_item_four .vehicle-wheel.right {
            bottom: 15px;
            right: 144.5px !important;
        }
        .car_item_four .vehicle-wheel.left {
            bottom: 15px;
            left: 147.5px !important;
        }
        .connected_routes_inner_wrapper h2 {
            font-size: 40px !important;
        }
        .naghi_logo_wrapper {
            width: 30% !important;
        }
        .copy_main_wrapper .col-md-2 img{
            width: 50%;
        }
    }
    @media(max-width:525px){
        .car_item_one .vehicle-wheel.left {
            left: 114px !important;
            bottom: 11px !important;
        }    
        .car_item_one .vehicle-wheel.right {
            right: 90px !important;
            bottom: 11px !important;
        }
        .car_item_two .vehicle-wheel.left {
            left: 138px !important;
            bottom: 8px;
        }
        .car_item_two .vehicle-wheel.right {
            right: 107px !important;
            bottom: 8px;
        }
        .car_item_three .vehicle-wheel.left {
            bottom: 10px;
            left: 131px !important;
        }
        .car_item_three .vehicle-wheel.right {
            right: 121px !important;
            bottom: 8.2px;
        }
        .car_item_four .vehicle-wheel.left {
            bottom: 12px;
            left: 133.5px !important;
        }
        .car_item_four .vehicle-wheel.right {
            bottom: 13px;
            right: 130.5px !important;
        }
    }
    /* ---- Mobile & small-tablet polish (hero, nav, type, forms, footer) ---- */
    @media (max-width: 991px) {
        .s2 .hero {
            padding: clamp(58px, 15vw, 115px) 0 40px;
            min-height: 100vh;
            min-height: 100svh;
        }
        .s2 .hero .container { padding-bottom: 56px; }
        .s2 .hero h1 {
            font-size: clamp(32px, 9vw, 56px);
            margin-bottom: clamp(8px, 2vw, 20px);
            line-height: 1.02;
        }
        .s2 .hero-headline-block {
            margin-bottom: clamp(8px, 2vw, 20px);
        }
        .s2 .hero-headline-block .hero-tw-ghost,
        .s2 .hero-headline-block .hero-tw-ghost b {
            font-size: clamp(32px, 9vw, 56px);
            line-height: 1.02;
        }
        .s2 .hero-tw-places.is-struck::after {
            top: 0.29em !important;
        }
        .s2 .nav-lux .container {
            padding-left: max(20px, env(safe-area-inset-left, 0px));
            padding-right: max(20px, env(safe-area-inset-right, 0px));
        }
        .s2 .nav-lux .brand img { height: 34px; }
        .s2 .location_box {
            left: 0;
            right: auto;
            top: 0;
            bottom: auto;
            flex-wrap: wrap;
        }
        .s2 .loc_title {
            width: auto;
            min-width: 0;
            max-width: 100%;
            flex: 1 1 120px;
        }
        .s2 .loc_title a,
        .s2 .loc_title span { font-size: 16px; }
        .s2 .hero-video-footer {
            bottom: 144px;
            width: calc(100% - 28px);
            max-width: 520px;
        }
        .s2 .hero > .hero-scroll-cue {
            bottom: max(28px, calc(env(safe-area-inset-bottom, 0px) + 20px));
        }
        .s2 .pkg-tag h4 { font-size: clamp(22px, 6.5vw, 34px); }
        .s2 .pkg-price { font-size: clamp(28px, 8vw, 42px); font-weight: 800; margin-bottom: 20px; }
        .s2 .sponsorship-head .available {
            font-size: clamp(16px, 4vw, 25px);
            padding: 12px 20px;
        }
        .s2 .subscribe-form {
            flex-direction: column;
            align-items: stretch;
            padding: 12px 12px 12px 16px;
            gap: 8px;
        }
        .s2 .subscribe-form button { width: 100%; }
        /* Contact + newsletter: 24px gap before submit (match card CTA rhythm) */
        #contactInquiryForm .form-group:last-of-type {
            margin-bottom: 0;
        }
        #contactInquiryForm .black_btn.fm_btn {
            margin-top: 24px;
        }
        .footer_main_wrapper .subscribe_form_wrapper input.form-control,
        #newsletterSubscribeForm input[type="email"] {
            margin-bottom: 24px !important;
        }
        .s2 .foot-bot {
            grid-template-columns: 1fr;
            justify-items: center;
            text-align: center;
            gap: 18px;
        }
        .gsap-cars-section { min-height: 72vh; }
        /* Pull mountain up toward sponsorship / package cards */
        .s2 .pkg_slider_cars_wrapper {
            margin-top: calc(-140px + var(--pkg-cars-top-space, 24px)) !important;
            padding-top: var(--pkg-cars-top-space, 24px) !important;
        }
        .s2 .pkg_slider_cars_wrapper.gsap-cars-section {
            min-height: min(80vh, 360px) !important;
        }
        .s2 .pkg_slider_cars_wrapper.gsap-cars-section .stage {
            min-height: min(70vh, 337px);
        }
        .counter_num,
        .s2 .pkg-stat .n { font-size: clamp(2.5rem, 11vw, 4rem); font-weight: 900; }
        .counter_title { font-size: clamp(18px, 4.5vw, 28px); }
        .counter_desc { font-size: clamp(15px, 3.8vw, 20px) !important; }
        .contact_info_item p, .contact_info_item a {
            font-size: clamp(17px, 4vw, 24px);
            word-break: break-word;
        }
        .social_links_list { flex-wrap: wrap; justify-content: center; gap: 24px; }
        .footer_links_list { flex-wrap: wrap; justify-content: center; gap: 16px 20px; }
        .km_heading{
            font-size: 40px;
        }
    }
    @media (max-width: 991px) {
        .s2 #contact.ct_main_wrapper .row {
            justify-content: center;
            text-align: center;
        }
        .s2 #contact.ct_main_wrapper .col-md-7,
        .s2 #contact.ct_main_wrapper .col-md-5 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        .s2 #contact.ct_main_wrapper .contact_form_content {
            margin-left: auto;
            margin-right: auto;
        }
        .s2 #contact.ct_main_wrapper .contact_heading {
            text-align: center;
        }
        .s2 #contact.ct_main_wrapper .contact_form_wrapper {
            width: 100%;
            max-width: 520px;
            margin-left: auto;
            margin-right: auto;
        }
        .s2 #contact.ct_main_wrapper .contact_info_wrapper {
            margin-left: auto;
            margin-right: auto;
            max-width: 520px;
            padding-top: 0;
        }
        .s2 #contact.ct_main_wrapper .contact_info_item {
            flex-direction: column;
            align-items: center;
            text-align: center;
        }
        .s2 #contact.ct_main_wrapper .contact_info_item:first-child {
            align-items: center;
        }
        .s2 #contact.ct_main_wrapper .contact_info_icon {
            margin-right: 0;
            margin-bottom: 10px;
        }
        .s2 #contact.ct_main_wrapper .contact_info_item--social {
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 100%;
        }
        .s2 #contact.ct_main_wrapper .contact_social_links {
            justify-content: center;
            margin-left: auto !important;
            margin-right: auto !important;
            margin-inline-start: auto !important;
            margin-inline-end: auto !important;
            margin-top: 20px !important;
        }
        .footer_links_list{
            margin-bottom: 25px !important;
        }
        .footer_main_wrapper > .container > .row {
            justify-content: center;
        }
        .footer_main_wrapper > .container > .row > .col-md-7,
        .footer_main_wrapper > .container > .row > .col-md-5 {
            flex: 0 0 100%;
            max-width: 100%;
            text-align: center;
        }
        .footer_main_wrapper .footer_social_links_list {
            justify-content: center;
        }
        .footer_main_wrapper .naghi_logo_main_wrapper {
            flex-direction: column;
            align-items: center;
            margin-left: auto;
            margin-right: auto;
        }
        .footer_main_wrapper .naghi_content p {
            text-align: center;
        }
        .footer_main_wrapper .subscribe_box {
            margin-left: auto;
            margin-right: auto;
            max-width: 520px;
        }
        .footer_main_wrapper .subscribe_form_wrapper {
            margin-left: auto;
            margin-right: auto;
        }

        .copy_main_wrapper .row {
            justify-content: center;
            text-align: center;
        }
        .copy_main_wrapper .row > [class*="col-"] {
            flex: 0 0 100%;
            max-width: 100%;
        }
        .copy_main_wrapper .copy_logo_wrapper {
            display: flex;
            justify-content: center;
        }
        .copy_main_wrapper .copy_right_text {
            text-align: center;
        }
        .s2 .join .sec_heading_wrapper p {
            font-size: 20px;
            line-height: 1.25;
        }
        span.s2-peek-trail {
            display: none !important;
        }
        .s2 .adventure .s2-snap-rail--peek .s2-snap-track .adv-grid{
            margin-right: 16px;
        }
        .s2-snap-rail--peek .s2-snap-track > .team-grid.team-sweep-row {
            margin-right: 16px;
        }
    }
    /* Tablet/phone: snap rails use swipe only (no arrow chrome) */
    @media (max-width: 991px) {
        .s2-snap-arrow {
            display: none !important;
        }
    }
    /* Mobile carousel arrows + track (scroll lives on .s2-snap-track) */
    .s2-snap-rail { position: relative; }
    .s2-snap-arrow {
        display: none;
    }
    @media (max-width: 767px) {
        .s2-snap-arrow {
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 6;
            width: 40px;
            height: 40px;
            padding: 0;
            margin: 0;
            border: 1px solid #000;
            background: #000;
            cursor: pointer;
            line-height: 0;
            -webkit-appearance: none;
            appearance: none;
            border-radius: 0;
        }
        .s2-snap-arrow .chev_icon {
            width: 12px;
            height: 12px;
            object-fit: contain;
            filter: brightness(0) invert(1);
        }
        .s2-snap-arrow--prev { left: 2px; }
        .s2-snap-arrow--next { right: 2px; }
        .s2-snap-arrow:disabled {
            opacity: 0.35;
            pointer-events: none;
        }
        .s2-snap-track {
            overflow-x: auto;
            overflow-y: hidden;
            scroll-snap-type: x mandatory;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior-x: contain;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }
        .s2-snap-track::-webkit-scrollbar {
            display: none;
            width: 0;
            height: 0;
        }
        /* Top-centered nav cluster over carousels */
        .s2-snap-arrow--prev,
        .s2-snap-arrow--next {
            top: 16px;
            bottom: auto;
            transform: none;
        }
        .s2-snap-arrow--prev { left: calc(50% - 44px); right: auto; }
        .s2-snap-arrow--next { left: calc(50% + 4px); right: auto; }
        .s2-snap-arrow .chev_icon.chev-flip {
            transform: scaleX(-1);
            transform-origin: 50% 50%;
        }
        /* .s2-snap-rail {
            margin-bottom: 22px;
        } */
        .s2-snap-track{
            margin-right: 16px !important;
        }
    }
    @media (min-width: 992px) {
        .s2-snap-rail { display: block; }
        .s2-snap-track {
            display: block;
            width: 100%;
            overflow: visible;
        }
        .s2 .adventure .s2-snap-rail--peek .s2-snap-track {
            overflow-x: auto;
            overflow-y: hidden;
            scroll-snap-type: x mandatory;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior-x: contain;
            scrollbar-width: none;
            -ms-overflow-style: none;
            scroll-padding-left: 20px;
        }
        .s2 .adventure .s2-snap-rail--peek .s2-snap-track::-webkit-scrollbar {
            display: none;
            width: 0;
            height: 0;
        }
        .s2-snap-arrow {
            display: none !important;
        }
    }
    /* ---- Tablet/phone: swipe carousels + clip horizontal bleed (≤991px) ---- */
    @media (max-width: 991px) {
        body.s2 {
            --s2-mobile-gutter: 20px;
            --s2-mobile-carousel-gap: var(--s2-mobile-gutter);
            --s2-mobile-carousel-peek: 28px;
            --s2-mobile-slide-width: calc(100% - (var(--s2-mobile-gutter) + var(--s2-mobile-carousel-gap) + var(--s2-mobile-carousel-peek)));
        }
        /* Clip horizontal bleed; vertical scrollbar only when content overflows (global scroll-y:scroll caused a persistent bar on some viewports) */
        html {
            overflow-x: clip;
            overflow-y: auto;
            scrollbar-gutter: auto;
            max-width: 100%;
            overscroll-behavior-y: contain;
            background-color: #1A3D6B;
        }
        /* Fixed canvas behind scroll content — iOS/Android rubber-band past footer */
        html::before {
            content: "";
            position: fixed;
            inset: 0;
            background-color: #1A3D6B;
            z-index: -9999;
            pointer-events: none;
        }
        /* Base `body.s2 { overflow-x: visible }` lets full-bleed tracks widen the document — clip on phones so header/actions stay on-screen */
        body.s2 {
            overflow-x: clip !important;
            max-width: 100%;
            background-color: #1A3D6B;
        }
        body.s2 #s2PageRoot.s2-page-root {
            overflow-x: clip;
            max-width: 100%;
            background-color: #1A3D6B;
        }

        .s2 .container { max-width: 100%; }

        /* Header: allow logo column to shrink so hamburger + language stay in view (no horizontal pan) */
        .s2 .nav-lux .container {
            grid-template-columns: minmax(0, 1fr) auto !important;
            gap: 8px 12px;
            align-items: center;
            padding-left: max(20px, env(safe-area-inset-left, 0px));
            padding-right: max(20px, env(safe-area-inset-right, 0px));
        }
        .s2 .nav-lux .brand {
            min-width: 0;
            display: block;
        }
        .s2 .nav-lux .brand img {
            width: auto;
            max-width: 100%;
            height: 32px;
            object-fit: contain;
            object-position: left center;
        }

        .s2 .cities-head {
            padding-inline: 20px;
        }

        /* Primary black CTAs: one footprint on phone; label + chevron on one centered row */
        .s2-page-root .btn-lux,
        .s2-page-root .btn-gold,
        .s2-page-root .btn-ghost,
        .s2-page-root .black_btn,
        .s2 .news-card .btn-lux,
        .s2 .news-card button.btn-lux,
        .s2 .team-join .btn-lux,
        .s2 .pkg-card .btn-lux,
        .s2 .join .job-foot .btn-lux,
        .s2 .job-foot .btn-lux,
        .footer_main_wrapper .subscribe_form_wrapper .black_btn,
        a.news_btn.black_btn.tajawal-extrabold.sr_mob_btn {
            display: inline-flex !important;
            flex-direction: row !important;
            align-items: center !important;
            justify-content: center !important;
            flex-wrap: nowrap !important;
            width: min(220px, 86vw) !important;
            max-width: min(220px, 86vw) !important;
            min-height: 48px !important;
            padding: 12px 20px !important;
            gap: 8px !important;
            font-size: clamp(14px, 3.6vw, 16px) !important;
            line-height: 1.2 !important;
            box-sizing: border-box !important;
            margin-left: auto !important;
            margin-right: auto !important;
            white-space: nowrap !important;
            text-align: center !important;
        }
        .s2 .pkg-card .btn-lux {
            width: min(220px, 86vw) !important;
            max-width: min(220px, 86vw) !important;
        }
        .s2-page-root .btn-lux .chev_icon,
        .s2-page-root .btn-gold .chev_icon,
        .s2-page-root .btn-ghost .chev_icon,
        .s2-page-root .black_btn .chev_icon,
        .s2 .news-card .btn-lux .chev_icon,
        .s2 .team-join .btn-lux .chev_icon,
        .s2 .pkg-card .btn-lux .chev_icon,
        .s2 .join .job-foot .btn-lux .chev_icon,
        .s2 .job-foot .btn-lux .chev_icon,
        .footer_main_wrapper .subscribe_form_wrapper .black_btn .chev_icon,
        a.news_btn.black_btn.tajawal-extrabold.sr_mob_btn .chev_icon {
            display: block !important;
            flex: 0 0 14px !important;
            width: 14px !important;
            height: 14px !important;
            max-width: 14px !important;
            max-height: 14px !important;
            margin: 0 !important;
            align-self: center !important;
            vertical-align: unset !important;
            object-fit: contain !important;
        }
        .s2-page-root a.btn-lux[style*="align-self"] {
            align-self: center !important;
        }
        .s2 .news-card .btn-lux,
        .s2 .news-card button.btn-lux,
        .s2 .team-join .btn-lux {
            align-self: center !important;
        }
        /* Black CTAs: vertical center of label + chevron (Tajawal vs icon metrics) */
        .s2-page-root .btn-lux .btn-lux-label,
        .s2-page-root .black_btn .btn-lux-label,
        .career-apply-modal .black_btn .btn-lux-label {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
            margin: 0;
            padding: 0;
            transform: translateY(1px);
        }
        .s2-page-root .btn-lux .chev_icon,
        .s2-page-root .btn-gold .chev_icon,
        .s2-page-root .btn-ghost .chev_icon,
        .s2-page-root .black_btn .chev_icon,
        .s2 .news-card .btn-lux .chev_icon,
        .s2 .team-join .btn-lux .chev_icon,
        .s2 .pkg-card .btn-lux .chev_icon,
        .s2 .join .job-foot .btn-lux .chev_icon,
        .s2 .job-foot .btn-lux .chev_icon,
        .footer_main_wrapper .subscribe_form_wrapper .black_btn .chev_icon,
        a.news_btn.black_btn.tajawal-extrabold.sr_mob_btn .chev_icon,
        .career-apply-modal .black_btn .chev_icon {
            transform: translateY(-1px);
        }
        .scroll-top-anchor {
            position: fixed !important;
            top: auto !important;
            left: auto !important;
            right: 16px !important;
            bottom: 16px !important;
            z-index: 2147483000 !important;
            transform: none !important;
        }
        /* Package cards: 824px rule set 134vh rows — collapse on phones (was huge empty scroll) */
        .s2 .pkg-grid,
        .s2 .pkg-slider-wrap .pkg-grid {
            height: auto !important;
            min-height: 0 !important;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            overflow: hidden !important;
        }
        .s2 .pkg-grid .pkg-item,
        .s2 .pkg-swiper .swiper-slide .pkg-item,
        .s2-snap-rail--peek .s2-snap-track > .pkg-grid.pkg-sweep-row .pkg-item {
            position: relative !important;
            left: auto !important;
            top: auto !important;
            width: 100% !important;
            max-width: 100% !important;
            height: auto !important;
            min-height: 0 !important;
            pointer-events: auto !important;
        }
        .s2 .pkg-slider-wrap .pkg-grid:not(.pkg-sweep-row) .pkg-item.is-left,
        .s2 .pkg-slider-wrap .pkg-grid:not(.pkg-sweep-row) .pkg-item.is-center,
        .s2 .pkg-slider-wrap .pkg-grid:not(.pkg-sweep-row) .pkg-item.is-right,
        .s2 .pkg-slider-wrap .pkg-grid:not(.pkg-sweep-row) .pkg-item.is-hidden {
            transform: none !important;
            opacity: 1 !important;
        }
        .s2 #packages .pkg-swiper {
            overflow: hidden !important;
        }
        .s2 .pkg-swiper .swiper-slide .pkg-item,
        .s2 .pkg-swiper .swiper-slide .pkg-card {
            width: 100%;
            max-width: 100%;
            box-sizing: border-box;
        }
        .gsap-cars-section,
        .s2 .pkg_slider_cars_wrapper.gsap-cars-section {
            min-height: 0 !important;
            height: clamp(320px, 56vw, 480px) !important;
            max-height: 520px !important;
            overflow: visible !important;
            margin-bottom: 0 !important;
        }
        .s2 .pkg_slider_cars_wrapper.gsap-cars-section .stage {
            min-height: 0 !important;
            height: 100% !important;
            overflow: visible;
        }
        body.s2 #s2PageRoot.s2-page-root {
            min-height: 0 !important;
            padding-bottom: 0 !important;
            margin-bottom: 0 !important;
        }
        body.s2 .footer_main_wrapper {
            margin-bottom: 0 !important;
            padding-bottom: 32px !important;
        }
        .s2 .join {
            overflow: hidden;
        }
        .s2 .join .career_vector_wrapper {
            margin-bottom: 0;
            line-height: 0;
        }
        .s2 #contact.ct_main_wrapper {
            overflow: hidden;
            padding-bottom: 24px !important;
        }
        body.s2 .pin-spacer {
            height: auto !important;
            min-height: 0 !important;
            padding: 0 !important;
            margin: 0 !important;
        }
        html.s2-shutter-lock body.s2 {
            height: auto !important;
            min-height: 0 !important;
        }
        body.s2,
        body.s2 #s2PageRoot.s2-page-root {
            min-height: 0 !important;
        }
        body.s2 .footer_main_wrapper:last-of-type {
            margin-bottom: 0 !important;
        }
        body.s2 #s2PageRoot.s2-page-root > footer.footer_main_wrapper {
            margin-bottom: 0 !important;
        }

        /* Hero: same stacking as desktop — headline → location → progress, all over full-bleed video (no strip below clip) */
        .s2 .hero {
            /* Clear fixed header + comfortable gap below nav before headline */
            --hero-nav-stack: max(67px, calc(env(safe-area-inset-top, 0px) + 67px));
            display: flex;
            flex-direction: column;
            align-items: stretch;
            /* svh = visible viewport on mobile Chrome (address bar); avoids progress bar sitting below first screen */
            height: 100svh;
            max-height: 100svh;
            min-height: 100svh;
            padding: 0 0 max(12px, env(safe-area-inset-bottom, 0px));
            overflow: hidden;
            box-sizing: border-box;
            background: #0b0d12;
        }
        .s2 .hero video {
            position: absolute;
            top: var(--hero-nav-stack);
            left: 0;
            right: 0;
            bottom: auto;
            width: 100%;
            height: min(90svh, 90dvh);
            max-height: 90vh;
            transform: none;
            object-fit: cover;
            object-position: center center;
            z-index: -2;
        }
        .s2 .hero-overlay,
        .s2 .hero-grain {
            /* top: var(--hero-nav-stack);
            left: 0;
            right: 0;
            bottom: auto;
            height: min(90svh, 90dvh);
            max-height: 90vh;
            transform: none; */
            top: 0;
            left: 0;
            right: 0;
            bottom: auto;
            height: 100vh;
            max-height: 100vh;
            transform: none;
        }
        .s2 .hero .container {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            justify-content: flex-start;
            position: relative;
            z-index: 2;
            width: 100%;
            max-width: 100%;
            flex: 1 1 100%;
            min-height: 100%;
            height: 100%;
            margin-top: var(--hero-nav-stack);
            margin-bottom: 0;
            /* Extra top inset: headline + location sit lower, closer to progress */
            padding: clamp(38px, 10vh, 84px) max(20px, env(safe-area-inset-right, 0px)) 12px max(20px, env(safe-area-inset-left, 0px));
            box-sizing: border-box;
        }
        .s2 .hero .hero-headline-block,
        .s2 .hero .hero-headline-block .hero-headline,
        .s2 .hero .hero-headline-block .hero-headline b,
        .s2 .hero .hero-headline-block .hero-tw-ghost,
        .s2 .hero .hero-headline-block .hero-tw-ghost b {
            line-height: 1.12;
        }
        .s2 .hero .position-relative.hero-location-anchor {
            flex: 0 0 auto;
            order: unset;
            width: 100%;
            min-height: 0;
            height: auto;
            margin-top: 0;
            margin-bottom: 0;
            position: relative;
            pointer-events: none;
        }
        .s2 .location_box {
            pointer-events: auto;
            top: 0;
            bottom: auto;
            left: 0;
            right: auto;
            flex-direction: row;
            align-items: center;
            gap: 12px;
            max-width: 100%;
        }
        .s2 .location_box .loc_icon {
            flex-shrink: 0;
            margin-bottom: 0;
        }
        .s2 .location_box .loc_title {
            margin-top: 0;
            margin-bottom: 0;
            flex: 0 1 auto;
            width: auto;
            min-width: 0;
            max-width: min(181px, 72vw);
            height: auto;
            min-height: 34px;
            padding: 6px 10px;
        }
        .s2 .location_box .loc_title a,
        .s2 .location_box .loc_title span {
            white-space: nowrap;
            text-align: center;
            line-height: 1.15;
        }
        .s2 .hero .hero-video-footer {
            order: unset;
            position: absolute;
            left: max(20px, env(safe-area-inset-left, 0px));
            right: max(20px, env(safe-area-inset-right, 0px));
            bottom: max(148px, calc(env(safe-area-inset-bottom, 0px) + 116px));
            top: auto;
            width: auto;
            max-width: none;
            margin: 0;
            transform: translateZ(0);
            padding: 0;
            z-index: 12;
            pointer-events: none;
            opacity: 1;
            visibility: visible;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            gap: 0;
        }
        .s2 .hero > .hero-scroll-cue {
            position: absolute;
            left: 50%;
            right: auto;
            bottom: max(32px, calc(env(safe-area-inset-bottom, 0px) + 24px));
            transform: translateX(-50%);
            z-index: 13;
            pointer-events: auto;
        }
        .s2 .hero .hero-video-footer .progress-container {
            position: static;
            left: auto;
            right: auto;
            bottom: auto;
            width: 100%;
            max-width: none;
            margin: 0;
            transform: none;
            pointer-events: none;
        }
        .s2 .hero .progress-wrapper {
            opacity: 1;
            visibility: visible;
        }
        .s2 .hero h1,
        .s2 .hero .hero-headline,
        .s2 .hero .hero-headline-block {
            order: unset;
            flex: 0 0 auto;
            margin-top: clamp(4px, 1.2vh, 14px);
            position: relative;
            z-index: 2;
        }
        .s2 .hero h1,
        .s2 .hero .hero-headline {
            margin-bottom: 0;
        }
        /* Match desktop gap between headline and location */
        .s2 .hero .hero-headline-block {
            margin-bottom: clamp(10px, 1.5vw, 20px);
        }
        .s2 .hero .hero-headline-block,
        .s2 .hero .hero-headline-block.is-height-locked {
            height: auto !important;
            min-height: 0 !important;
        }
        .s2 .hero .hero-headline-block .hero-headline {
            margin-top: 0;
            margin-bottom: 0;
        }

        /* Adventure cards: full-bleed image, one slide centered */
        .s2 .adv-card,
        .s2 .adv-card:hover,
        .s2 .adv-card:focus-within,
        .s2-snap-rail--peek .s2-snap-track .adv-grid .adv-card,
        .s2-snap-track .adv-grid .adv-card.is-snap-focus {
            box-shadow: none !important;
        }
        /* White section: match approach segment gap above cards; same gap below card rows */
        .s2 .adventure {
            padding-bottom: var(--section-cards-bottom-gap, 50px);
        }
        .s2 .cities {
            padding-bottom: var(--section-cards-bottom-gap, 50px);
        }
        .s2 .news {
            padding-bottom: var(--section-cards-bottom-gap, 50px);
        }
        .s2 .adventure {
            padding-top: var(--approach-segment-gap);
        }
        .s2 .adventure .container { padding-left: 0; padding-right: 0; max-width: 100%; }
        .s2 .adventure .s2-snap-rail {
            margin-bottom: 0;
        }
        .s2-snap-track .adv-grid {
            display: flex !important;
            flex-direction: row;
            flex-wrap: nowrap;
            gap: 20px;
            overflow: visible;
            padding: 16px 20px 0 20px;
            margin: 0;
            width: max-content;
            min-width: 100%;
            box-sizing: border-box;
        }
        .s2-snap-track .adv-grid .adv-card {
            flex: 0 0 var(--s2-mobile-slide-width);
            width: var(--s2-mobile-slide-width);
            max-width: none;
            min-width: 0;
            scroll-snap-align: start;
            scroll-snap-stop: always;
        }
        .s2-snap-track .adv-grid .adv-card .bg {
            width: 100%;
            background-size: cover;
            filter: saturate(0.9);
            transition: filter 0.45s ease, transform 0.45s ease;
        }
        .s2-snap-track .adv-grid .adv-card .meta {
            transform: translateY(0);
            transition: transform 0.45s ease;
        }
        .s2-snap-track .adv-grid .adv-card .tag {
            transform: translate3d(0, 14px, 0);
            transition:
                opacity 0.5s ease-in-out,
                transform 0.5s ease-in-out,
                max-height 1s ease-in-out,
                margin-top 0.65s ease-in-out;
        }
        .s2-snap-track .adv-grid .adv-card:not(.is-snap-focus) .tag {
            opacity: 0;
            transform: translate3d(0, 14px, 0);
            max-height: 0;
            margin-top: 0;
        }
        .s2-snap-track .adv-grid .adv-card[data-reveal-zoom] {
            opacity: 1 !important;
            transform: none !important;
            animation: none !important;
        }
        /* Snap-focus: same hover as team cards (mobile) */
        .s2-snap-track .adv-grid .adv-card.is-snap-focus .bg {
            transform: scale(1.02);
            filter: saturate(1.05) brightness(1);
        }
        .s2-snap-track .adv-grid .adv-card.is-snap-focus::after {
            background: linear-gradient(180deg, transparent 12%, rgba(10,10,10,0.55) 48%, rgba(10,10,10,0.96) 100%);
        }
        .s2-snap-track .adv-grid .adv-card.is-snap-focus .meta {
            transform: translateY(-8px);
        }
        .s2-snap-track .adv-grid .adv-card.is-snap-focus .tag {
            opacity: 1;
            transform: translate3d(0, 0, 0);
            max-height: min(42vh, 240px);
            margin-top: 14px;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            transition: opacity 0.5s ease-in-out, max-height 1s ease-in-out, margin-top 0.65s ease-in-out !important;
        }
        /* Card titles: city + team names match adventure h3 (mobile) */
        .s2-snap-track .adv-grid .adv-card h3,
        .s2 .cities-swiper .city-card h3,
        .s2-snap-rail--peek .s2-snap-track > .team-grid.team-sweep-row .team-card:not(.team-join) .meta h4 {
            font-size: clamp(30px, 1.7vw, 40px);
            font-weight: 900;
            line-height: 1.05;
        }
        .s2 .cities-swiper .city-card h3 {
            letter-spacing: 0;
        }

        /* Adventure mobile: swipe + peek of next card; no top arrows (`.s2-snap-rail--peek`) */
        .s2 .adventure .s2-snap-rail--peek .s2-snap-track .adv-grid {
            padding: 16px 20px 0 20px;
        }
        .s2-snap-rail--peek .s2-snap-track .adv-grid .adv-card {
            flex: 0 0 var(--s2-mobile-slide-width);
            width: var(--s2-mobile-slide-width);
            max-width: none;
            scroll-snap-align: start;
            scroll-snap-stop: always;
        }
        .s2-snap-rail--peek .s2-snap-track .adv-grid > .s2-peek-trail,
        .s2-snap-rail--peek .s2-snap-track > .team-grid.team-sweep-row > .s2-peek-trail {
            flex: 0 0 56px;
            width: 56px;
            min-width: 56px;
            height: 1px;
            display: block;
            scroll-snap-align: none;
            scroll-snap-stop: normal;
            pointer-events: none;
        }
        .s2-snap-rail--peek .s2-snap-track {
            scroll-padding-left: 20px;
            scroll-padding-right: 0;
        }

        /* Saryna stat boxes: same swipe math as adventure — inner container was double-padding the track */
        .s2 .saryna-intro .counter_inner_wrapper > .container {
            padding-left: 0;
            padding-right: 0;
            max-width: 100%;
        }
        /* Edge-to-edge track so each slide is ~one viewport minus peek (matches .adv-card strip) */
        .s2 .saryna-intro .counter_inner_wrapper {
            width: 100%;
            max-width: 100%;
            position: relative;
            left: auto;
            transform: none;
            margin-left: 0;
        }

        /* SARYNA counter stat boxes (peek swipe) */
        .s2-snap-rail--peek .s2-snap-track > .counter-sweep-row {
            display: flex !important;
            /* flex-wrap: nowrap; */
            margin-left: 0 !important;
            margin-right: 0 !important;
            overflow: visible;
            gap: 20px;
            padding: 24px 20px 18px;
            align-items: stretch;
        }
        .s2-snap-rail--peek .s2-snap-track > .counter-sweep-row > [class*="col-"] {
            flex: 0 0 var(--s2-mobile-slide-width);
            max-width: none !important;
            min-width: 0;
            padding-left: 0 !important;
            padding-right: 0 !important;
            scroll-snap-align: start;
            scroll-snap-stop: always;
            display: flex;
        }
        .s2-snap-rail--peek .s2-snap-track > .counter-sweep-row .counter_item_box {
            flex: 1;
            min-height: 220px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        /* Team grid (peek swipe): same slide width + track inset as city cards */
        .s2 .team .container {
            padding-left: 0;
            padding-right: 0;
            max-width: 100%;
        }
        .s2 .team {
            overflow: visible;
        }
        .s2 .team .team-head {
            padding-inline: 20px;
        }
        .s2 .team .team-head h2 br {
            display: none;
        }
        .s2 .sponsorship-head h2,
        .s2 .packages-head h2,
        .s2 .pkg-slider-head h3 {
            font-size: clamp(24px, 6.8vw, 34px) !important;
            line-height: 1.12;
        }
        .s2 .sponsorship-head h2,
        .s2 .packages-head h2 {
            line-height: 1.18;
        }
        /* Saryana mobile: center Visit Saryna logo */
        /* .saryana_main_wrapper .container {
            padding-left: 0;
            padding-right: 0;
        } */
        .saryana_main_mob_wrapper {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            max-width: 100%;
        }
        .saryana_main_mob_wrapper .saryana_logo_box {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 100%;
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }
        .saryana_main_mob_wrapper .saryana_logo_box img {
            display: block;
            margin-left: auto !important;
            margin-right: auto !important;
        }
        .saryana_main_mob_wrapper .saryana_logo_box::after {
            margin-left: auto;
            margin-right: auto;
        }
        .s2-snap-rail--peek .s2-snap-track > .team-grid.team-sweep-row {
            display: flex !important;
            grid-template-columns: unset !important;
            flex-direction: row;
            flex-wrap: nowrap;
            gap: 20px;
            overflow: visible;
            padding: 16px 20px 0 20px;
            width: max-content;
            min-width: 100%;
            box-sizing: border-box;
        }
        .s2-snap-rail--peek .s2-snap-track > .team-grid.team-sweep-row .team-card {
            flex: 0 0 var(--s2-mobile-slide-width);
            width: var(--s2-mobile-slide-width);
            max-width: none;
            min-width: 0;
            scroll-snap-align: start;
            scroll-snap-stop: always;
            opacity: 1 !important;
            transform: none !important;
            animation: none !important;
        }
        .s2-snap-rail--peek .s2-snap-track > .team-grid.team-sweep-row .team-card:not(.team-join) .img {
            filter: grayscale(100%) saturate(0.88) brightness(0.9);
            transition:
                filter 1.6s cubic-bezier(0.33, 1, 0.68, 1),
                transform 1.35s cubic-bezier(0.33, 1, 0.68, 1);
        }
        .s2-snap-rail--peek .s2-snap-track > .team-grid.team-sweep-row .team-card.is-snap-focus .img {
            filter: grayscale(0%) saturate(1.08) brightness(0.94);
            transform: scale(1.1);
        }
        /* Mobile peek: name + role always visible; focused card = desktop hover */
        .s2-snap-rail--peek .s2-snap-track > .team-grid.team-sweep-row .team-card:not(.team-join) .meta {
            transform: translateY(0);
        }
        .s2-snap-rail--peek .s2-snap-track > .team-grid.team-sweep-row .team-card:not(.team-join).is-snap-focus::after {
            background: linear-gradient(180deg, transparent 12%, rgba(10,10,10,0.55) 48%, rgba(10,10,10,0.96) 100%);
        }
        .s2-snap-rail--peek .s2-snap-track > .team-grid.team-sweep-row .team-card:not(.team-join).is-snap-focus .meta {
            transform: translateY(0);
        }
        .s2-snap-rail--peek .s2-snap-track > .team-grid.team-sweep-row .team-card:not(.team-join) .meta ul {
            transition:
                opacity 0.5s ease-in-out,
                max-height 1s ease-in-out,
                margin-top 0.65s ease-in-out;
        }
        .s2-snap-rail--peek .s2-snap-track > .team-grid.team-sweep-row .team-card:not(.team-join).is-snap-focus .meta ul {
            opacity: 1;
            max-height: min(42vh, 240px);
            margin-top: 14px;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }
        .s2-snap-rail--peek .s2-snap-track > .team-grid.team-sweep-row .team-card:not(.team-join).is-snap-focus .social {
            opacity: 1;
            transform: scale(1);
        }
        .s2-snap-rail--peek .s2-snap-track > .team-grid.team-sweep-row .team-card.team-join {
            flex: 0 0 var(--s2-mobile-slide-width);
            width: var(--s2-mobile-slide-width);
            scroll-snap-align: start;
        }

        /* Sponsorship + tourism logos: shared mobile heights */
        body.s2 {
            --logo-saryna-h: 72px;
            --logo-route-h: 72px;
        }
        /* Sponsorship logos: single row (sizes from max-width: 991px block) */
        .s2 .sponsorship-logos {
            display: flex !important;
            flex-direction: row;
            flex-wrap: nowrap !important;
            justify-content: center;
            align-items: center;
            padding: 16px max(12px, env(safe-area-inset-left, 0px)) 16px max(12px, env(safe-area-inset-right, 0px));
            margin: 0;
        }

        /* Sponsorship numbered point cards: single column, no horizontal carousel */
        .s2 .spon-points .row {
            display: flex !important;
            flex-direction: column !important;
            flex-wrap: nowrap !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            gap: 18px;
            padding: 16px 20px 24px;
            box-sizing: border-box;
        }
        .s2 .spon-points .row > [class*="col-"] {
            flex: 0 0 auto !important;
            max-width: 100% !important;
            width: 100% !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        /* Background numerals: clip inside card to avoid scroll repaint jank */
        .s2 .spon-point-card {
            overflow: hidden;
            padding: 20px 0 24px 60px;
            height: unset !important;
            min-height: unset;
            box-sizing: border-box;
        }
        .s2 .spon-point-water {
            font-size: clamp(118px, 26vw, 200px);
            transform: none;
            top: -13px;
            left: 13px;
            line-height: 1.05;
        }

        /* Sponsorship: lighter scroll (no blur on available badge; box sweep matches desktop) */
        .s2 .sponsorship-head .available {
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
        }
        body.s2:not(.lang-ar) .sponsorship [data-reveal],
        body.s2:not(.lang-ar) .sponsorship [data-reveal-x],
        body.s2:not(.lang-ar) .sponsorship [data-reveal-r],
        body.s2:not(.lang-ar) .sponsorship [data-reveal-zoom],
        body.s2:not(.lang-ar) .sponsorship [data-approach-p],
        body.s2:not(.lang-ar) .sponsorship [data-split],
        body.s2:not(.lang-ar) .sponsorship [data-reveal].in,
        body.s2:not(.lang-ar) .sponsorship [data-reveal-x].in,
        body.s2:not(.lang-ar) .sponsorship [data-reveal-r].in,
        body.s2:not(.lang-ar) .sponsorship [data-reveal-zoom].in,
        body.s2:not(.lang-ar) .sponsorship [data-approach-p].in,
        body.s2:not(.lang-ar) .sponsorship [data-split].in,
        body.s2:not(.lang-ar) .sponsorship .split-char,
        body.s2:not(.lang-ar) .sponsorship .in .split-char,
        body.s2:not(.lang-ar) .approch_main_wrapper_two [data-reveal],
        body.s2:not(.lang-ar) .approch_main_wrapper_two [data-reveal-x],
        body.s2:not(.lang-ar) .approch_main_wrapper_two [data-reveal-r],
        body.s2:not(.lang-ar) .approch_main_wrapper_two [data-reveal-zoom],
        body.s2:not(.lang-ar) .approch_main_wrapper_two [data-approach-p],
        body.s2:not(.lang-ar) .approch_main_wrapper_two [data-split],
        body.s2:not(.lang-ar) .approch_main_wrapper_two [data-reveal].in,
        body.s2:not(.lang-ar) .approch_main_wrapper_two [data-reveal-x].in,
        body.s2:not(.lang-ar) .approch_main_wrapper_two [data-reveal-r].in,
        body.s2:not(.lang-ar) .approch_main_wrapper_two [data-reveal-zoom].in,
        body.s2:not(.lang-ar) .approch_main_wrapper_two [data-approach-p].in,
        body.s2:not(.lang-ar) .approch_main_wrapper_two [data-split].in,
        body.s2:not(.lang-ar) .approch_main_wrapper_two .split-char,
        body.s2:not(.lang-ar) .approch_main_wrapper_two .in .split-char,
        body.s2:not(.lang-ar) .cities [data-reveal],
        body.s2:not(.lang-ar) .cities [data-reveal-x],
        body.s2:not(.lang-ar) .cities [data-reveal-r],
        body.s2:not(.lang-ar) .cities [data-reveal-zoom],
        body.s2:not(.lang-ar) .cities [data-approach-p],
        body.s2:not(.lang-ar) .cities [data-split],
        body.s2:not(.lang-ar) .cities [data-reveal].in,
        body.s2:not(.lang-ar) .cities [data-reveal-x].in,
        body.s2:not(.lang-ar) .cities [data-reveal-r].in,
        body.s2:not(.lang-ar) .cities [data-reveal-zoom].in,
        body.s2:not(.lang-ar) .cities [data-approach-p].in,
        body.s2:not(.lang-ar) .cities [data-split].in,
        body.s2:not(.lang-ar) .cities .split-char,
        body.s2:not(.lang-ar) .cities .in .split-char,
        body.s2:not(.lang-ar) .packages-head [data-reveal],
        body.s2:not(.lang-ar) .packages-head [data-reveal-x],
        body.s2:not(.lang-ar) .packages-head [data-reveal-r],
        body.s2:not(.lang-ar) .packages-head [data-reveal-zoom],
        body.s2:not(.lang-ar) .packages-head [data-approach-p],
        body.s2:not(.lang-ar) .packages-head [data-split],
        body.s2:not(.lang-ar) .packages-head [data-reveal].in,
        body.s2:not(.lang-ar) .packages-head [data-reveal-x].in,
        body.s2:not(.lang-ar) .packages-head [data-reveal-r].in,
        body.s2:not(.lang-ar) .packages-head [data-reveal-zoom].in,
        body.s2:not(.lang-ar) .packages-head [data-approach-p].in,
        body.s2:not(.lang-ar) .packages-head [data-split].in,
        body.s2:not(.lang-ar) .packages-head .split-char,
        body.s2:not(.lang-ar) .packages-head .in .split-char,
        body.s2:not(.lang-ar) .join .job [data-split],
        body.s2:not(.lang-ar) .join .job [data-split].in,
        body.s2:not(.lang-ar) .join .job .split-char,
        body.s2:not(.lang-ar) .join .job .in .split-char {
            opacity: 1 !important;
            transform: none !important;
            transition: none !important;
        }

        /* Package stats: one stat per row on phones (avoids four squeezed columns) */
        .s2 .packages .pkg-stats {
            display: grid !important;
            grid-template-columns: 1fr !important;
            gap: 0;
            width: 100%;
            max-width: 100%;
            margin: 0 auto 12px !important;
            padding: 8px 0 12px !important;
            border: 0 !important;
        }
        .s2 .packages .pkg-stats .pkg-stat {
            border: 0 !important;
            padding: 18px 16px !important;
            min-width: 0;
        }
        .s2 .packages .pkg-stats .pkg-stat .n {
            margin: 0 !important;
            font-size: clamp(2.5rem, 12vw, 4.25rem) !important;
            font-weight: 900 !important;
            line-height: 1 !important;
        }
        .s2 .packages .pkg-stats .pkg-stat p {
            display: block !important;
            margin-top: 4px !important;
            font-size: clamp(15px, 4.2vw, 22px) !important;
            line-height: 1.35 !important;
            color: #000 !important;
        }

        /* Package pricing cards (peek swipe — match adventure card strip) */
        .s2 .packages .container {
            padding-left: 0;
            padding-right: 0;
            max-width: 100%;
        }
        .s2 .packages .packages-head {
            margin-left: 0;
            margin-right: 0;
            padding-inline: 20px;
            box-sizing: border-box;
        }
        .s2-snap-rail--peek .s2-snap-track > .pkg-grid.pkg-sweep-row {
            display: flex !important;
            flex-direction: row;
            flex-wrap: nowrap;
            grid-template-columns: unset !important;
            gap: 20px;
            height: auto !important;
            overflow: visible;
            padding: 16px 20px 0 20px;
        }
        .s2-snap-rail--peek .s2-snap-track > .pkg-grid.pkg-sweep-row .pkg-item {
            flex: 0 0 var(--s2-mobile-slide-width);
            width: var(--s2-mobile-slide-width);
            scroll-snap-align: start;
            scroll-snap-stop: always;
            max-width: none;
            min-width: 0;
            position: relative !important;
            left: auto !important;
            top: auto !important;
        }

        /* Join / careers: full-bleed swipe track + peek of next job (match adventure card strip) */
        .s2 .join,
        .s2 .join > .container {
            overflow: visible;
        }
        .s2 .join > .container {
            padding-left: 0;
            padding-right: 0;
            max-width: 100%;
        }
        .s2 .join .section_icon,
        .s2 .join .sec_heading_wrapper {
            padding-inline: 20px;
        }
        .s2 .join .jobs-slider-wrap {
            position: relative;
            z-index: 2;
            overflow: visible;
            width: 100%;
            max-width: 100%;
        }
        .s2 .join .jobs-few-grid--1 {
            padding: 16px 20px 14px;
        }
        /* Careers: same sweep entry as .news.news-sweep-row on mobile (EN + AR); static job copy only */
        body.s2:not(.lang-ar) .join .job [data-split],
        body.s2:not(.lang-ar) .join .job [data-split].in,
        body.s2:not(.lang-ar) .join .job .split-char,
        body.s2:not(.lang-ar) .join .job .in .split-char {
            opacity: 1 !important;
            transform: none !important;
            transition: none !important;
        }
        .s2 .news.news-sweep-row .swiper-slide .news-card,
        .s2 .join.jobs-sweep-row .swiper-slide .job,
        .s2 .join.jobs-sweep-row .jobs-few-grid > .job {
            transition: none !important;
        }
        .s2 .news.news-sweep-row.news-sweep-in .swiper-slide .news-card,
        .s2 .join.jobs-sweep-row.jobs-sweep-in .swiper-slide .job,
        .s2 .join.jobs-sweep-row.jobs-sweep-in .jobs-few-grid > .job {
            animation-fill-mode: forwards;
        }

        /* Packages: hide top chevron nav on phone (swipe pkg grid instead) */
        .s2 .pkg-slider-head .pkg-nav {
            display: none !important;
        }
        .s2 .pkg_slider_cars_wrapper {
            width: 100% !important;
            max-width: 100%;
            margin-left: 0 !important;
            margin-right: 0 !important;
            margin-top: calc(32px + var(--pkg-cars-top-space, 24px)) !important;
            left: auto;
            right: auto;
            height: auto !important;
            min-height: min(82vh, 620px) !important;
            padding-top: var(--pkg-cars-top-space, 24px) !important;
            padding-bottom: 16px;
        }
        .s2 .pkg_slider_cars_wrapper .stage {
            min-height: min(74vh, 540px);
        }
        .s2-snap-rail--peek .s2-snap-track > .counter-sweep-row {
            padding: 24px 20px 28px;
        }
        .counter_inner_wrapper .col-md-3{
            width: 100%;
            flex:unset !important;
        }
        .section_icon{
            padding: 30px 0px !important;
        }
        .s2 .team-head{
            margin-bottom: 20px;
        }
        section#join {
            border: 0px;
        }
        .s2 .pkg_slider_cars_wrapper.gsap-cars-section{
            padding: 0px;
            min-height: unset !important;
            height: 480px !important;
            padding-top: 0px;
            padding-bottom: 12px;
        }
        section#join {
            border: 0px;
        }
        .car4{
            bottom: -2vh !important;
            width: 65.835vw;
            right: -10%;
        }
        .car3{
            bottom: 5vh !important;
        }
        .gsap-cars-section .mountain-pan{
            bottom: 44vh !important;
        }
        .car1 {
            width: 37.8vw;
            left: 6%;
            bottom: 26vh;
        }
        
    }
    @media(max-width:736px){
        .bus{
            left: 16% !important;
            bottom: 18vh !important;
        }
        .gsap-cars-section .mountain-pan {
            bottom: 44vh !important;
        }
        .car3{
            width: 65vw !important;
        }
        .car4{
            width: 60.3vw !important;
        }
    }
    @media(max-width:667px){
        body.s2 .pkg_slider_cars_wrapper.gsap-cars-section {
            height: 478px !important;
        }
    }
    @media(max-width:590px){
        .footer_links_list{
            gap: 10px !important;
            flex-direction: column;
        }
        body .footer_main_wrapper .footer_links_item a {
            font-size: 18px !important;
        }
        .gsap-cars-section .mountain-pan {
            bottom: 42vh !important;
        }
        .s2 .pkg_slider_cars_wrapper.gsap-cars-section{
            height: 378px !important;
        }
        .bus {
            left: 16% !important;
            bottom: 13vh !important;
            width: 100vw !important;
        }
        .route_list{
            justify-content: space-between;
        }
        .counter_num{
            font-size: 90px !important;
        }
        body.s2 {
            --logo-row-gap: 14px;
            --logo-divider-h: 74px;
        }
        body.s2 .pkg_slider_cars_wrapper.gsap-cars-section {
            height: 448px !important;
        }
    }
    @media(max-width:580px){
        .counter_item_box{
            padding: 20px 20px 40px 20px !important;
        }
        .route_icon{
            width: 40px;
        }
        .routes_content p{
            line-height: 1;
        }
        .route_btm_box{
            margin-top: 6px;
        }
        .route_btm_box img {
            width: 18px;
            height: 18px;    
        }
        .s2 .saryna-intro .section_icon, .section_icon {
            padding: 30px 0px !important;
        }
        body.s2 {
            --approach-segment-gap: 20px;
        }
        .sponsorship .spon-points .col-md-6 {
            margin-bottom: 0px !important;
        }
        .copy_main_wrapper .col-md-3 .copy_logo_wrapper img{
            width: 50%;
        }
        .s2 .spon-point-card {
            padding: 20px 0 20px 60px;
            height: unset !important;
            min-height: unset;
            box-sizing: border-box;
        }
        .gsap-cars-section .mountain-pan {
            bottom: 41vh !important;
        }
    }
    @media (max-width: 576px) {
        .s2 .nav-lux { padding: 12px 0; }
        .s2 .nav-lux.scrolled { padding: 10px 0; }
        .s2 .nav-lux .brand img { height: 26px; }
        .s2 .nav-lux .lang-toggle button {
            font-size: 12px;
            padding: 6px 8px;
        }
        .s2 .nav-lux .nav-drawer-panel.show .menu { padding: 8px 18px max(24px, env(safe-area-inset-bottom, 0px)); }
        .s2 .nav-lux-actions { gap: 6px !important; }
        /* Hero: keep headline/location nudge from 767px (576 was resetting margin-top) */
        .s2 .hero h1 {
            font-size: clamp(26px, 10.5vw, 40px);
            margin-top: clamp(12px, 3vh, 30px);
            margin-bottom: 10px;
        }
        .s2 .hero-loc-card { padding: 10px 14px; margin-bottom: 18px; }
        .s2 .hero-meta { gap: 8px; margin-top: 14px; }
        .s2 .hero-chip { padding: 8px 12px; font-size: 11px; }
        .s2 .approach-card { padding: 26px 18px 30px; }
        .s2 .approach-intro { margin-bottom: 40px; }
        .s2 .join .sec_heading_wrapper.join-head,
        .s2 .news-head,
        .s2 .cities-head-inner,
        .s2 .pkg-slider-head {
            margin-bottom: var(--s2-carousel-nav-to-track);
        }
        .s2 .saryana_main_wrapper .cities-head-nav,
        .s2 .saryana_main_mob_wrapper .cities-head-nav {
            margin-top: var(--s2-carousel-head-gap);
            margin-bottom: var(--s2-carousel-nav-to-track);
        }
        .s2 .join .sec_heading_wrapper p {
            font-size: 20px;
            line-height: 1.25;
        }
        .s2 .job { padding: 22px 22px 24px; }
        .s2 .sponsorship-head h2,
        .s2 .packages-head h2,
        .s2 .pkg-slider-head h3 { font-size: clamp(24px, 6.8vw, 34px) !important; }
        .s2 .news-card-body h3,
        .s2 .job h2 { font-size: clamp(20px, 4.5vw, 28px); }
        .news_item_meta p { font-size: clamp(13px, 3.5vw, 16px); }
        .news_item_title { font-size: clamp(16px, 4.2vw, 22px); }
        body.s2 .s2-page-root .black_btn,
        body.s2 .footer_main_wrapper .subscribe_form_wrapper .black_btn {
            font-size: clamp(14px, 3.6vw, 16px) !important;
            padding: 12px 20px !important;
            gap: 8px !important;
            white-space: nowrap !important;
            align-items: center !important;
        }
        /* Saryana section (mobile): center saryna_logo.webp */
        .saryana_main_mob_wrapper .saryana_logo_box {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }
        .saryana_main_mob_wrapper .saryana_logo_box img {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
        .saryana_main_mob_wrapper .saryana_logo_box::after {
            margin-left: auto;
            margin-right: auto;
        }
        .form_title { font-size: clamp(20px, 5vw, 28px); }
        .subscribe_form_wrapper input { font-size: 16px !important; }
        .copy_main_wrapper .row { text-align: center; }
        .ct_icon_one { top: -40px; max-width: 45%; }
        .ct_icon_two { right: 8px; bottom: 12px; max-width: 35%; }
        .counter_item_box {
            padding: 20px 20px 32px 20px !important;
        }
        .counter_inner_wrapper .col-md-3{
            margin-bottom: 10px;
        }
        .s2 .adventure .s2-snap-rail--peek .s2-snap-track .adv-grid{
            padding: 16px 20px 0 20px;
        }
        .s2 .approch_content_box_left {
            margin-bottom: 0;
        }
        .s2 .cities{
            padding-bottom: 30px !important;
        }
        .sponsorship .cd_icon{
            margin: 15px auto 20px !important;
        }
    }
    @media(max-width:520px){
        body.s2 .pkg_slider_cars_wrapper.gsap-cars-section {
            height: 428px !important;
        }
        .bus{
            bottom: 15vh !important;
        }
    }
    @media(max-width:480px){
        .s2 .nav-lux .nav-drawer-head{
            background: #0a0a0a;
        }
        .counter_inner_wrapper .col-md-3{
            margin-bottom: 10px;
        }
        .s2 .saryna-intro .section_icon span,
        .section_icon span,
        .s2 .join .section_icon span {
            width: 26px;
            height: 26px;
        }
        .saryana_map_inner_box{
            zoom: 0.8;
        }
        h4.tajawal-light.subscribe_title.in{
            font-size: 28px;
            margin-bottom: 20px;
        }
        body.s2 .spon-point-water {
            top: 9px;
            left: 27px;
        }
        .car_item_one .vehicle-wheel.left {
            left: 103px !important;
            bottom: 9px !important;
        }
        .car_item_one .vehicle-wheel.right {
            right: 81px !important;
            bottom: 10px !important;
        }
        .car_item_two .vehicle-wheel.left {
            left: 124px !important;
            bottom: 6px;
        }
        .car_item_two .vehicle-wheel.right {
            right: 96px !important;
            bottom: 6px;
        }
        .car_item_three .vehicle-wheel.left {
            bottom: 7px;
            left: 117px !important;
        }
        .car_item_three .vehicle-wheel.right {
            right: 108px !important;
            bottom: 6.2px;
        }
        .car_item_four .vehicle-wheel.left {
            bottom: 10px;
            left: 119.5px !important;
        }
        .car_item_four .vehicle-wheel.right {
            bottom: 10px;
            right: 116.5px !important;
        }
        .naghi_logo_wrapper img {
            width: 100%;
            margin: 0 auto;
        }
        .car3 {
            bottom: 6vh !important;
        }
        .car4 {
            bottom: 0vh !important;
        }
        img.saryana_vector_three.mb_view {
            left: 300px;
            top: 0;
        }
        ul.mb_social_list li img{
            width: 20px;
            height: 20px;
        }
        .mb_social_list{
            gap: 10px;
        }
        .gsap-cars-section .mountain-pan {
            bottom: 41vh !important;
        }
    }
    @media(max-width:479px){
        .connected_routes_inner_wrapper h2 {
            font-size: 34px !important;
        }
    }
    @media(max-width:450px){
        .s2 .north_logo_box img:first-child {
            width: auto !important;
            max-width: 100% !important;
            height: var(--logo-saryna-h, 72px) !important;
            object-fit: contain;
        }
        .s2 .north_logo_box img:last-child {
            width: auto !important;
            max-width: 100% !important;
            height: var(--logo-route-h, 72px) !important;
            object-fit: contain;
        }
        .s2 .sponsorship-logos img:nth-of-type(1) {
            max-width: min(35vw, 124px) !important;
            height: clamp(40px, 10vw, 64px) !important;
        }
        .s2 .sponsorship-logos img:nth-of-type(2),
        .s2 .sponsorship-logos img:nth-of-type(3) {
            max-width: min(27vw, 96px) !important;
            height: clamp(38px, 9.5vw, 60px) !important;
        }
        .car_item_one .vehicle-wheel.left {
            left: 95px !important;
            bottom: 8px !important;
        }
        .car_item_one .vehicle-wheel.right {
            right: 74px !important;
            bottom: 8px !important;
        }
        .car_item_two .vehicle-wheel.left {
            left: 114px !important;
            bottom: 5px;
        }
        .car_item_two .vehicle-wheel.left {
            left: 114px !important;
            bottom: 5px;
        }
        .car_item_three .vehicle-wheel.left {
            bottom: 6px;
            left: 109px !important;
        }
        .car_item_three .vehicle-wheel.right {
            right: 100px !important;
            bottom: 5.2px;
        }
        .car_item_four .vehicle-wheel.left {
            bottom: 8px;
            left: 109.5px !important;
        }
        .car_item_four .vehicle-wheel.right {
            bottom: 8px;
            right: 107.5px !important;
        }
        .tourism_slider_items .km_heading{
            font-size: 30px;
        }
        .exp_items h5 {
            font-size: 28px !important;
        }
        .exp_items p, .route_map_itesm p{
            font-size: 14px !important;
        }
    } 
    @media(max-width:447px){
        .s2 .hero .hero-headline-block .hero-headline {
            font-size: 62px;
        }
    }
    @media(max-width:445px){
        .s2 .loc_icon{
            width: 20px;
            height:20px;
        }
        .s2 .job-meta span img {
            width: 20px;
            height: 20px;
        }
        .s2 .sponsorship-head .available img, .s2 .sponsorship-head .available .cd_icon{
            width: 20px;
            height: 20px;
            margin: 10px auto 10px !important;
        }
    }
    @media(max-width:425px){
        
        .gsap-cars-section .mountain-pan {
            bottom: 36vh !important;
            width: 533px !important;
        }
        .car1 {
            bottom: 29vh !important;
        }
        .car3 {
            bottom: 7vh !important;
        }
        html body.s2 .pkg_slider_cars_wrapper.gsap-cars-section {
            height: 390px !important;
        }
        .routes_content p{
            font-size: 14px !important;
        }
        .s2 .nav-lux .nav-drawer-head{
            background: #0a0a0a;
        }
        .connected_routes_inner_wrapper h2 {
            font-size: 30px !important;
        }
        .connected_routes_main_wrapper {
            height: 34vh !important;
        }
        .s2 .hero .hero-headline-block .hero-headline {
            font-size: 54px;
        }
        
    }
    @media(max-width:430px){
        .route_icon {
            width: 27px;
            height: 50px;
        }      
        .route_map_itesm img {
            width: 40px;
            height: 40px;
            object-fit: contain;
        }
        .car_item_one .vehicle-wheel.left {
            left: 89px !important;
            bottom: 7px !important;
        }
        .car_item_one .vehicle-wheel.right {
            right: 70px !important;
            bottom: 7px !important;
        }
        .car_item_two .vehicle-wheel.left {
            left: 108px !important;
            bottom: 4px;
        }
        .car_item_two .vehicle-wheel.right {
            right: 83px !important;
            bottom: 4px;
        }
        .car_item_three .vehicle-wheel.left {
            bottom: 5px;
            left: 102px !important;
        }
        .car_item_three .vehicle-wheel.right {
            right: 94px !important;
            bottom: 4.2px;
        }
        .car_item_four .vehicle-wheel.left {
            bottom: 7px;
            left: 103.5px !important;
        }
        .car_item_four .vehicle-wheel.right {
            bottom: 7px;
            right: 101.5px !important;
        }
        .route_map_itesm_two img {
            margin-top: 0px !important;
            width: 20px !important;
        }
    }
    @media(max-width:425px){
        .car_item_one .vehicle-wheel.left {
            left: 88px !important;
            bottom: 6px !important;
        }
        .car_item_one .vehicle-wheel.right {
            right: 69px !important;
            bottom: 7px !important;
        }
        .car_item_two .vehicle-wheel.left {
            left: 117px !important;
            bottom: 6px;
            width: 22px !important;
            height: 22px !important;
        }
        .car_item_two .vehicle-wheel.right {
            right: 95px !important;
            bottom: 6px;
            width: 22px !important;
            height: 22px !important;
        }
        .car_item_three .vehicle-wheel.left {
            bottom: 7px;
            left: 112px !important;
            width: 20px !important;
            height: 20px !important;
        }
        .car_item_three .vehicle-wheel.right {
            right: 105px !important;
            bottom: 6.2px;
            width: 20px !important;
            height: 20px !important;
        }
        .car_item_four .vehicle-wheel.left {
            bottom: 9px;
            left: 113.5px !important;
            width: 20px !important;
            height: 20px !important;
        }
        .car_item_four .vehicle-wheel.right {
            bottom: 9px;
            right: 112.5px !important;
            width: 20px !important;
            height: 20px !important;
        }
    }
    @media(max-width:414px){
        .car_item_one .vehicle-wheel.left {
            left: 90px !important;
            bottom: 10px !important;
            width: 15px !important;
            height: 15px !important;
        }
        .car_item_one .vehicle-wheel.right {
            right: 71px !important;
            bottom: 10px !important;
            width: 15px !important;
            height: 15px !important;
        }
        .car_item_two .vehicle-wheel.left {
            left: 115px !important;
            bottom: 6px;
            width: 20px !important;
            height: 20px !important;
        }
        .car_item_two .vehicle-wheel.right {
            right: 93px !important;
            bottom: 6px;
            width: 20px !important;
            height: 20px !important;
        }
        .car_item_three .vehicle-wheel.left {
            bottom: 8px;
            left: 110px !important;
            width: 18px !important;
            height: 18px !important;
        }
        .car_item_three .vehicle-wheel.right {
            right: 103px !important;
            bottom: 7.2px;
            width: 18px !important;
            height: 18px !important;
        }
        .car_item_four .vehicle-wheel.left{
            left: 110.5px !important;
        }
        .car_item_four .vehicle-wheel.right{
            right: 109.5px !important;
        }
        html body.s2 .pkg_slider_cars_wrapper.gsap-cars-section {
            height: 368px !important;
            padding-bottom: 0;
        }
        .car4 {
            bottom: 2vh !important;
        }
    }
    @media(max-width:405px){
        .s2 .hero h1{
            font-size: clamp(26px, 10.5vw, 36px);
        }
    }
    @media(max-width:390px){
        .routes_content p{
            font-size: 16px !important;
        }
    }
    @media(max-width:390px){
        .route_list{
            zoom:0.8;
        }
        .tourism_slider_wapper_one .swiper-pagination .swiper-pagination-bullet{
            width: 22px;
            height: 4px;
        }
        .car_item_one .vehicle-wheel.left {
            left: 83px !important;
            bottom: 9px !important;
        }
        .car_item_one .vehicle-wheel.right {
            right: 66px !important;
            bottom: 9px !important;
        }
        .car_item_two .vehicle-wheel.left {
            left: 106px !important;
            bottom: 5px;
            width: 20px !important;
            height: 20px !important;
        }
        .car_item_two .vehicle-wheel.right {
            right: 86px !important;
            bottom: 5px;
            width: 20px !important;
            height: 20px !important;
        }
        .car_item_three .vehicle-wheel.left {
            bottom: 5px;
            left: 102px !important;
            width: 20px !important;
            height: 20px !important;
        }
        .car_item_three .vehicle-wheel.right {
            right: 95px !important;
            bottom: 5.2px;
        }
        .car_item_four .vehicle-wheel.left {
            bottom: 7px;
            left: 102.5px !important;

        }
        .car_item_four .vehicle-wheel.right {
            bottom: 8px;
            right: 101.5px !important;
        }
        .tourism_slider_items .km_heading{
            font-size: 30px;
        }
        .exp_items h5 {
            font-size: 28px !important;
        }
        .exp_items p, .route_map_itesm p{
            font-size: 12px !important;
        }
        .tourism_desc {
            font-size: 12px !important;
        }
    }
    @media(max-width:383px){
        .route_map_itesm img {
            width: 30px;
            height: 30px;
            object-fit: contain;
            margin-bottom: 0;
        }
        .route_map_itesm_two img{
            width: 14px !important;
        }
        .route_list{
            zoom: 0.8; 
        }
        li.route_map_itesm {
            text-align: center;
        }
        .exp_items h5{
            font-size: 40px;
        }
        .s2 .hero .hero-headline-block .hero-headline {
            font-size: 50px;
        }
    }
    @media(max-width:375px){
        .car_item_one .vehicle-wheel.left {
            left: 76px !important;
            bottom: 4px !important;
        }
        .car_item_one .vehicle-wheel.right {
            right: 59px !important;
            bottom: 4px !important;
        }
        .car_item_two .vehicle-wheel.left{
            left: 102px !important;
        }
        .car_item_two .vehicle-wheel.right{
            right: 82px !important;
        }
        .car_item_three .vehicle-wheel.left{
            left: 97px !important;
        }
        .car_item_three .vehicle-wheel.right{
            right: 90px !important;
        }
        .car_item_four .vehicle-wheel.left{
            left: 97.5px !important;
        }
        .car_item_four .vehicle-wheel.right {
            bottom: 7px;
            right: 96.5px !important;
        }
    }
    @media(max-width:369px){
        .connected_routes_inner_wrapper h2 {
            font-size: 26px !important;
        }
    }
    @media(max-width:360px){
        .s2 .pkg-tag h4 {
            font-size: 19px;
        }
        .car_item_four .vehicle-wheel.right {
            bottom: 6px;
            right: 91.5px !important;
        }
        .car_item_four .vehicle-wheel.left {
            left: 93.5px !important;
            bottom: 6px;
        }
        .car_item_three .vehicle-wheel.left {
            left: 92px !important;
        }
        .car_item_three .vehicle-wheel.right {
            right: 87px !important;
        }
        .car_item_two .vehicle-wheel.left {
            left: 97px !important;
            bottom: 4px;
        }
        .car_item_two .vehicle-wheel.right {
            right: 78px !important;
            bottom: 4px;
        }
        .car_item_one .vehicle-wheel.left {
            left: 76px !important;
            bottom: 7px !important;
        }
        .car_item_one .vehicle-wheel.right {
            right: 59px !important;
            bottom: 7px !important;
        }
        .s2 .hero h1 {
            font-size: clamp(26px, 10.5vw, 30px);
        }
    }
    @media(max-width:350px){
        .s2 .team-join p {
            font-size: 26px;
        }
    }
    @media(max-width:346px){
        .connected_routes_inner_wrapper h2 {
            font-size: 26px !important;
        }
    }
    @media(max-width:331px){
        .s2 .hero .hero-headline-block .hero-headline {
            font-size: 46px;
        }   
    }

    .s2, .s2 * {
        font-family: 'Tajawal', system-ui, -apple-system, sans-serif !important;
    }

/* Counter Section Css Start */
.counter_main_wrapper {
    background-color: #FDD76F;
    padding: 0px 0px;
}
.s2 .counter_top_box .sub_heading {
    margin-bottom: var(--approach-segment-gap, 30px);
}
.counter_top_box p:last-child {
    margin-bottom: 0px;
}
.s2 .counter_top_box p[data-approach-p]:not(:last-of-type) {
    margin-bottom: var(--approach-paragraph-gap, 1rem);
}
.counter_item_box {
    background-color: #FEE49F;
    text-align: center;
    padding: 20px;
    height: 100%;
}
    /* SARYNA counter columns: same sweep as adv-cards (inner box so .saryna-intro overflow stays clean) */
    .s2 .saryna-intro .counter-sweep-row .stagger-left .counter_item_box {
        opacity: 0;
        transform: translateX(-100px);
        animation: none;
    }
    .s2 .saryna-intro .counter-sweep-row.counter-sweep-in .stagger-left .counter_item_box {
        animation: s2-sweep-reveal 0.6s ease forwards;
    }
    .s2 .saryna-intro .counter-sweep-row.counter-sweep-in .stagger-left:nth-child(1) .counter_item_box { animation-delay: 0s; }
    .s2 .saryna-intro .counter-sweep-row.counter-sweep-in .stagger-left:nth-child(2) .counter_item_box { animation-delay: 0.3s; }
    .s2 .saryna-intro .counter-sweep-row.counter-sweep-in .stagger-left:nth-child(3) .counter_item_box { animation-delay: 0.6s; }
    .s2 .saryna-intro .counter-sweep-row.counter-sweep-in .stagger-left:nth-child(4) .counter_item_box { animation-delay: 0.9s; }
    /* SARYNA counter boxes: sweep the box only — no separate number/copy motion */
    .s2 .saryna-intro .counter_item_box .counter_num,
    .s2 .saryna-intro .counter_item_box .counter_title,
    .s2 .saryna-intro .counter_item_box .counter_desc,
    .s2 .saryna-intro .counter_item_box .split-char {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
    }
.counter_inner_wrapper {
    padding-top: 0px;
    position: relative;
    z-index: 1;
}
.counter_num {
    font-size: 90pt;
    color: #000;
    margin: 0;
    line-height: 1;
    font-weight: 900;
}
.counter_title {
    line-height: 1;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
}
.counter_desc {
    line-height: 1.1 !important;
    font-size: 22px !important;
}
.counter_vector_one {
    position: absolute;
    top: 19%;
    right: 0;
    opacity: 1;
    transition: .5s ease-in-out;
    z-index: 1;
}
.counter_top_box {
    position: relative;
    z-index: 9;
}

.counter_main_wrapper.active_section .counter_vector_one {
    opacity: 1;
}
.ad_main_wrapper {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.counter_vector_two {
    position: absolute;
    top: 44%;
    z-index: 1;
    left: 23%;
    opacity: 1;
    transition: .5s ease-in-out;
}
.counter_main_wrapper.active_section .counter_vector_two{
    opacity: 1;
}
.counter_top_box h2, .counter_top_box p:not([data-approach-p]) {
    /* color: rgba(0, 0, 0, 0.2);  */
    color: #000;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(to right, #000 50%, rgba(0,0,0,0.2) 50%);
    background-size: 200% 100%;
    background-position: 100% 0;
    transition: none;
}
/* Counter Section Css End */
.news_btn_wrapper {
    padding: 50px 0;
    text-align: center;
}
.chev_icon {
    margin-left: 5px;
}
/* Black buttons: match Apply Now symmetric caption padding */
.black_btn .chev_icon {
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    object-fit: contain;
    flex: 0 0 14px;
    margin-left: 0 !important;
    vertical-align: middle;
    filter: brightness(0) invert(1);
}
.black_btn:hover .chev_icon {
    filter: brightness(0) !important;
}
.black_btn:has(.chev_icon)::after {
    display: none !important;
    content: none !important;
}
.news_item_meta p {
    font-size: 1.5vw;
}
.news_item_title{
    font-size: 2vw;
}
.black_btn {
    background: #000;
    color: #fff;
    border: 0px;
    padding: clamp(4.2px, 0.7vw, 8.4px) clamp(9.8px, 1.68vw, 23.8px);
    font-size: 18px;
    font-weight: 700 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35em;
    white-space: nowrap;
}
/* Unified button look across page (match Visit Saryna button style) */
.s2 .btn-lux,
.s2 .btn-gold,
.s2 .btn-ghost {
    background: #000 !important;
    color: #fff !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    padding: clamp(6px, 1vw, 12px) clamp(14px, 2.4vw, 34px) !important;
    /* font-size: clamp(14px, 1.35vw, 28px) !important; */
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
    text-transform: none !important;
    box-shadow: none !important;
    transform: none !important;
    max-width: 100%;
}
.s2 .black_btn {
    background: #000 !important;
    color: #fff !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    padding: clamp(4.2px, 0.7vw, 8.4px) clamp(9.8px, 1.68vw, 23.8px) !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.35em !important;
    white-space: nowrap !important;
    text-transform: none !important;
    box-shadow: none !important;
    transform: none !important;
    max-width: 100%;
}
.s2 .btn-lux::after,
.s2 .btn-gold::after,
.s2 .btn-ghost::after,
.s2 .black_btn::after {
    content: "";
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    background: url('assets/img/chev_icon.webp') center/contain no-repeat;
    filter: brightness(0) invert(1);
}
.s2 .btn-lux::after,
.s2 .btn-gold::after,
.s2 .btn-ghost::after {
    display: inline-block !important;
}
.s2 .btn-lux:hover,
.s2 .btn-gold:hover,
.s2 .btn-ghost:hover,
.s2 .black_btn:hover {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #000 !important;
}
.s2 .btn-lux:hover::after,
.s2 .btn-gold:hover::after,
.s2 .btn-ghost:hover::after,
.s2 .black_btn:hover::after {
    filter: brightness(0) !important;
    transform: none !important;
}
.s2 .btn-lux:hover .chev_icon,
.s2 .btn-gold:hover .chev_icon,
.s2 .btn-ghost:hover .chev_icon,
.s2 .black_btn:hover .chev_icon {
    filter: brightness(0) !important;
}
.s2 .btn-lux .arrow,
.s2 .btn-gold .arrow,
.s2 .btn-ghost .arrow,
.s2 .black_btn .arrow,
.s2 .btn-lux svg,
.s2 .btn-gold svg,
.s2 .btn-ghost svg {
    display: none !important;
}
.s2 .btn-lux .chev_icon,
.s2 .btn-gold .chev_icon,
.s2 .btn-ghost .chev_icon,
.s2 .black_btn .chev_icon {
    display: inline-block !important;
    width: 14px;
    height: 14px;
    object-fit: contain;
    filter: brightness(0) invert(1);
    margin-left: 0 !important;
}
.s2 .btn-lux:has(.chev_icon)::after,
.s2 .btn-gold:has(.chev_icon)::after,
.s2 .btn-ghost:has(.chev_icon)::after,
.s2 .black_btn:has(.chev_icon)::after {
    display: none !important;
}
.tajawal-extrabold {
    font-family: "Tajawal", sans-serif;
    font-weight: 800;
    font-style: normal;
}
a {
    color: #fff !important;
    font-size: 14pt;
    text-decoration: none;
}
.saryana_main_wrapper .news_btn{
    display: inline-flex;
    border-radius: 0;
}
.career_vector_wrapper {
    margin-top: -188px;
}

.career_vector_wrapper {
    overflow: hidden;
}
.career_vector_wrapper {
    margin-top: -140px;
    position: relative;
}
.career_vector_wrapper img {
    width: 100%;
}

.career_bg {
    transform: translateZ(0);
    will-change: transform;
    transition: none !important;
}
/* Join career image: scroll-driven scale only (no CSS transition/filter — avoids scroll jank) */
.s2 .join .career_vector_wrapper {
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.s2 .join .career_vector_wrapper .career_bg {
    display: block;
    width: 100%;
    height: auto;
    transform: scale3d(1, 1, 1) translateZ(0);
    transform-origin: 50% 58%;
    box-shadow: 0 18px 40px -24px rgba(0, 0, 0, 0.12);
    transition: none !important;
    will-change: transform;
}
/* Contact Us Section Css Start */
.ct_main_wrapper {
    background-color: #49658A;
    padding: 0 0 50px;
    margin-top: -260px;
    position: relative;
}
.ct_main_wrapper .section_icon span {
    border-color: #fff;
}
.form-control::placeholder {
    color: #fff;
}
.form-control {
    background-color: #1A3D6B !important;
    border: 0;
    color: #fff;
    border-radius: 0px;
    font-size: 18px;
    padding: 12px 20px;
    box-shadow: none !important;
    outline: none !important;
}
/* Contact + newsletter fields: white typed text (match job popup form) */
#contactInquiryForm input.form-control,
#contactInquiryForm textarea.form-control,
.ct_main_wrapper .contact_form_wrapper input.form-control,
.ct_main_wrapper .contact_form_wrapper textarea.form-control {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff;
}
#contactInquiryForm textarea.form-control,
.ct_main_wrapper .contact_form_wrapper textarea.form-control {
    resize: vertical;
    min-height: 120px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
/* Terms panel + contact message: blue modal scroll strip (match .career-apply-modal__body) */
body.s2 .career-apply-modal .cam-terms-scroll,
#contactInquiryForm textarea.form-control,
.ct_main_wrapper .contact_form_wrapper textarea.form-control {
    scrollbar-width: thin;
    scrollbar-color: #1A3D6B #49658A;
}
body.s2 .career-apply-modal .cam-terms-scroll::-webkit-scrollbar,
#contactInquiryForm textarea.form-control::-webkit-scrollbar,
.ct_main_wrapper .contact_form_wrapper textarea.form-control::-webkit-scrollbar {
    width: 10px;
}
body.s2 .career-apply-modal .cam-terms-scroll::-webkit-scrollbar-track,
#contactInquiryForm textarea.form-control::-webkit-scrollbar-track,
.ct_main_wrapper .contact_form_wrapper textarea.form-control::-webkit-scrollbar-track {
    background: #49658A;
    border-radius: 0;
}
body.s2 .career-apply-modal .cam-terms-scroll::-webkit-scrollbar-thumb,
#contactInquiryForm textarea.form-control::-webkit-scrollbar-thumb,
.ct_main_wrapper .contact_form_wrapper textarea.form-control::-webkit-scrollbar-thumb {
    background: #1A3D6B;
    border-radius: 0;
    border: 2px solid #49658A;
}
body.s2 .career-apply-modal .cam-terms-scroll::-webkit-scrollbar-thumb:hover,
#contactInquiryForm textarea.form-control::-webkit-scrollbar-thumb:hover,
.ct_main_wrapper .contact_form_wrapper textarea.form-control::-webkit-scrollbar-thumb:hover {
    background: #15355c;
}
body.s2 .career-apply-modal .cam-terms-scroll::-webkit-scrollbar-corner,
#contactInquiryForm textarea.form-control::-webkit-scrollbar-corner,
.ct_main_wrapper .contact_form_wrapper textarea.form-control::-webkit-scrollbar-corner {
    background: #49658A;
}
#contactInquiryForm input.form-control::placeholder,
#contactInquiryForm textarea.form-control::placeholder,
.ct_main_wrapper .contact_form_wrapper input.form-control::placeholder,
.ct_main_wrapper .contact_form_wrapper textarea.form-control::placeholder {
    color: #fff !important;
    opacity: 0.85;
}
.footer_main_wrapper .subscribe_form_wrapper input.form-control,
#newsletterSubscribeForm input[type="email"] {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff;
}
.footer_main_wrapper .subscribe_form_wrapper input.form-control::placeholder,
#newsletterSubscribeForm input[type="email"]::placeholder {
    color: #fff !important;
    opacity: 0.85;
}
/* Phone field: country code dropdown + number input */
.phone-field {
    display: flex;
    align-items: stretch;
    width: 100%;
    direction: ltr;
    gap: 4px;
}
.phone-field__code,
.phone-field__number {
    box-sizing: border-box;
    font-family: 'Tajawal', system-ui, -apple-system, sans-serif;
    font-size: 18px;
    font-weight: 700;
    border: 0;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    background-color: #1A3D6B !important;
    color: #fff !important;
}
.phone-field__code {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 108px !important;
    max-width: 132px !important;
    padding: 12px 28px 12px 12px !important;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%23ffffff' stroke-width='1.75' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-position: calc(100% - 10px) center !important;
    background-size: 10px 6px !important;
    background-repeat: no-repeat !important;
    font-weight: 500 !important;
}
.phone-field__code option {
    color: #1a1a1a;
    background: #fff;
}
.phone-field__number {
    flex: 1 1 auto !important;
    min-width: 0;
    width: auto !important;
    padding: 12px 20px !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff;
}
.phone-field__number::placeholder {
    color: #fff;
    opacity: 0.85;
}
.phone-field__code:focus,
.phone-field__number:focus {
    outline: 2px solid rgba(255, 255, 255, 0.35);
    outline-offset: -2px;
}
.career-apply-modal .cam-form-group .phone-field,
#contactInquiryForm .form-group .phone-field {
    width: 100%;
}
.career-apply-modal .cam-form-group .phone-field .phone-field__code,
#contactInquiryForm .form-group .phone-field .phone-field__code,
.phone-field .phone-field__code {
    font-size: 18px !important;
    font-weight: 500 !important;
    background-color: #1A3D6B !important;
}
.career-apply-modal .cam-form-group .phone-field .phone-field__number,
#contactInquiryForm .form-group .phone-field .phone-field__number,
.phone-field .phone-field__number {
    font-size: 18px !important;
    font-weight: 700 !important;
    background-color: #1A3D6B !important;
}

/* Autofill / history: keep normal dark field background + white text (all forms) */
#contactInquiryForm input.form-control:-webkit-autofill,
#contactInquiryForm input.form-control:-webkit-autofill:hover,
#contactInquiryForm input.form-control:-webkit-autofill:focus,
#contactInquiryForm input.form-control:-webkit-autofill:active,
#contactInquiryForm textarea.form-control:-webkit-autofill,
#contactInquiryForm textarea.form-control:-webkit-autofill:hover,
#contactInquiryForm textarea.form-control:-webkit-autofill:focus,
#contactInquiryForm textarea.form-control:-webkit-autofill:active,
.career-apply-modal .cam-form-group input:not([type="checkbox"]):not([type="file"]):-webkit-autofill,
.career-apply-modal .cam-form-group input:not([type="checkbox"]):not([type="file"]):-webkit-autofill:hover,
.career-apply-modal .cam-form-group input:not([type="checkbox"]):not([type="file"]):-webkit-autofill:focus,
.career-apply-modal .cam-form-group input:not([type="checkbox"]):not([type="file"]):-webkit-autofill:active,
.career-apply-modal .cam-form-group textarea:-webkit-autofill,
.career-apply-modal .cam-form-group textarea:-webkit-autofill:hover,
.career-apply-modal .cam-form-group textarea:-webkit-autofill:focus,
.career-apply-modal .cam-form-group textarea:-webkit-autofill:active,
.career-apply-modal .cam-form-group select:-webkit-autofill,
.career-apply-modal .cam-form-group select:-webkit-autofill:hover,
.career-apply-modal .cam-form-group select:-webkit-autofill:focus,
.career-apply-modal .cam-form-group select:-webkit-autofill:active,
.phone-field__code:-webkit-autofill,
.phone-field__code:-webkit-autofill:hover,
.phone-field__code:-webkit-autofill:focus,
.phone-field__code:-webkit-autofill:active,
.phone-field__number:-webkit-autofill,
.phone-field__number:-webkit-autofill:hover,
.phone-field__number:-webkit-autofill:focus,
.phone-field__number:-webkit-autofill:active {
    -webkit-text-fill-color: #fff !important;
    color: #fff !important;
    caret-color: #fff;
    -webkit-box-shadow: 0 0 0 1000px #1A3D6B inset !important;
    box-shadow: 0 0 0 1000px #1A3D6B inset !important;
    transition: background-color 99999s ease-out 0s;
}
.footer_main_wrapper .subscribe_form_wrapper input.form-control:-webkit-autofill,
.footer_main_wrapper .subscribe_form_wrapper input.form-control:-webkit-autofill:hover,
.footer_main_wrapper .subscribe_form_wrapper input.form-control:-webkit-autofill:focus,
.footer_main_wrapper .subscribe_form_wrapper input.form-control:-webkit-autofill:active,
#newsletterSubscribeForm input[type="email"]:-webkit-autofill,
#newsletterSubscribeForm input[type="email"]:-webkit-autofill:hover,
#newsletterSubscribeForm input[type="email"]:-webkit-autofill:focus,
#newsletterSubscribeForm input[type="email"]:-webkit-autofill:active {
    -webkit-text-fill-color: #fff !important;
    color: #fff !important;
    caret-color: #fff;
    -webkit-box-shadow: 0 0 0 1000px #49658A inset !important;
    box-shadow: 0 0 0 1000px #49658A inset !important;
    transition: background-color 99999s ease-out 0s;
}
#contactInquiryForm input.form-control:autofill,
#contactInquiryForm textarea.form-control:autofill,
.career-apply-modal .cam-form-group input:not([type="checkbox"]):not([type="file"]):autofill,
.career-apply-modal .cam-form-group textarea:autofill,
.career-apply-modal .cam-form-group select:autofill,
.phone-field__code:autofill,
.phone-field__number:autofill,
.footer_main_wrapper .subscribe_form_wrapper input.form-control:autofill,
#newsletterSubscribeForm input[type="email"]:autofill {
    color: #fff !important;
    caret-color: #fff;
}
.form-group{
    margin-bottom: 10px;
}
/* Form errors (match admin admin-flash-error: ! + red text, no box) */
.form-flash-error {
    display: none;
    align-items: flex-start;
    gap: 8px;
    margin: 0 0 16px;
    padding: 0;
    background: none;
    border: none;
    color: #903030;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 500;
    font-family: 'Tajawal', sans-serif;
}
.form-flash-error.is-visible {
    display: flex;
}
.form-flash-error::before {
    content: '!';
    flex-shrink: 0;
    font-weight: 700;
    color: #903030;
}
.form-flash-error__text {
    flex: 1;
    min-width: 0;
    color: #903030;
}
.career-apply-modal .form-flash-error {
    margin-bottom: 14px;
}
.contact_form_wrapper .form-flash-error {
    font-size: var(--form-success-text-size, clamp(15px, 1.1vw, 17px));
    font-weight: var(--form-success-text-weight, 600);
    line-height: var(--form-success-text-leading, 1.45);
}
.contact_form_wrapper .form-flash-error::before {
    font-size: var(--form-success-text-size, clamp(15px, 1.1vw, 17px));
}

.form-demo-feedback {
    display: none;
    margin-bottom: 16px;
    padding: 14px 18px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(253, 215, 111, 0.55);
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Tajawal', sans-serif;
}
.form-demo-feedback.is-visible {
    display: block;
}
.form-demo-feedback.is-error,
.form-inline-error.is-visible {
    border-color: rgba(255, 120, 120, 0.75);
    background: rgba(120, 20, 20, 0.35);
}
.form-inline-error.is-visible {
    display: block;
}
.footer_main_wrapper .form-demo-feedback {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(253, 215, 111, 0.5);
    color: #fff;
}
.ct_main_wrapper .contact-field-label {
    display: block;
    margin-bottom: 6px;
    font-size: 15px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.25;
}
.fm_btn {
    margin-top: 10px;
    border-radius: 0;
}

/* Contact + newsletter: compact status above form (spinner → success tick + text) */
.form-inline-status {
    display: none;
    margin: 0 0 14px;
}
.form-inline-status.is-visible {
    display: block;
}
.form-inline-status.is-complete {
    display: flex;
    align-items: center;
}
.form-inline-status__spinner {
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 2px solid rgba(110, 231, 168, 0.25);
    border-top-color: var(--form-success-text, #6ee7a8);
    border-radius: 50%;
    animation: apply-form-success-spin 0.75s linear infinite;
    vertical-align: middle;
}
.form-inline-status__spinner[hidden] {
    display: none !important;
}
.form-inline-status__done {
    display: none;
    align-items: center;
    gap: 12px;
}
.form-inline-status.is-complete .form-inline-status__done {
    display: flex;
}
.form-inline-status__tick {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    background: transparent;
    border: none;
    border-radius: 0;
    color: var(--form-success-text, #6ee7a8);
    flex-shrink: 0;
}
.form-inline-status__tick svg {
    width: 28px;
    height: 28px;
    display: block;
}
.form-inline-status__success {
    margin: 0;
    font-family: 'Tajawal', sans-serif;
    font-size: var(--form-success-text-size, clamp(15px, 1.1vw, 17px));
    font-weight: var(--form-success-text-weight, 600);
    line-height: var(--form-success-text-leading, 1.45);
    color: var(--form-success-text, #6ee7a8);
}
.form-inline-status__success[hidden] {
    display: none !important;
}
/* Newsletter duplicate email: same row + type scale as success (orange) */
.form-inline-status--already {
    display: none;
}
.form-inline-status--already.is-visible {
    display: flex;
    align-items: center;
}
.form-inline-status--already .form-inline-status__done {
    display: flex;
}
.form-inline-status--already .form-inline-status__already-mark {
    color: var(--form-notice-text, #ffb86c);
    font-family: 'Tajawal', sans-serif;
    font-size: var(--form-success-text-size, clamp(15px, 1.1vw, 17px));
    font-weight: var(--form-success-text-weight, 600);
    line-height: 1;
}
.form-inline-status--already .form-inline-status__already-mark span {
    display: block;
    width: 28px;
    text-align: center;
}
.form-inline-status--already .form-inline-status__already-msg {
    color: var(--form-notice-text, #ffb86c);
}
.form_title {
    margin-bottom: 20px;
    font-size: 28px;
}
.ct_main_wrapper .form_title {
    margin-top: 0;
}
.contact_info_item:first-child {
    align-items: start;
}
.contact_info_item {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.contact_info_icon {
    display: block;
    margin-right: 20px;
}
.contact_info_item p, .contact_info_item a {
    font-weight: 400;
    font-size: 24px;
}
.ct_main_wrapper .col-md-7, .ct_main_wrapper .col-md-5 {
    position: relative;
}
.ct_icon_one {
    position: absolute;
    top: -65px;
    z-index: 0;
}
.contact_form_content {
    position: relative;
    z-index: 1;
}
.ct_icon_two {
    position: absolute;
    bottom: 24px;
    right: 176px;
}
.social_links_item {
    width: 90px;
    height: 90px;
    background: #1a3d6b;
    border: none;
    padding: 6px;
    transition: background-color 0.25s ease;
}
.social_links_item:hover {
    background: #fff;
}
.social_link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.social_links_item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: filter 0.25s ease;
}
.social_links_item:hover img {
    filter: brightness(0) saturate(100%) invert(17%) sepia(41%) saturate(2120%) hue-rotate(194deg) brightness(93%) contrast(91%);
}
.contact_info_list {
    padding: 0px;
}
#contact.ct_main_wrapper .contact_info_item--social {
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 0;
}
#contact.ct_main_wrapper .contact_info_icon--spacer {
    display: none;
}
#contact.ct_main_wrapper .contact_social_links {
    margin-top: 0 !important;
    margin-inline-start: 0;
    margin-inline-end: auto;
    justify-content: flex-start;
    gap: 24px;
    flex: 0 0 auto;
    min-width: 0;
}
@media (min-width: 768px) {
    #contact.ct_main_wrapper .contact_info_wrapper {
        padding-top: calc(30px + 2 * 1.2 * 36px);
    }
    #contact.ct_main_wrapper .contact_info_item--social {
        margin-top: 10px;
    }
    #contact.ct_main_wrapper .contact_social_links .social_links_item {
        width: 72px;
        height: 72px;
    }
}
.social_links_list {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 40px;
    margin-top: 40px !important;
}
.contact_info_wrapper {
    position: relative;
    z-index: 1;
}
.ct_icon_three {
    position: absolute;
    bottom: 46%;
    right: 59px;
    width: 30%;
}
/* Contact Us Section Css End */
/* Footer Section Css Start */
.footer_main_wrapper {
    background-color: #1A3D6B;
    padding: 50px 0px;
    /* Naghi blurb: narrative scale; copyright row uses smaller copy scale */
    --footer-narrative-font-size: 16px;
    --footer-narrative-line-height: 1;
    --footer-copy-font-size: 13px;
    --footer-copy-line-height: 1.35;
}
.footer_links_list {
    padding: 0px;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 31px;
}
/* All footer anchors: same size as Privacy / Naghi copy; hover line via border (works with data-split .split-char) */
.footer_main_wrapper a {
    font-size: var(--footer-narrative-font-size);
    text-decoration: none !important;
    border-bottom: 2px solid transparent;
    transition: color 0.2s ease, border-color 0.2s ease;
}
.footer_main_wrapper .footer_links_item a,
.footer_main_wrapper .footer_social_links_item a {
    display: inline-block;
}
.footer_main_wrapper .footer_links_list a,
.s2 .footer_main_wrapper .footer_links_list a {
    font-family: "Tajawal", sans-serif;
    font-weight: 300;
    font-style: normal;
}
.footer_main_wrapper a:hover {
    border-bottom-color: currentColor;
    text-decoration: none !important;
}
.s2 .footer_main_wrapper a {
    font-size: var(--footer-narrative-font-size) !important;
    text-decoration: none !important;
}
.s2 .footer_main_wrapper a:hover {
    border-bottom-color: currentColor !important;
    text-decoration: none !important;
}
/* Social row: keep previous 20px scale (nav + privacy stay on --footer-narrative-font-size) */
.footer_main_wrapper .footer_social_links_item a {
    font-size: 20px;
}
.s2 .footer_main_wrapper .footer_social_links_item a {
    font-size: 20px !important;
}
.footer_social_links_list {
    padding: 0px;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 17px;
    margin-top: 26px;
}
.footer_social_links_item {
    border-right: 2px solid #fff;
    line-height: 0.9;
    padding-right: 17px;
}
.footer_links_item a.is-active {
    color: #FDD76F;
    text-decoration: none !important;
}
/* Footer section nav links: underline on hover (border matches .footer_main_wrapper a:hover) */
.footer_main_wrapper .footer_links_list a.is-active,
.s2 .footer_main_wrapper .footer_links_list a.is-active {
    font-weight: 300;
}
.footer_main_wrapper .footer_links_list a:hover,
.s2 .footer_main_wrapper .footer_links_list a:hover {
    border-bottom-color: currentColor !important;
}
.naghi_logo_main_wrapper {
    display: flex;
    align-items: flex-end;
    gap: 30px;
    margin-top: 50px;
}
.naghi_content p {
    color: #fff;
    line-height: var(--footer-narrative-line-height);
    font-size: var(--footer-narrative-font-size);
}
.footer_social_links_item:last-child {
    padding: 0px;
    border: 0;
}
.contact_form_wrapper{
    width: 86%;
}
.subscribe_title {
    font-size: 40px;
    color: #fff;
    font-weight: 500;
}
.subscribe_title strong {
    font-weight: 800;
}
.subscribe_form_wrapper input {
    background: #49658A;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px;
}
.subscribe_title {
    font-size: 36px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 30px;
}
.subscribe_form_wrapper input {
    background: #49658A !important;
    font-size: 20px;
    font-weight: 500;
    color: #fff !important;
    -webkit-text-fill-color: #fff;
    caret-color: #fff;
}
.subscribe_form_wrapper input::placeholder {
    color: #fff;
    opacity: 0.85;
}
.subscribe_form_wrapper .form-group {
    margin: 0px;
}
.footer_main_wrapper .subscribe_form_wrapper .black_btn {
    border-radius: 0;
}
.copy_main_wrapper .row {
    align-items: center;
}
/* Copyright: center copy on the row; logo columns keep original Bootstrap sizing */
@media (min-width: 992px) {
    .footer_main_wrapper .copy_main_wrapper .row {
        position: relative;
        justify-content: space-between;
        align-items: center;
    }
    .footer_main_wrapper .copy_main_wrapper .row > .col-md-7 {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: auto;
        max-width: min(58%, 42rem);
        flex: none;
        text-align: center;
        z-index: 1;
        pointer-events: none;
    }
    .footer_main_wrapper .copy_main_wrapper .copy_right_text,
    .footer_main_wrapper .copy_main_wrapper .copy_right_text .copy_right_privacy {
        pointer-events: auto;
    }
    .footer_main_wrapper .copy_main_wrapper .row > .col-md-3,
    .footer_main_wrapper .copy_main_wrapper .row > .col-md-2 {
        position: relative;
        z-index: 2;
    }
    .footer_main_wrapper .copy_main_wrapper .copy_right_text {
        text-align: center;
    }
}
.copy_main_wrapper {
    border-top: 1px solid #fff;
    margin-top: 50px;
    padding-top: 30px;
}
/* Copyright + inline privacy link */
.copy_right_text {
    font-size: var(--footer-copy-font-size);
    font-weight: 400;
    line-height: var(--footer-copy-line-height);
    color: #fff;
}
.copy_right_text .copy_right_privacy {
    display: inline;
    font-size: inherit;
    font-weight: 400;
    line-height: inherit;
    color: #fff;
    text-decoration: none;
    margin-inline-start: 0.35em;
    transition: opacity 0.25s ease;
}
.copy_right_text .copy_right_privacy:hover,
.copy_right_text .copy_right_privacy:focus-visible {
    opacity: 0.82;
    text-decoration: underline;
}
.s2 .footer_main_wrapper .copy_right_text,
.s2 .footer_main_wrapper .copy_right_text .copy_right_privacy {
    font-size: var(--footer-copy-font-size) !important;
    font-weight: 400 !important;
    line-height: var(--footer-copy-line-height) !important;
}
.copy_logo_wrapper img {
    width: 72%;
}
/* .copy_main_wrapper .col-md-2 {
    flex: unset;
    width: fit-content;
    margin: 0 0 0 auto;
}
.copy_main_wrapper .col-md-7 {
    width: 62% !important;
    flex: unset;
} */
/* Footer Section Css End */
/* GSAP Cars Section */
.gsap-cars-section {
    position: relative;
    height: 650px;
    overflow: unset !important;
    contain: layout;
}

.gsap-cars-section .stage {
    position: relative;
    width: 100%;
    height: 100%;
    transform: translateZ(0);
}

.gsap-cars-section img {
    position: absolute;
    max-width: 100%;
    height: auto;
    backface-visibility: hidden;
    transform: translateZ(0);
}

.gsap-cars-section .car1,
.gsap-cars-section .bus,
.gsap-cars-section .car3,
.gsap-cars-section .car4,
.gsap-cars-section .mountain-pan {
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* Desktop – full-bleed mountain; GSAP pans .mountain-pan; image +15% size (scale) */
.gsap-cars-section .mountain-pan {
    position: absolute;
    bottom: 50vh;
    left: 50%;
    width: 100vw;
    max-width: none;
    margin-left: -50vw;
    z-index: 1;
    pointer-events: none;
    background: transparent;
    overflow: visible;
}
.gsap-cars-section .mountain-pan .mountain {
    position: relative;
    display: block;
    left: auto;
    bottom: auto;
    width: 100%;
    height: auto;
    max-width: none;
    vertical-align: top;
    /* transform: scale(1.15); */
    transform-origin: center bottom;
}

/* Packages mountain: shared placement behind bus */
body.s2 .gsap-cars-section .mountain-pan {
    bottom: 46vh;
}
body.s2 .gsap-cars-section .mountain-pan .mountain {
    transform: translateY(28%);
}

.car1 {
    bottom: 24vh;
    left: 5%;
    width: 19.8vw;
    z-index: 2; /* sits behind bus so only the leading half shows during overtake */
}

.bus {
    bottom: 13vh;
    left: 32%;
    width: 71vw;
    z-index: 3;
}

.car3 {
    bottom: 0vh;
    left: 20%;
    width: 36vw;
    z-index: 4;
}

.car4 {
    bottom: 5vh;
    right: 0%;
    width: 31.185vw;
    z-index: 5;
}

/* Smoother GSAP pin spacer during packages scroll animation */
.pin-spacer {
    transform: translateZ(0);
    backface-visibility: hidden;
    overflow-anchor: none;
}

.gsap-cars-section.is-pinned,
.gsap-cars-section.is-pin-active {
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Tablet */
@media (max-width: 1024px) {
    .gsap-cars-section .mountain-pan {
        width: 100vw;
        left: 50%;
        margin-left: -50vw;
    }
    .car1 { width: 31.5vw; left: 5%; }
    .bus { width: 80vw; left: 10%; }
    .car3 { width: 40vw; left: 10%; }
    .car4 { width: 40.425vw; right: 2%; }
}

/* Mobile */
@media (max-width: 768px) {
    .gsap-cars-section .mountain-pan {
        width: 100vw;
        left: 50%;
        margin-left: -50vw;
        bottom: 18vh;
    }

    .car1 {
        width: 41.4vw;
        left: 3%;
        bottom: 21vh;
    }

    .bus {
        width: 84vw;
        left: 14%;
        bottom: 18vh;
    }

    .car3 {
        width: 65vw;
        left: 17%;
        bottom: 13vh;
    }

    .car4 {
        width: 69.3vw;
        right: -10%;
        bottom: 9vh;
    }
}
.gsap-cars-section {
    position: relative;
    margin-top: -160px; /* removes visual gap */
}

/* prevents weird gap caused by parent spacing */
.pkg_inner_wrapper,
.packages,
#packages {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.gsap-cars-section {
    position: relative;
    overflow: visible;
}

/* Let GSAP control layout */
.gsap-cars-section .stage {
    position: relative;
    width: 100%;
}

/* Ensure images can overflow naturally */
.gsap-cars-section img {
    position: absolute;
    max-width: none;
}
.gsap-cars-section {
    min-height: 0;
    z-index: 2;
}

.next-section {
    position: relative;
    z-index: 1;
}
/* New Css Start */
.pkg-stats .pkg-stat:last-child {
    transform: translateX(71px);
}
.pkg-stats .pkg-stat:nth-child(2) {
    transform: translateX(60px);
}
.pkg-stats .pkg-stat:nth-child(3) {
    transform: translateX(65px);
}
.pkg-stats .pkg-stat:last-child {
    transform: translateX(71px);
}
.saryana_map_place {
    width: 120px !important;
    height: 100px;
    object-fit: cover;
}
.saryana_map_place.active {
    transform: scale(1.11);
    filter: unset !important;
}
.saryana_map_place_five.active {
    transform: scale(1.01);
}
.s2 .approch_right_icon img {
    opacity: 1;
}
/* Map Top Places Css Start */
.map_btm_places_wrapper_top {
    position: absolute;
    top: 0;
    left: 0;
    width: 65%;
    height: 452px;
}
.map_place_icon_top_one {
    transform: translate(59px, 60px) scale(0.5);
}
.map_place_icon_top_two {
    transform: translate(208px, 66px) scale(0.5);
}
.map_place_icon_top_three {
    transform: translate(84px, -10px) scale(0.5);
}
.map_place_icon_top_one.active {
    transform: translate(59px, 60px) scale(1);
}
.map_place_icon_top_two.active {
    transform: translate(208px, 66px) scale(1);
}
.map_place_icon_top_three.active {
    transform: translate(68px, -11px) scale(1);
}
.map_place_icon_top_three .map_place_title {
    color: #000;
}
.map_place_icon_top_three .map_place_num {
    margin-right: 0;
    margin-left: 20px;
}
.map_btm_places_wrapper_top {
    position: absolute;
    top: 0;
    left: 0;
    width: 65%;
    height: 452px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* Map Top Places Css End */
/* Map Place Css Start */
.map_place_num {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    opacity: 1;
    border-radius: 50%;
    margin-right: 20px;
    outline: 10px solid #ffffff73;
    font-weight: 600;
    box-shadow: 0px 0px 9px 28px #ffbc0052;
}
.map_place_icon{
    display: flex;
    align-items: center;
    width: fit-content;
    transform-origin: center center;
    transition: .5s ease-in-out;
}
.map_place_icon:not(.active) {
    pointer-events: none;
}
.saryana_map_inner_box.is-map-facts-hidden .map_btm_places_wrapper,
.saryana_map_inner_box.is-map-facts-hidden .map_btm_places_wrapper_top {
    pointer-events: none;
}
body.s2 .is-route-controls-disabled {
    pointer-events: none;
}
.map_place_icon_one {
    transform: translate(55px, 5px) scale(0.5);
}
.map_place_icon_two {
    transform: translate(136px, 101px) scale(0.5);
}
.map_place_icon_three {
    transform: translate(242px, 246px) scale(0.5);
}
.map_place_icon_four {
    transform: translate(-17px, 28px) scale(0.5);
}
.map_place_icon_five {
    transform: translate(116px, 177px) scale(0.5);
}
.map_place_icon_one.active {
    transform: translate(55px, 5px) scale(1);
}
.map_place_icon_two.active {
    transform: translate(146px, 101px) scale(1);
}
.map_place_icon_three.active {
    transform: translate(242px, 246px) scale(1);
}
.map_place_icon_four.active {
    transform: translate(-17px, 28px) scale(1);
}
.map_place_icon_five.active {
    transform: translate(95px, 177px) scale(1);
}
.map_place_icon_five .map_place_num {
    margin-right: 0;
    margin-left: 20px;
}
.map_place_icon_five .map_place_title {
    color: #000;
    z-index: 1;
}
.map_place_icon_four .map_place_title {
    color: #000;
}
.map_place_icon_four .map_place_num {
    margin-right: 0px;
    margin-left: 20px;
}
.map_place_title {
    color: #fff;
}
.map_btm_places_wrapper {
    position: absolute;
    height: 395px;
    bottom: 0;
    left: 200px;
    width: 56%;
    z-index: 9;
}
.sponsorship-head h2 {
    margin: 0px !important;
}
.sponsorship .cd_icon {
    margin: 20px auto 20px !important;
}
.saryana_logo_box {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
    margin-top: 0px;
}
.north_slider_wrapper .swiper-slide {
    background-color: #997a35;
    padding: 23px 22px 22px 22px;
    height: unset !important;
}
.north_slider_wrapper .swiper {
    align-items: stretch;
}
.north_slider_wrapper {
    background: transparent;
    padding:0px !important;
}
.north_logo_box{
    border:0px;
}
.sar_btn_wrapper {
    display: flex;
    justify-content: center;
    margin-top: 0px;
}
.saryana_vector_two{
    width: 20%;
    bottom: 135px;
    left: 34%;
    opacity: 0.6;
}
.tourism_slider_two .routes_map_list {
    margin-top: 0px !important;
}
.saryana_vector_one{
    opacity: 0.6;
}
/* .tourism_slider_wapper_one .swiper-pagination{
    background-color: #997a35;
} */
.routes_map_list{
    align-items: stretch;
}
.route_map_itesm{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    
}
.route_map_itesm_two img {
    margin-top: 30px;
    width: 14px;
}
.tourism_slider_two .route_map_itesm:last-child img {
    width: 34px;
}
.tourism_desc {
    font-size: 16px !important;
}
.saryana_main_wrapper .pkg-nav {
    justify-content: center;
    width: 100%;
}
.north_slider_wrapper .swiper-pagination {
    display: none;
}
.contact_info_item a {
    text-decoration: none;
    font-weight: 400;
}
.contact_info_item a:hover,
.contact_info_item a:focus-visible,
.contact_info_item p:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 1px;
    font-weight: 400;
}
.contact_info_item a:hover .split-char,
.contact_info_item a:hover .split-word,
.contact_info_item a:focus-visible .split-char,
.contact_info_item a:focus-visible .split-word {
    text-decoration: inherit;
    font-weight: inherit;
}
/* Fixed corner host: no transform on this node (transform breaks fixed pinning on some mobile browsers) */
.scroll-top-anchor {
    position: fixed;
    top: auto;
    left: auto;
    right: 20px;
    bottom: 20px;
    z-index: 2147483000;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    pointer-events: none;
    transform: none !important;
    contain: layout style;
}
#scrollTopBtn {
    position: absolute;
    inset: 0;
    margin: 0;
    background: #000;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: none !important;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .25s ease, visibility .25s ease, background .25s ease;
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}
#scrollTopBtn .scroll-top-btn__rotate {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
    transform-origin: center center;
    pointer-events: none;
}
#scrollTopBtn.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.scroll-top-anchor:has(#scrollTopBtn.show) {
    pointer-events: auto;
}
/* Hide back-to-top when mobile menu or any modal/lightbox is open */
body.s2.nav-drawer-open .scroll-top-anchor,
body.s2:has(.career-apply-modal.is-open) .scroll-top-anchor,
body.s2:has(.news-lightbox.is-open) .scroll-top-anchor,
body.s2:has(#s2PortraitLock[aria-hidden="false"]) .scroll-top-anchor {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
body.s2.nav-drawer-open #scrollTopBtn,
body.s2:has(.career-apply-modal.is-open) #scrollTopBtn,
body.s2:has(.news-lightbox.is-open) #scrollTopBtn,
body.s2:has(#s2PortraitLock[aria-hidden="false"]) #scrollTopBtn {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
#scrollTopBtn .scroll-top-anchor__icon,
#scrollTopBtn .chev_icon {
    display: block;
    width: 14px;
    height: 14px;
    max-width: 14px;
    max-height: 14px;
    margin: 0 !important;
    padding: 0;
    object-fit: contain;
    filter: brightness(0) invert(1);
    transform: none !important;
    flex-shrink: 0;
}
#scrollTopBtn:hover .scroll-top-anchor__icon,
#scrollTopBtn:hover .chev_icon {
    filter: brightness(0) !important;
}
#scrollTopBtn:hover {
    background: #fff;
}
.fund_logo {
    width: 70%;
    margin-left: auto;
}

/* ============================== HOVER #04 — approach, city & team boxes only (hover-sample ic-row--v6) ============================== */
.s2 .adv-card,
.s2 .city-card,
.s2 .team-card:not(.team-join) {
    isolation: isolate;
}

.s2 .adv-card::before,
.s2 .city-card::before,
.s2 .team-card:not(.team-join)::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.06) 0%,
        rgba(0, 0, 0, 0.22) 42%,
        rgba(0, 0, 0, 0.52) 72%,
        rgba(0, 0, 0, 0.78) 100%
    );
    opacity: 0.55;
    transition: opacity 0.9s ease-in-out;
}

.s2 .adv-card .meta h3::after,
.s2 .city-card .meta h3::after {
    transition: transform 0.85s cubic-bezier(0.33, 1, 0.68, 1);
}

.s2 .adv-card:hover::before,
.s2 .adv-card:focus-within::before,
.s2 .city-card:hover::before,
.s2 .city-card:focus-within::before,
.s2 .team-card:not(.team-join):hover::before,
.s2 .team-card:not(.team-join):focus-within::before,
.s2 .cities-swiper .city-card.is-snap-focus::before,
.s2 .adv-swiper .adv-card.is-snap-focus::before {
    opacity: 1;
}

.s2 .adv-card:hover .bg,
.s2 .adv-card:focus-within .bg,
.s2 .city-card:hover .city-card-media,
.s2 .city-card:focus-within .city-card-media,
.s2 .cities-swiper .city-card.is-snap-focus .city-card-media,
.s2 .adv-swiper .adv-card.is-snap-focus .bg,
.s2 .team-card:not(.team-join):hover .img,
.s2 .team-card:not(.team-join):focus-within .img {
    transform: scale(1.1);
    filter: grayscale(0%) saturate(1.08) brightness(0.94);
}

.s2 .city-card:hover .city-card-media img,
.s2 .city-card:focus-within .city-card-media img,
.s2 .cities-swiper .city-card.is-snap-focus .city-card-media img {
    filter: saturate(1.1) brightness(0.9);
}

.s2 .adv-card:hover h3,
.s2 .adv-card:focus-within h3,
.s2 .city-card:hover h3,
.s2 .city-card:focus-within h3,
.s2 .cities-swiper .city-card.is-snap-focus h3,
.s2 .adv-swiper .adv-card.is-snap-focus h3 {
    transform: translate3d(0, -22px, 0);
}

.s2 .adv-card:hover .meta h3::after,
.s2 .adv-card:focus-within .meta h3::after,
.s2 .city-card:hover .meta h3::after,
.s2 .city-card:focus-within .meta h3::after,
.s2 .cities-swiper .city-card.is-snap-focus .meta h3::after,
.s2 .adv-swiper .adv-card.is-snap-focus .meta h3::after {
    transform: translate3d(0, 6px, 0);
}

.s2 .adv-card:hover .tag,
.s2 .adv-card:focus-within .tag,
.s2 .city-card:hover .city-card-detail,
.s2 .city-card:focus-within .city-card-detail,
.s2 .cities-swiper .city-card.is-snap-focus .city-card-detail,
.s2 .adv-swiper .adv-card.is-snap-focus .tag {
    transform: translate3d(0, -4px, 0);
    transition-delay: 0.1s;
}

.s2 .adv-card:hover::after,
.s2 .adv-card:focus-within::after,
.s2 .city-card:hover::after,
.s2 .city-card:focus-within::after,
.s2 .cities-swiper .city-card.is-snap-focus::after,
.s2 .adv-swiper .adv-card.is-snap-focus::after {
    background: linear-gradient(180deg, transparent 0%, transparent 35%, rgba(10, 10, 10, 0.95) 100%);
}

@media (prefers-reduced-motion: reduce) {
    .s2 .adv-card::before,
    .s2 .city-card::before,
    .s2 .team-card:not(.team-join)::before {
        transition: none;
    }
    .s2 .team-card:not(.team-join) .img {
        transition: filter 0.01ms, transform 0.01ms;
    }
}
/* Connected Section Css Start */
.connected_routes_main_wrapper{
    background-image: url('../new-img/connected_bg.jpeg');
    height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #00000085;
    background-blend-mode: color;
    background-attachment: fixed;
    position: relative;
    z-index: 9;
}
.connected_routes_inner_wrapper h2 {
    font-size: 76px;
    color: #fff;
    font-weight: 600;
    text-align: center;
}
.connected_routes_inner_wrapper h2 br {
    display: none;
}
.connected_routes_inner_wrapper h2 .cr-title-line-group,
.connected_routes_inner_wrapper h2 .cr-title-line {
    display: block;
}
/* English: connected routes title line spacing matches hero headline */
body.s2:not(.lang-ar) .connected_routes_inner_wrapper h2.connected-routes-title {
    line-height: 1;
}
body.s2:not(.lang-ar) .connected_routes_inner_wrapper h2.connected-routes-title .cr-title-line {
    line-height: 1;
    margin: 0;
}
@media (max-width: 767px) {
    body.s2:not(.lang-ar) .connected_routes_inner_wrapper h2.connected-routes-title,
    body.s2:not(.lang-ar) .connected_routes_inner_wrapper h2.connected-routes-title .cr-title-line {
        line-height: 1.12;
    }
}
/* Yellow routes block after ONE BRAND — desktop: card tail + section gap; phones override in @991 block */
body.s2 .saryana_main_wrapper {
    padding-top: calc(var(--section-cards-bottom-gap, 50px) + 18px) !important;
    padding-bottom: var(--section-cards-bottom-gap, 50px) !important;
}
@media (max-width: 991px) {
    body.s2 .saryana_main_wrapper {
        padding-top: calc(var(--section-cards-bottom-gap, 30px) + 6px) !important;
    }
}
/* Connected Section Css End */
/* New Css Start */
.north_logo_box img:last-child {
    width: 150px !important;
}
.north_logo_box img {
    width: 178px !important;
}
.north_logo_box img:first-child {
    filter: unset;
}
.north_logo_box {
    border: 0px;
    display: flex;
    align-items: center;
    gap: 30px;
}
.saryana_gap {
    column-gap: 100px;
}
.divider {
    height: 96px;
    border: 1px solid #00000024;
}
.naghi_logo_wrapper {
    width: 20%;
}
.s2-snap-rail--peek .s2-snap-track {
    margin-right: 16px;
}
/* New Css End */
/* Arabic Css Start */
.lang-ar .saryana_gap{
    flex-direction: row-reverse;
}
.lang-ar .saryana_vector_one{
    left: 26%;
}
.lang-ar .saryana_vector_two{
    transform: scale3d(-1, 1, 1);
    left: 47%;
}
.lang-ar .saryana_vector_three {
    right: unset;
    left: 500px;
}
.lang-ar .arabic_view {
    display: block !important;
}
.lang-ar .english_view {
    display: none !important;
}
.lang-ar .car_item_one {
    order: 4;
}
.lang-ar .car_item_two{
    order: 3;
}
.lang-ar .car_item_three{
    order: 2;
}
.lang-ar .car_item_four{
    order: 1;
}
/* Arabic Css End */

/* Section nav (right rail): diamond markers — match section_icon border (2px) */
.s2 .pp-nav {
    padding: 0;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-radius: 0;
    border: none;
    box-shadow: none;
}
.s2 .pp-nav__item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 24px;
    height: 24px;
    text-decoration: none;
}
.s2 .pp-nav__dot {
    width: 14px;
    height: 14px;
    border-radius: 0;
    background: transparent;
    border: 1.5px solid #000;
    transform: rotate(45deg);
    box-sizing: border-box;
    transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
    flex-shrink: 0;
}
.s2 .pp-nav__item:hover .pp-nav__dot {
    background: transparent;
    border-color: #000;
    transform: rotate(45deg) scale(1.15);
    box-shadow: none;
}
.s2 .pp-nav__item.active .pp-nav__dot {
    background: #000;
    border-color: #000;
    transform: rotate(45deg) scale(1);
    box-shadow: none;
}
.s2 .pp-nav__label {
    position: absolute;
    right: 31px;
    top: 50%;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease, transform 0.25s ease;
    font-family: 'Tajawal', sans-serif;
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    text-transform: none;
    letter-spacing: 0.04em;
    background: rgba(11, 13, 18, 0.7);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    padding: 3px 10px;
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.08);
    transform: translateY(-50%) translateX(4px);
}
.s2 .pp-nav__item:hover .pp-nav__label {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}

/* Section nav: left rail for Arabic */
.lang-ar .pp-nav,
.s2.lang-ar .pp-nav {
    left: 20px;
    right: auto;
}
.lang-ar .pp-nav__label,
.s2.lang-ar .pp-nav__label {
    left: 31px;
    right: auto;
    direction: rtl;
    text-align: right;
    transform: translateY(-50%) translateX(-4px);
}
.lang-ar .pp-nav__item:hover .pp-nav__label,
.s2.lang-ar .pp-nav__item:hover .pp-nav__label {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}

/* New Css Start 30-July-2026 */
/* 
.s2 #packages .cars_list .car_item.car_item_four img.img-fluid {
    width: 85% !important;
}
 */
/* .s2 #packages .cars_list .car_item.car_item_three img.img-fluid {
    width: 60% !important;
} */
/* .s2 #packages .cars_list .car_item.car_item_two img.img-fluid {
    width: 72% !important;
}
.s2 #packages .cars_list .car_item.car_item_four img.img-fluid {
    width: 66% !important;
} */
/* New Css End 30-July-2026 */

/* Mobile (EN + AR): bus / car2.webp slightly higher under mountain */
@media (max-width: 767px) {
    html body.s2 .gsap-cars-section .bus {
        bottom: 20.5vh !important;
    }
    html body.s2 .gsap-cars-section .car3 {
        bottom: 18vh !important;
    }
    html body.s2 .gsap-cars-section .car4 {
        bottom: 14vh !important;
    }
}
@media (max-width: 590px) {
    html body.s2 .gsap-cars-section .bus {
        bottom: 15.5vh !important;
    }
    html body.s2 .gsap-cars-section .car3 {
        bottom: 10vh !important;
    }
    html body.s2 .gsap-cars-section .car4 {
        bottom: 3vh !important;
    }
}
@media (max-width: 520px) {
    html body.s2 .gsap-cars-section .bus {
        bottom: 17.5vh !important;
    }
    html body.s2 .gsap-cars-section .car3 {
        bottom: 11vh !important;
    }
    html body.s2 .gsap-cars-section .car4 {
        bottom: 5vh !important;
    }
}

/* English desktop: hero headline matches connected routes title scale */
@media (min-width: 768px) {
    body.s2:not(.lang-ar) .hero h1,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline b,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-tw-ghost,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-tw-ghost b {
        font-size: 76px !important;
    }
}
/* English hero: slightly open lines (tighter than Arabic 1.4 / 1.55) */
body.s2:not(.lang-ar) .hero h1,
body.s2:not(.lang-ar) .hero .hero-headline,
body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline,
body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline b,
body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost,
body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost b,
body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline-line {
    line-height: 1.12 !important;
}
@media (max-width: 767px) {
    body.s2:not(.lang-ar) .hero h1,
    body.s2:not(.lang-ar) .hero .hero-headline,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline b,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost b,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline-line {
        line-height: 1.18 !important;
    }
}
@media (max-width: 824px) {
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-desktop,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-desktop b,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-desktop,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-desktop b {
        font-size: 50px !important;
    }
}
/* English phone/tablet hero: ghost must not inflate headline box (keeps location under phrase) */
@media (max-width: 991px) {
    body.s2:not(.lang-ar) .hero .hero-headline-block {
        display: block !important;
        position: relative;
        flex: 0 0 auto !important;
        height: auto !important;
        min-height: 0 !important;
        margin-bottom: clamp(10px, 1.5vw, 20px);
    }
    body.s2:not(.lang-ar) .hero .hero-headline-block.is-height-locked {
        height: auto !important;
        min-height: 0 !important;
    }
    body.s2:not(.lang-ar) .hero .hero-headline-block > .hero-tw-ghost {
        position: absolute !important;
        left: 0;
        top: 0;
        width: 1px !important;
        height: 1px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
    body.s2:not(.lang-ar) .hero .hero-headline-block > .hero-headline {
        position: relative;
        display: block;
    }
    body.s2:not(.lang-ar) .hero .position-relative.hero-location-anchor {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        min-height: 52px;
        flex: 0 0 auto;
        margin-top: 0;
        position: relative;
    }
}
/* English mobile hero phrase (~5 lines); inline line spacing unchanged (1.18) */
@media (max-width: 767px) {
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile b,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile .hero-headline-line,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile .split-char,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile span,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile b,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile .hero-headline-line,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile span {
        font-size: clamp(27px, calc(8.6vw - 4px), 48px) !important;
    }
}
@media (max-width: 576px) {
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile b,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile .hero-headline-line,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile .split-char,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile span,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile b,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile .hero-headline-line,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile span {
        font-size: clamp(22px, calc(9.8vw - 3px), 33px) !important;
    }
}
@media (max-width: 480px) {
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile b,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile .hero-headline-line,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile .split-char,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile span,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile b,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile .hero-headline-line,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile span {
        font-size: 58px !important;
    }
}
@media (max-width: 447px) {
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile b,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile .hero-headline-line,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile .split-char,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile span,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile b,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile .hero-headline-line,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile span {
        font-size: 52px !important;
    }
}
@media (max-width: 425px) {
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile b,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile .hero-headline-line,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile .split-char,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile span,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile b,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile .hero-headline-line,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile span {
        font-size: 44px !important;
    }
}
@media (max-width: 405px) {
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile b,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile .hero-headline-line,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile .split-char,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile span,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile b,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile .hero-headline-line,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile span {
        font-size: clamp(21px, calc(10.1vw - 3px), 29px) !important;
    }
}
@media (max-width: 390px) {
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile b,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile .hero-headline-line,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile .split-char,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile span,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile b,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile .hero-headline-line,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile span {
        font-size: 40px !important;
    }
}
@media (max-width: 360px) {
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile b,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile .hero-headline-line,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile .split-char,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile span,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile b,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile .hero-headline-line,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile span {
        font-size: clamp(20px, calc(9.6vw - 3px), 24px) !important;
    }
}
@media (max-width: 331px) {
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile b,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile .hero-headline-line,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile .split-char,
    body.s2:not(.lang-ar) .hero .hero-headline-block .hero-headline--en-mobile span,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile b,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile .hero-headline-line,
    body.s2:not(.lang-ar) .hero-headline-block .hero-tw-ghost--en-mobile span {
        font-size: 36px !important;
    }
}

/* Tablet/phone: equal space above/below approach section diamond (EN + AR) */
@media (max-width: 991px) {
    .s2 .approch_main_wrapper_two .section_icon {
        padding-top: 30px !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    .s2 .approch_main_wrapper_two .approach-intro-stack.row {
        margin-top: 30px !important;
    }
    .s2 .approch_main_wrapper_two .approach-intro-stack > [class*="col-"]:first-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    .s2 .approch_main_wrapper_two .approch_content_box_left {
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 40px !important;
    }
    .s2 .approch_main_wrapper_two .approch_content_box_left .approch_heading_cluster {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    .s2 .approch_main_wrapper_two .approch_content_box_left .approch_heading_cluster h3 {
        margin-top: -6px !important;
        padding-top: 0 !important;
    }

    /* Same 20px inset as yellow .saryna-intro — Bootstrap row/col was adding extra gutter */
    body.s2 .approch_main_wrapper_two .approach-intro-stack.row {
        margin-inline: 0 !important;
        --bs-gutter-x: 0;
    }
    body.s2 .approch_main_wrapper_two .approach-intro-stack > [class*="col-"] {
        padding-inline: 0 !important;
    }
    body.s2 .approch_main_wrapper_two .approch_content_box,
    body.s2 .approch_main_wrapper_two .approch_content_box_left,
    body.s2 .approch_main_wrapper_two .approch_content_box_right,
    body.s2 .approch_main_wrapper_two .approch_content_box p,
    body.s2 .approch_main_wrapper_two .approch_content_box h3 {
        padding-inline: 0 !important;
        max-width: 100%;
        box-sizing: border-box;
    }
}

/* Tablet/phone: unified 20px horizontal gutter — centered layout like mobile (≤991px) */
@media (max-width: 991px) {
    body.s2 {
        --s2-mobile-gutter: 20px;
        --s2-mobile-carousel-gap: var(--s2-mobile-gutter);
        --s2-mobile-carousel-peek: 28px;
        --s2-mobile-slide-width: calc(100% - (var(--s2-mobile-gutter) + var(--s2-mobile-carousel-gap) + var(--s2-mobile-carousel-peek)));
        --s2-mobile-icon-to-heading: 30px;
    }

    /* When columns do not fit, keep blocks centered like phone layout */
    body.s2 .approch_main_wrapper_two .approch_content_box,
    body.s2 .approch_main_wrapper_two .approch_content_box_left,
    body.s2 .approch_main_wrapper_two .approch_content_box_right,
    body.s2 .saryna-intro .head.counter_top_box,
    body.s2 .cities-head,
    body.s2 .news-head,
    body.s2 .team-head,
    body.s2 .sponsorship-head,
    body.s2 .packages-head,
    body.s2 .pkg-slider-head,
    body.s2 #join .join-head {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    body.s2 .approch_main_wrapper_two .approch_content_box_left h3,
    body.s2 .approch_main_wrapper_two .approch_content_box_left p,
    body.s2 .approch_main_wrapper_two .approch_content_box_centered h3,
    body.s2 .approch_main_wrapper_two .approch_content_box_centered p {
        margin-left: auto;
        margin-right: auto;
    }

    /* Diamond → title: match sponsorship (30px under icon; no extra flex gap) */
    .s2 .news-head,
    .s2 .team-head {
        gap: 0 !important;
    }

    .s2 .team-head > .section_icon,
    body.s2 #news > .container > .section_icon,
    body.s2 .sponsorship > .container > .section_icon,
    body.s2 #join > .container > .section_icon,
    body.s2 .saryna-intro > .container > .section_icon,
    body.s2 .ct_main_wrapper > .container > .section_icon {
        padding-top: 30px !important;
        padding-bottom: var(--s2-mobile-icon-to-heading) !important;
    }

    .s2 .team-head > h2,
    body.s2 #news > .container > .section_icon + .news-head,
    body.s2 #news > .container > .section_icon + .news-head > h2:first-child,
    body.s2 .section_icon + .sponsorship-head,
    body.s2 .section_icon + .sec_heading_wrapper,
    body.s2 .section_icon + .head,
    body.s2 .section_icon + .row {
        margin-top: 0 !important;
    }

    body.s2 .section_icon + .sponsorship-head > h2:first-child,
    body.s2 .section_icon + .sec_heading_wrapper > .sub_heading:first-child,
    body.s2 .section_icon + .head > .sub_heading:first-child,
    body.s2 .section_icon + .row .contact_heading {
        margin-top: 0 !important;
    }

    /* Default: every Bootstrap container shares the same side inset */
    body.s2 .container {
        padding-left: max(var(--s2-mobile-gutter), env(safe-area-inset-left, 0px)) !important;
        padding-right: max(var(--s2-mobile-gutter), env(safe-area-inset-right, 0px)) !important;
        box-sizing: border-box;
    }

    /* Nav + hero: same symmetric inset as the rest of the page */
    body.s2 .nav-lux .container,
    body.s2 .hero .container {
        padding-left: max(var(--s2-mobile-gutter), env(safe-area-inset-left, 0px)) !important;
        padding-right: max(var(--s2-mobile-gutter), env(safe-area-inset-right, 0px)) !important;
    }
    body.s2 .hero .hero-headline-block,
    body.s2 .hero .hero-headline-block .hero-headline {
        padding-inline-start: 0;
        margin-inline-start: 0;
    }
    body.s2 .hero .position-relative.hero-location-anchor {
        width: 100%;
        padding-inline-start: 0;
        box-sizing: border-box;
    }
    body.s2 .location_box {
        left: 0 !important;
        right: auto !important;
        margin-inline-start: 0;
        align-items: center;
    }
    body.lang-ar.s2 .hero .position-relative.hero-location-anchor {
        display: flex;
        justify-content: flex-end;
    }
    body.lang-ar.s2 .location_box {
        left: auto !important;
        right: 0 !important;
        margin-inline-end: 0;
    }
    body.s2 .hero .hero-video-footer {
        left: max(var(--s2-mobile-gutter), env(safe-area-inset-left, 0px)) !important;
        right: max(var(--s2-mobile-gutter), env(safe-area-inset-right, 0px)) !important;
    }

    /* Full-bleed swipe tracks: flush container, gutter on heads + swipers */
    body.s2 #adventure .container,
    body.s2 #cities .container,
    body.s2 #team .container,
    body.s2 #news .container,
    body.s2 #packages .container,
    body.s2 #join .container,
    body.s2 .saryna-intro .counter_inner_wrapper > .container,
    body.s2 .saryana_main_wrapper > .container {
        padding-inline: 0 !important;
    }

    /* Section headings & intro blocks (full-bleed sections) */
    body.s2 .cities-head,
    body.s2 #cities .cities-head,
    body.s2 #team .team-head,
    body.s2 .news-head,
    body.s2 .sponsorship-head,
    body.s2 .packages-head,
    body.s2 .pkg-slider-head,
    body.s2 #join .join-head,
    body.s2 #join .section_icon,
    body.s2 .saryana_main_mob_wrapper .north_logo_box,
    body.s2 .saryana_main_mob_wrapper .north_slider_wrapper .cities-head-nav {
        padding-inline: var(--s2-mobile-gutter) !important;
        box-sizing: border-box;
    }
    body.s2 .saryana_main_mob_wrapper .north_logo_box,
    body.s2 .saryana_main_mob_wrapper .north_slider_wrapper .cities-head-nav {
        margin-inline: 0 !important;
    }

    /* Heading → peek carousel: cities matches news (head margin + h2 padding) */
    body.s2 #news .news-head,
    body.s2 #cities .cities-head-inner {
        margin-bottom: var(--s2-carousel-nav-to-track) !important;
    }
    body.s2 #news .news-head h2,
    body.s2 #cities .cities-head h2,
    body.s2 #cities .cities-head-inner h2 {
        margin-bottom: 0 !important;
        padding-bottom: var(--s2-carousel-nav-to-track) !important;
    }

    /* Connected routes: tighter inset so 3 title lines fit without wrapping */
    body.s2 .connected_routes_inner_wrapper .container {
        padding-inline: 0 !important;
        max-width: 100%;
    }
    body.s2 .connected_routes_inner_wrapper {
        padding-inline: 12px !important;
        box-sizing: border-box;
    }
    body.s2 .connected_routes_inner_wrapper h2.connected-routes-title {
        max-width: 100%;
        margin-inline: auto;
    }

    /* Peek carousels: symmetric gutter + clip previous slide */
    body.s2 #cities .cities-slider-wrap,
    body.s2 #team .team-slider-wrap,
    body.s2 #news .news-slider-wrap,
    body.s2 #packages .pkg-slider-wrap,
    body.s2 #join .jobs-slider-wrap,
    body.s2 #adventure .adventure-slider-wrap,
    body.s2 .saryana_main_mob_wrapper .north_slider_wrapper .tourism_slider_wapper_one {
        overflow: hidden !important;
    }
    body.s2 .adv-swiper,
    body.s2 .cities-swiper,
    body.s2 .team-swiper,
    body.s2 .news-swiper,
    body.s2 .pkg-swiper,
    body.s2 #join .jobs-swiper,
    body.s2 .saryana_main_mob_wrapper .north_slider_wrapper .tourism_slider_one,
    body.s2 .saryana_main_mob_wrapper .north_slider_wrapper .tourism_slider_two {
        padding-inline: var(--s2-mobile-gutter) !important;
        overflow: hidden !important;
        box-sizing: border-box;
    }
    body.s2 .adv-swiper,
    body.s2 .team-swiper {
        padding-block-start: 16px !important;
    }
    body.s2 .cities-swiper,
    body.s2 .news-swiper,
    body.s2 .pkg-swiper,
    body.s2 #join .jobs-swiper {
        padding-block-start: 0 !important;
    }

    /* City cards: match news card inset (22px); equal space above/below title rule */
    body.s2 .cities-swiper .city-card .meta {
        left: auto;
        right: auto;
        inset-inline: 22px;
        bottom: 22px;
        gap: 0;
    }
    body.s2 .cities-swiper .city-card .meta h3::after {
        margin-top: 14px;
        margin-bottom: 14px;
    }
    body.s2 .cities-swiper .city-card .city-card-detail,
    body.s2 .cities-swiper .city-card.is-snap-focus .city-card-detail,
    body.s2 .cities-swiper .city-card:not(.is-snap-focus) .city-card-detail {
        margin-top: 0 !important;
    }
    body.s2 .cities-swiper .city-card.is-snap-focus h3,
    body.s2 .cities-swiper .city-card.is-snap-focus .meta h3::after {
        transform: none;
    }
    body.s2 .cities-swiper .city-card.is-snap-focus .city-card-detail {
        transform: translate3d(0, 0, 0);
    }

    /* Adventure / approach peek cards (×3): same inset + title rule spacing as city cards */
    body.s2 .adv-swiper .adv-card .meta,
    body.s2 .s2-snap-track .adv-grid .adv-card .meta {
        left: auto;
        right: auto;
        inset-inline: 22px;
        bottom: 22px;
        gap: 0;
    }
    body.s2 .adv-swiper .adv-card .meta h3::after,
    body.s2 .s2-snap-track .adv-grid .adv-card .meta h3::after {
        margin-top: 14px;
        margin-bottom: 14px;
    }
    body.s2 .adv-swiper .adv-card .tag,
    body.s2 .adv-swiper .adv-card.is-snap-focus .tag,
    body.s2 .adv-swiper .adv-card:not(.is-snap-focus) .tag,
    body.s2 .s2-snap-track .adv-grid .adv-card .tag,
    body.s2 .s2-snap-track .adv-grid .adv-card.is-snap-focus .tag,
    body.s2 .s2-snap-track .adv-grid .adv-card:not(.is-snap-focus) .tag {
        margin-top: 0 !important;
    }
    body.s2 .adv-swiper .adv-card.is-snap-focus h3,
    body.s2 .adv-swiper .adv-card.is-snap-focus .meta h3::after,
    body.s2 .s2-snap-track .adv-grid .adv-card.is-snap-focus h3,
    body.s2 .s2-snap-track .adv-grid .adv-card.is-snap-focus .meta h3::after {
        transform: none;
    }
    body.s2 .adv-swiper .adv-card.is-snap-focus .tag,
    body.s2 .s2-snap-track .adv-grid .adv-card.is-snap-focus .tag {
        transform: translate3d(0, 0, 0);
    }
    body.s2 .s2-snap-track .adv-grid .adv-card.is-snap-focus .meta {
        transform: none;
    }

    body.s2 .saryana_main_mob_wrapper .north_slider_wrapper .tourism_slider_one,
    body.s2 .saryana_main_mob_wrapper .north_slider_wrapper .tourism_slider_two {
        padding-block-start: 0 !important;
    }
    /* Map area: both north/south box rows stay swipeable (not dimmed/disabled by tab state) */
    body.s2 .saryana_main_mob_wrapper .north_slider_wrapper {
        opacity: 1 !important;
        pointer-events: auto;
    }
    body.s2 .saryana_main_mob_wrapper .north_slider_wrapper.is-route-controls-disabled {
        pointer-events: auto;
    }
    body.s2 .adv-swiper .swiper-slide,
    body.s2 .cities-swiper .swiper-slide,
    body.s2 .team-swiper .swiper-slide,
    body.s2 .news-swiper .swiper-slide,
    body.s2 .pkg-swiper .swiper-slide .pkg-item,
    body.s2 .pkg-swiper .swiper-slide .pkg-card {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    body.s2 .pkg-swiper .swiper-slide,
    body.s2 .join .jobs-swiper .swiper-slide,
    body.s2 .saryana_main_mob_wrapper .north_slider_wrapper .tourism_slider_one .swiper-slide,
    body.s2 .saryana_main_mob_wrapper .north_slider_wrapper .tourism_slider_two .swiper-slide {
        width: var(--s2-mobile-slide-width) !important;
        max-width: var(--s2-mobile-slide-width) !important;
        flex-shrink: 0 !important;
        box-sizing: border-box;
    }
    body.s2 .news-swiper .swiper-slide .news-card {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Counter stat boxes (8 / 4 / 3 / 2): full-bleed swipe track + single 20px gutter */
    body.s2 .saryna-intro .counter_inner_wrapper {
        margin-left: calc(-1 * max(var(--s2-mobile-gutter), env(safe-area-inset-left, 0px))) !important;
        margin-right: calc(-1 * max(var(--s2-mobile-gutter), env(safe-area-inset-right, 0px))) !important;
        width: calc(100% + max(var(--s2-mobile-gutter), env(safe-area-inset-left, 0px)) + max(var(--s2-mobile-gutter), env(safe-area-inset-right, 0px))) !important;
        max-width: 100vw;
        box-sizing: border-box;
    }
    body.s2 .saryna-intro .counter_inner_wrapper .s2-snap-rail,
    body.s2 .saryna-intro .counter_inner_wrapper .s2-snap-rail--peek {
        overflow: hidden;
    }
    body.s2 .saryna-intro .counter_inner_wrapper .s2-snap-track {
        margin-right: 0 !important;
        scroll-padding-left: var(--s2-mobile-gutter);
    }
    body.s2 .saryna-intro .counter_inner_wrapper .counter-sweep-row,
    body.s2-snap-rail--peek .s2-snap-track > .counter-sweep-row {
        gap: var(--s2-mobile-carousel-gap) !important;
        padding-block: 24px 18px !important;
    }

    /* Snap / flex peek tracks: inter-card gap matches left track inset */
    body.s2 .s2-snap-track .adv-grid,
    body.s2-snap-rail--peek .s2-snap-track .adv-grid,
    body.s2-snap-rail--peek .s2-snap-track > .team-grid.team-sweep-row,
    body.s2-snap-rail--peek .s2-snap-track > .pkg-grid.pkg-sweep-row {
        gap: var(--s2-mobile-carousel-gap) !important;
    }
    body.s2 .s2-snap-track .adv-grid .adv-card,
    body.s2-snap-rail--peek .s2-snap-track .adv-grid .adv-card,
    body.s2-snap-rail--peek .s2-snap-track > .team-grid.team-sweep-row .team-card,
    body.s2-snap-rail--peek .s2-snap-track > .pkg-grid.pkg-sweep-row .pkg-item,
    body.s2-snap-rail--peek .s2-snap-track > .counter-sweep-row > [class*="col-"] {
        flex: 0 0 var(--s2-mobile-slide-width) !important;
        width: var(--s2-mobile-slide-width) !important;
        max-width: var(--s2-mobile-slide-width) !important;
    }

    /* Counter stat peek rows */
    body.s2 .saryna-intro .counter_inner_wrapper .counter-sweep-row,
    body.s2-snap-rail--peek .s2-snap-track > .counter-sweep-row {
        padding-inline: var(--s2-mobile-gutter) !important;
        box-sizing: border-box;
    }
    body.s2-snap-rail--peek .s2-snap-track > .counter-sweep-row > [class*="col-"] {
        flex: 0 0 var(--s2-mobile-slide-width) !important;
        width: var(--s2-mobile-slide-width) !important;
        max-width: var(--s2-mobile-slide-width) !important;
    }

    /* Sponsorship: container supplies gutter — keep horizontal inset so logos stay on screen */
    body.s2 .sponsorship-logos {
        padding-inline: max(16px, env(safe-area-inset-left, 0px)) max(16px, env(safe-area-inset-right, 0px)) !important;
        padding-block: 16px;
        box-sizing: border-box;
        max-width: 100%;
        overflow-x: clip;
    }
    body.s2 #sponsorship .spon-points .row {
        padding-inline: 0 !important;
        box-sizing: border-box;
    }

    /* Contact + footer: container supplies gutter */
    body.s2 #contact.ct_main_wrapper .contact_form_content,
    body.s2 .footer_main_wrapper .subscribe_box,
    body.s2 .footer_main_wrapper .copy_main_wrapper .copy_right_text {
        padding-inline: 0 !important;
        box-sizing: border-box;
    }

    /* Contact info (address, phone, email): match careers intro paragraph on mobile */
    body.s2 .contact_info_item p,
    body.s2 .contact_info_item a,
    body.s2 #contact.ct_main_wrapper .contact_info_item p,
    body.s2 #contact.ct_main_wrapper .contact_info_item a {
        font-size: 20px;
        line-height: 1.25;
        font-weight: 400;
    }

    /* Body copy: container supplies gutter (avoid double padding) */
    body.s2 .saryna-intro .counter_top_box p[data-approach-p],
    body.s2 .saryna-intro .counter_top_box > p {
        padding-inline: 0 !important;
        box-sizing: border-box;
    }

    body.s2 .pkg_slider_cars_wrapper.gsap-cars-section {
        margin-top: 32px !important;
        padding-bottom: 12px !important;
    }

    /* Packages stats (90+, 30+…): tighter gap to sub-heading on phones */
    body.s2 #packages .pkg-stat.d-none.mob_show .n-,
    body.s2 #packages .pkg-stat.d-none.mob_show .n {
        line-height: 0.92 !important;
    }
    body.s2 #packages .pkg-stat.d-none.mob_show p,
    body.s2 #packages .pkg-stat.mob_show p {
        margin-top: 4px !important;
    }

    /* Package tier titles (Platinum, Gold…): smaller than "The Packages" heading */
    body.s2 #packages .pkg-card .pkg-tag h4,
    body.s2 #packages .pkg-card.platinum .pkg-tag h4,
    body.s2 #packages .pkg-card.gold .pkg-tag h4,
    body.s2 #packages .pkg-card.silver .pkg-tag h4 {
        font-size: clamp(18px, 4.8vw, 26px) !important;
        line-height: 1.15 !important;
        white-space: normal !important;
    }

    /* Section headings: match approach intro heading on mobile */
    body.s2 .cities-head h2,
    body.s2 #cities .cities-head h2,
    body.s2 .team .team-head h2,
    body.s2 .news-head h2,
    body.s2 .join .sec_heading_wrapper .sub_heading {
        font-size: 30px !important;
        line-height: 1.1 !important;
        font-weight: 700;
    }

    /* Sponsorship: "January 2027" / date on its own line (EN + AR mobile) */
    body.s2 .sponsorship-head .available h3 .green_heading {
        display: block;
    }

    /*
     * Card rows → next block: same as adventure (approach boxes) — 18px track tail
     * + --section-cards-bottom-gap (30px on phones). EN + AR.
     */
    body.s2 {
        --section-cards-bottom-gap: 30px;
    }
    .s2 .adventure,
    .s2 .saryna-intro,
    .s2 .cities,
    .s2 .team,
    .s2 .news {
        padding-bottom: var(--section-cards-bottom-gap) !important;
    }
    body.s2 .adv-swiper,
    body.s2 .cities-swiper,
    body.s2 .team-swiper,
    body.s2 .news-swiper {
        padding-block-end: 18px !important;
    }
    body.s2 .saryna-intro .counter_inner_wrapper {
        padding-bottom: 0 !important;
    }
    body.s2 .saryna-intro .counter_inner_wrapper .counter-sweep-row,
    body.s2-snap-rail--peek .s2-snap-track > .counter-sweep-row {
        padding-block-end: 18px !important;
    }
    body.s2 .saryana_main_wrapper {
        padding-top: calc(var(--section-cards-bottom-gap) + 6px) !important;
    }
    body.s2 .saryana_main_mob_wrapper {
        padding-top: 0 !important;
    }

    /* Career (join) diamond — same footprint as other section icons */
    body.s2 .section_icon span,
    body.s2 .join .section_icon span,
    body.s2 .saryna-intro .section_icon span {
        width: 32px !important;
        height: 32px !important;
        box-sizing: border-box;
    }

    /* Sponsorship → packages: show full mountain (not clipped at top) */
    body.s2 .sponsorship,
    body.s2 #packages {
        overflow: visible;
    }
    body.s2 .pkg_slider_cars_wrapper,
    body.s2 .pkg_slider_cars_wrapper.gsap-cars-section {
        overflow: visible !important;
        margin-top: 32px !important;
        padding-top: 12px !important;
    }
    body.s2 .pkg_slider_cars_wrapper.gsap-cars-section .stage {
        overflow: visible !important;
    }
    body.s2 .gsap-cars-section .mountain-pan .mountain {
        transform: translateY(12%);
    }

    /* Contact + newsletter: centered; icon + message on one line */
    body.s2 .contact_form_wrapper .form-inline-status.is-visible,
    body.s2 .contact_form_wrapper .form-inline-status.is-complete,
    body.s2 .subscribe_form_wrapper .form-inline-status.is-visible,
    body.s2 .subscribe_form_wrapper .form-inline-status.is-complete,
    body.s2 .subscribe_form_wrapper .form-inline-status--already.is-visible {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 100%;
        gap: 10px;
    }
    body.s2 .form-inline-status.is-complete .form-inline-status__done,
    body.s2 .form-inline-status--already .form-inline-status__done {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        gap: 12px;
        width: auto;
        max-width: 100%;
    }
    body.s2 .form-inline-status__success,
    body.s2 .form-inline-status--already .form-inline-status__already-msg {
        text-align: start;
        white-space: normal;
    }
    body.s2 .contact_form_wrapper .form-flash-error.is-visible,
    body.s2 .subscribe_form_wrapper .form-demo-feedback.is-visible,
    body.s2 .subscribe_form_wrapper .form-inline-error.is-visible {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        gap: 8px;
        text-align: center;
        width: 100%;
    }
    body.s2 .contact_form_wrapper .form-flash-error__text,
    body.s2 .subscribe_form_wrapper .form-demo-feedback,
    body.s2 .subscribe_form_wrapper .form-inline-error {
        flex: 0 1 auto;
        text-align: start;
    }

    /* Footer fund logo — centered (EN + AR) */
    body.s2 .footer_main_wrapper .fund_logo {
        width: 70%;
        max-width: 280px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    body.s2 .footer_main_wrapper .fund_logo img {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    @media (max-width: 425px) {
        body.s2 .section_icon span,
        body.s2 .join .section_icon span,
        body.s2 .saryna-intro .section_icon span {
            width: 26px !important;
            height: 26px !important;
        }
    }
}

@media (min-width: 992px) {
    body.s2 {
        overflow-x: visible;
    }
}

/* Back-to-top: last-layer pin (viewport corner; beats transform/stacking from page sections) */
@media (max-width: 767px) {
    #scrollTopAnchor.scroll-top-anchor {
        position: fixed !important;
        top: auto !important;
        left: auto !important;
        right: 16px !important;
        bottom: 16px !important;
        width: 44px !important;
        height: 44px !important;
        z-index: 2147483647 !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }
    body.lang-ar #scrollTopAnchor.scroll-top-anchor {
        right: auto !important;
        left: 16px !important;
    }
}