:root {
            --primary-dark: #0B132B;
            --primary-navy: #1C2541;
            --accent-gold: #D97706;
            --gold-light: #FFFBEB;
            --bg-light: #F8FAFC;
            --card-bg: #FFFFFF;
            --text-dark: #0F172A;
            --text-muted: #64748B;
            --border-color: #E2E8F0;
            --success-green: #10B981;
            --radius-lg: 16px;
            --radius-md: 10px;
            --shadow-sm: 0 1px 3px rgba(0,0,0,0.05);
            --shadow-md: 0 4px 20px -2px rgba(15, 23, 42, 0.08);
            --shadow-lg: 0 20px 30px -10px rgba(15, 23, 42, 0.15);
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
            -webkit-tap-highlight-color: transparent;
        }

        body {
            background-color: var(--bg-light);
            color: var(--text-dark);
            line-height: 1.6;
            top: 0px !important;
            position: relative;
        }

        /* Google Translate Toolbar Hiding & Styling Fix */
        .goog-te-banner-frame.skiptranslate, 
        .goog-te-banner-frame,
        .skiptranslate,
        .goog-te-balloon-frame {
            display: none !important;
        }
        body { top: 0px !important; }
        #google_translate_element { display: none !important; }
        .goog-text-highlight { background-color: transparent !important; box-shadow: none !important; }

        /* --- Floating Sticky Buttons --- */
        .fixed-left-widgets {
            position: fixed;
            bottom: 20px;
            left: 20px;
            z-index: 9999;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .floating-btn-container {
            position: relative;
            display: flex;
            align-items: center;
        }

        .floating-btn {
            width: 52px;
            height: 52px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #FFFFFF;
            font-size: 22px;
            text-decoration: none;
            box-shadow: 0 4px 15px rgba(0,0,0,0.3);
            transition: transform 0.3s ease, background 0.3s ease;
        }

        .floating-btn:hover {
            transform: scale(1.1);
        }

        .btn-float-whatsapp { background-color: #25D366; }
        .btn-float-call { background-color: #0284C7; }

        .wa-response-badge {
            position: absolute;
            left: 60px;
            white-space: nowrap;
            background: #25D366;
            color: #FFFFFF;
            font-size: 11px;
            font-weight: 800;
            padding: 4px 10px;
            border-radius: 20px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.2);
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }

        .btn-top-scroll {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 48px;
            height: 48px;
            background-color: var(--primary-navy);
            color: #FFFFFF;
            border: 2px solid var(--accent-gold);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            cursor: pointer;
            z-index: 9999;
            box-shadow: 0 4px 15px rgba(0,0,0,0.25);
            transition: all 0.3s ease;
            opacity: 0;
            visibility: hidden;
        }

        .btn-top-scroll.show {
            opacity: 1;
            visibility: visible;
        }

        .btn-top-scroll:hover {
            background-color: var(--accent-gold);
            color: #FFFFFF;
        }

        /* --- Top Trust Bar --- */
        .top-trust-bar {
            background: var(--primary-dark);
            color: #CBD5E1;
            font-size: 11px;
            font-weight: 600;
            padding: 6px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .top-bar-container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 24px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .trust-items-left, .trust-items-right {
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .trust-badge-item { display: flex; align-items: center; gap: 6px; }
        .trust-badge-item i { color: #F59E0B; }
        .trust-badge-item strong { color: #FFFFFF; }
        .top-link { color: #CBD5E1; text-decoration: none; transition: color 0.2s; }
        .top-link:hover { color: #FFFFFF; }


/* --- Secondary Navigation Bar Styles --- */
.sub-navbar {
    background: #0F172A;
    border-bottom: 1px solid #1E293B;
    position: sticky;
    top: 68px; /* Main header ke sticky hone ke baad yeh uske niche stick karega */
    z-index: 999;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.sub-nav-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 45px;
}

.sub-nav-links {
    display: flex;
    align-items: center;
    gap: 28px;
}

.sub-nav-links a {
    color: #CBD5E1;
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: 0.3px;
    transition: color 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 0;
}

.sub-nav-links a i {
    color: #F59E0B;
    font-size: 12px;
}

.sub-nav-links a:hover {
    color: #FFFFFF;
}

/* Mobile Toggle Bar (Hidden on Desktop) */
.sub-mobile-toggle {
    display: none;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

.sub-mobile-toggle i {
    font-size: 18px;
    color: #F59E0B;
}

/* --- Responsive Media Query for Mobile & Tablets --- */
@media (max-width: 992px) {
    .sub-navbar {
        top: 60px;
    }

    .sub-nav-container {
        padding: 0 16px;
    }

    .sub-mobile-toggle {
        display: flex;
    }

    .sub-nav-links {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #0F172A;
        flex-direction: column;
        align-items: flex-start;
        padding: 15px 24px;
        gap: 12px;
        box-shadow: 0 10px 20px rgba(0,0,0,0.2);
        border-top: 1px solid #1E293B;
        display: none; /* Hidden by default */
    }

    .sub-nav-links.active {
        display: flex; /* Opens on toggle click */
    }

    .sub-nav-links a {
        width: 100%;
        padding: 8px 0;
        border-bottom: 1px solid rgba(255,255,255,0.05);
        font-size: 14px;
    }
}
      /* --- Header Styles --- */
.main-header {
    background: #FFFFFF;
    border-bottom: 1px solid #E2E8F0;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}

.header-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 12px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
img, video {
    max-width: 100%;
    height: auto;
}
.brand-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; }

.logo-crest i { font-size: 20px; color: #F59E0B; }
.brand-title { font-family: 'Cinzel', serif; font-size: 18px; font-weight: 800; color: #0F172A; line-height: 1.1; }
.brand-title span { color: #F59E0B; }
.brand-tagline { font-size: 9.5px; font-weight: 800; letter-spacing: 1.5px; color: #64748B; text-transform: uppercase; margin-top: 2px; }

.center-proof-pill {
    display: flex; align-items: center; gap: 14px;
    background: #F8FAFC; border: 1px solid #E2E8F0;
    padding: 6px 16px; border-radius: 30px;
}
.proof-box { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: #0F172A; text-decoration: none; }
.proof-box:hover { text-decoration: underline; }
.stars-gold { color: #F59E0B; font-size: 11px; display: flex; gap: 2px; }
.proof-divider { width: 1px; height: 16px; background: #CBD5E1; }

.header-actions { display: flex; align-items: center; gap: 12px; }
.lang-selector-box, .currency-selector-box {
    display: flex; align-items: center; gap: 6px;
    background: #F1F5F9; border: 1px solid #CBD5E1;
    padding: 6px 10px; border-radius: 8px; font-size: 12px; font-weight: 700; color: #0F172A;
}
.lang-selector-box select, .currency-selector-box select {
    background: transparent; border: none; font-size: 12px; font-weight: 700; color: #0F172A; outline: none; cursor: pointer;
}
.btn-header-whatsapp {
    display: flex; align-items: center; gap: 8px;
    background: #25D366; color: #FFFFFF; padding: 8px 16px;
    border-radius: 30px; font-size: 12.5px; font-weight: 800; text-decoration: none;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.25); transition: all 0.2s ease;
}
.btn-header-whatsapp:hover { background: #1EBE5D; transform: translateY(-1px); }
 
/* --- Responsive Media Query for Mobile --- */
@media (max-width: 992px) {
    .center-proof-pill {
        display: none; /* Hide reviews on mobile to save space */
    }

    .mobile-menu-toggle {
        display: block; /* Show hamburger icon */
    }

    .header-actions {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #FFFFFF;
        flex-direction: column;
        align-items: stretch;
        padding: 20px;
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        border-bottom: 1px solid #E2E8F0;
        display: none; /* Hidden by default, toggled via JS */
    }

    .header-actions.active {
        display: flex; /* Show when active */
    }

    .lang-selector-box, .currency-selector-box {
        width: 100%;
        justify-content: space-between;
    }

    .lang-selector-box select, .currency-selector-box select {
        width: 100%;
    }

    .btn-header-whatsapp {
        justify-content: center;
        padding: 12px;
    }
}

        /* --- Hero Section --- */
        .hero {
            position: relative;
            background: linear-gradient(180deg, rgba(11,19,43,0.7) 0%, rgba(11,19,43,0.85) 100%), 
                        url('bg-banner.webp') center/cover no-repeat;
            color: #FFFFFF; padding: 96px 20px 84px; text-align: center;
        }
        .hero-content { max-width: 900px; margin: 0 auto; }
        .badge-trust-group { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; }
        .badge-trust {
            display: inline-flex; align-items: center; gap: 8px;
            background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(8px);
            border: 1px solid rgba(255, 255, 255, 0.25); padding: 6px 16px;
            border-radius: 30px; font-size: 12px; font-weight: 700; color: #FFE29A;
        }
        .hero h1 { font-size: 38px; font-weight: 800; line-height: 1.25; margin-bottom: 14px; }
        .hero-price { font-size: 18px; color: #E2E8F0; margin-bottom: 10px; }
        .hero-price span { font-size: 26px; font-weight: 800; color: #FFFFFF; }
/* --- Hero Section --- */
        .hero1 {
            position: relative;
            background: linear-gradient(180deg, rgb(11 19 43 / 20%) 0%, rgb(11 19 43 / 35%) 100%), url(bg-banner.webp) center / cover no-repeat;
            color: #FFFFFF; padding: 196px 20px 184px; text-align: center;
        }
        .hero1-content { max-width: 900px; margin: 0 auto; }
        .badge-trust-group { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; }
        .badge-trust {
            display: inline-flex; align-items: center; gap: 8px;
            background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(8px);
            border: 1px solid rgba(255, 255, 255, 0.25); padding: 6px 16px;
            border-radius: 30px; font-size: 12px; font-weight: 700; color: #FFE29A;
        }
        .hero1 h1 { font-size: 38px; font-weight: 800; line-height: 1.25; margin-bottom: 14px; }
        .hero1-price { font-size: 18px; color: #E2E8F0; margin-bottom: 10px; }
        .hero1-price span { font-size: 26px; font-weight: 800; color: #FFFFFF; }
		.hero1 {
    position: relative;
    background: linear-gradient(180deg, rgb(11 19 43 / 51%) 0%, rgb(11 19 43 / 42%) 100%), url(https://images.unsplash.com/photo-1564507592333-c60657eea523?auto=format&fit=crop&w=1600&q=80) center / cover no-repeat;
    color: #FFFFFF;
    padding: 220px 20px 200px 20px;
    text-align: center;
}

.hero1-title {
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #ffffff;
    margin-bottom: 15px;
    font-weight: 600;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    display: inline-block;
    border-bottom: 2px solid #f59e0b;
    padding-bottom: 5px;
}

  /* Extra styling for dual buttons and tour details */
        .tour-btn-group {
            display: flex;
            gap: 10px;
            margin-top: 15px;
        }
        .tour-btn-group .tour-btn, .tour-btn-group .card-book-btn {
            flex: 1;
            padding: 10px;
            text-align: center;
            border-radius: 6px;
            font-weight: 700;
            cursor: pointer;
            text-decoration: none;
            font-size: 13px;
        }
        .tour-btn {
            background: #f1f5f9;
            color: #1e293b;
            border: 1px solid #cbd5e1;
        }
        .card-book-btn {
            background: #f59e0b;
            color: #ffffff;
            border: none;
        }
        .card-meta-info {
            font-size: 12px;
            color: #475569;
            background: #f8fafc;
            padding: 8px;
            border-radius: 6px;
            margin: 10px 0;
            border-left: 3px solid #f59e0b;
        }
        .tour-rating-box {
            display: flex;
            align-items: center;
            gap: 5px;
            font-size: 12px;
            color: #f59e0b;
            margin-bottom: 8px;
            font-weight: 600;
        }
        .tour-rating-box span {
            color: #64748b;
        }
        /* --- Highlights Bar --- */
        .travel-highlights-bar {
            background-color: #FFFDF7;
            border-top: 1px solid rgba(217, 119, 6, 0.2);
            border-bottom: 1px solid rgba(217, 119, 6, 0.2);
            padding: 20px 15px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
        }
        .thb-container { max-width: 1150px; margin: 0 auto; display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; }
        .thb-item { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 10px; border-right: 1px solid var(--border-color); }
        .thb-item:last-child { border-right: none; }
        .thb-icon { width: 44px; height: 44px; margin-bottom: 8px; display: flex; align-items: center; justify-content: center; background: #FEF3C7; border-radius: 50%; color: var(--accent-gold); font-size: 18px; }
        .thb-text { font-size: 12px; font-weight: 800; color: var(--primary-dark); text-transform: uppercase; line-height: 1.35; }

        /* --- Live Recent Bookings Banner (New Addition) --- */
        .recent-booking-ticker {
            background: linear-gradient(90deg, #FEF3C7, #FFFBEB);
            border-bottom: 1px solid #FCD34D;
            padding: 10px 20px;
            font-size: 13px;
            font-weight: 700;
            color: #92400E;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
        }
        .recent-booking-ticker i { color: var(--accent-gold); animation: bounce 1.5s infinite; }

        /* --- Search Bar Wrapper --- */
        .search-bar-wrapper { max-width: 1100px; margin: 30px auto 40px; padding: 0 20px; position: relative; z-index: 10; }
        .search-bar { background: #FFFFFF; border-radius: 16px; padding: 16px 24px; box-shadow: var(--shadow-lg); border: 1px solid var(--border-color); display: flex; justify-content: space-between; align-items: center; }
        .quick-info-text { display: flex; align-items: center; gap: 12px; font-weight: 700; color: var(--primary-dark); font-size: 15px; }
        .quick-info-text i { color: var(--accent-gold); font-size: 20px; }
        .btn-search { background: var(--accent-gold); color: #FFFFFF; border: none; padding: 14px 28px; border-radius: 12px; font-weight: 700; font-size: 15px; cursor: pointer; display: flex; align-items: center; gap: 8px; transition: all 0.2s ease; box-shadow: 0 4px 12px rgba(217, 119, 6, 0.3); }
        .btn-search:hover { background: #B45309; transform: translateY(-1px); }

        /* --- Main Layout --- */
        .main-container { max-width: 1150px; margin: 0 auto; padding: 0 20px; }
        .section-title { text-align: center; margin-bottom: 28px; position: relative; }
        .section-title h2 { font-size: 24px; font-weight: 800; color: var(--primary-dark); }
        .section-title h2 span { color: var(--accent-gold); }
        .section-title p { font-size: 14px; color: var(--text-muted); margin-top: 4px; }
        .title-line { width: 50px; height: 3px; background: var(--accent-gold); margin: 8px auto 0; border-radius: 2px; }

        .steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 40px; }
        .step-card { background: var(--card-bg); border-radius: var(--radius-md); padding: 20px 16px; border: 1px solid var(--border-color); box-shadow: var(--shadow-sm); text-align: center; position: relative; transition: transform 0.2s ease; }
        .step-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
        .step-num { position: absolute; top: 12px; left: 12px; width: 24px; height: 24px; background: #FEF3C7; color: var(--accent-gold); border-radius: 50%; font-size: 12px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
        .step-icon { width: 50px; height: 50px; background: #F1F5F9; color: var(--primary-dark); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 20px; margin: 10px auto 12px; }
        .step-card h3 { font-size: 14px; font-weight: 700; color: var(--primary-dark); margin-bottom: 4px; }
        .step-card p { font-size: 12px; color: var(--text-muted); line-height: 1.4; }

        .content-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 32px; align-items: start; }
        .details-card { background: var(--card-bg); border-radius: var(--radius-lg); padding: 28px; border: 1px solid var(--border-color); box-shadow: var(--shadow-sm); margin-bottom: 24px; }
        .details-card h3 { font-size: 18px; font-weight: 800; margin-bottom: 16px; color: var(--primary-dark); display: flex; align-items: center; gap: 10px; }
        .details-card h3 i { color: var(--accent-gold); }
        .feature-list { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
        .feature-list li { font-size: 13.5px; font-weight: 600; color: #334155; display: flex; align-items: center; gap: 10px; }
        .feature-list li i { color: var(--success-green); font-size: 16px; }

        /* Inclusion Checklist Box */
        .inclusion-checklist-box {
            background: #ECFDF5;
            border: 1px solid #A7F3D0;
            border-radius: var(--radius-md);
            padding: 16px;
            margin-bottom: 20px;
        }
        .inclusion-checklist-box h4 {
            font-size: 13.5px;
            font-weight: 800;
            color: #065F46;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .checklist-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px;
            font-size: 12px;
            font-weight: 700;
            color: #047857;
        }
        .checklist-grid div { display: flex; align-items: center; gap: 6px; }

        /* Left Tour Details Guide Box */
        .tour-guide-box {
            background: #FFFFFF;
            border: 1px solid var(--border-color);
            border-radius: var(--radius-lg);
            padding: 24px;
            margin-bottom: 24px;
            box-shadow: var(--shadow-sm);
        }
        .tour-guide-box h3 { font-size: 17px; font-weight: 800; color: var(--primary-dark); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
        .tour-guide-box h3 i { color: var(--accent-gold); }
        .guide-step-list { list-style: none; margin-top: 12px; }
        .guide-step-item { display: flex; gap: 12px; margin-bottom: 14px; }
        .g-num { width: 26px; height: 26px; background: #FEF3C7; color: var(--accent-gold); font-size: 12px; font-weight: 800; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
        .g-text strong { display: block; font-size: 13px; color: var(--primary-dark); }
        .g-text p { font-size: 12px; color: var(--text-muted); line-height: 1.4; }

        .social-proof-card { background: linear-gradient(135deg, #FFFBEB, #FEF3C7); border: 1px solid #FCD34D; border-radius: var(--radius-lg); padding: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; text-align: center; }
        .platform-box { background: #FFFFFF; padding: 14px; border-radius: var(--radius-md); box-shadow: 0 2px 6px rgba(0,0,0,0.04); text-decoration: none; color: inherit; display: block; transition: transform 0.2s ease; }
        .platform-box:hover { transform: translateY(-2px); }
        .platform-name { font-size: 13px; font-weight: 800; color: var(--primary-dark); text-transform: uppercase; }
        .stars { color: #F59E0B; font-size: 13px; margin: 4px 0; }
        .reviews-count { font-size: 11px; font-weight: 600; color: var(--text-muted); }

        /* Recent Bookings Client Wall Section (New) */
        .recent-clients-section { background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: 20px; margin-bottom: 24px; box-shadow: var(--shadow-sm); }
        .recent-clients-section h4 { font-size: 14px; font-weight: 800; color: var(--primary-dark); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
        .client-pill-list { display: flex; flex-direction: column; gap: 8px; }
        .client-pill { display: flex; justify-content: space-between; align-items: center; background: #F8FAFC; padding: 8px 12px; border-radius: 8px; font-size: 12px; border: 1px solid #E2E8F0; }
        .client-pill strong { color: var(--primary-dark); }
        .client-pill span { color: var(--success-green); font-weight: 700; font-size: 11px; }

        /* Booking Form */
        .booking-form-card { background: var(--primary-dark); color: #FFFFFF; border-radius: var(--radius-lg); padding: 28px; box-shadow: var(--shadow-lg); position: sticky; top: 90px; transition: border 0.3s ease; }
        .form-header { margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.12); padding-bottom: 16px; }
        .form-header h3 { font-size: 20px; font-weight: 800; color: #FFFFFF; }
        .form-header p { font-size: 12px; color: #94A3B8; }
        .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
        .form-group { margin-bottom: 16px; }
        .form-group label { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; color: #CBD5E1; margin-bottom: 6px; }
        .input-box { position: relative; }
        .input-box i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #64748B; font-size: 14px; }
        .input-box input, .input-box select { width: 100%; padding: 12px 14px 12px 38px; background: #1E293B; border: 1px solid #334155; border-radius: var(--radius-md); color: #FFFFFF; font-size: 13px; font-weight: 600; outline: none; }
        .phone-group { display: flex; gap: 8px; }
        .country-code { width: 95px; background: #1E293B; border: 1px solid #334155; border-radius: var(--radius-md); color: #FFFFFF; font-size: 12px; padding: 0 6px; font-weight: 600; }

        .payment-method-selector {
            background: #1E293B;
            border: 1px solid #334155;
            border-radius: var(--radius-md);
            padding: 12px;
            margin-bottom: 16px;
        }
        .payment-method-selector label { font-size: 11px; font-weight: 700; color: #CBD5E1; text-transform: uppercase; margin-bottom: 8px; display: block; }
        .pay-options { display: flex; gap: 10px; }
        .pay-option { flex: 1; background: #0F172A; border: 1px solid #334155; border-radius: 6px; padding: 8px; text-align: center; cursor: pointer; font-size: 12px; font-weight: 700; color: #94A3B8; }
        .pay-option.active { border-color: var(--accent-gold); color: #FFFFFF; background: rgba(217,119,6,0.1); }

        .price-summary-box { background: rgba(255,255,255,0.06); border: 1px dashed rgba(245, 158, 11, 0.4); border-radius: var(--radius-md); padding: 16px; margin: 18px 0; display: flex; justify-content: space-between; align-items: center; }
        .price-label { font-size: 12px; color: #94A3B8; font-weight: 600; }
        .price-details-sub { font-size: 11px; color: #F59E0B; font-weight: 700; margin-top: 2px; }
        .price-val { font-size: 24px; font-weight: 800; color: var(--success-green); text-align: right; }

        .btn-submit-booking { width: 100%; background: linear-gradient(135deg, var(--accent-gold), #B45309); color: #FFFFFF; border: none; padding: 16px; border-radius: var(--radius-md); font-size: 15px; font-weight: 800; cursor: pointer; text-transform: uppercase; box-shadow: 0 6px 20px rgba(217, 119, 6, 0.4); }
        .secure-notice { text-align: center; font-size: 11px; color: #94A3B8; margin-top: 12px; display: flex; align-items: center; justify-content: center; gap: 6px; }

        /* Trust & Partners Sections */
        .trust-section, .partners-section, .reviews-section, .seo-content-section {
            max-width: 1240px;
            margin: 60px auto;
            padding: 0 20px;
        }

        .trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
        .trust-card { background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 24px 20px; text-align: center; box-shadow: var(--shadow-sm); transition: transform 0.2s ease, box-shadow 0.2s ease; }
        .trust-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
        .trust-card i { font-size: 32px; color: var(--accent-gold); margin-bottom: 12px; }
        .trust-card h3 { font-size: 16px; font-weight: 800; color: var(--primary-dark); margin-bottom: 8px; }
        .trust-card p { font-size: 12.5px; color: var(--text-muted); line-height: 1.5; }

        .partner-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
        .partner-card { background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 18px 20px; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 14px; font-weight: 700; color: var(--primary-dark); box-shadow: var(--shadow-sm); text-decoration: none; transition: background 0.2s; }
        .partner-card:hover { background: #F8FAFC; }
        .partner-card i { font-size: 20px; color: var(--accent-gold); }

        /* Reviews Grid */
        .reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 24px; }
        .review-card { background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: 24px; box-shadow: var(--shadow-sm); display: flex; flex-direction: column; justify-content: space-between; }
        .review-stars { color: #F59E0B; font-size: 14px; margin-bottom: 12px; display: flex; gap: 2px; }
        .review-text { font-size: 13.5px; color: #334155; font-style: italic; line-height: 1.6; margin-bottom: 20px; }
        .reviewer-info h4 { font-size: 14px; font-weight: 800; color: var(--primary-dark); }
        .reviewer-info span { font-size: 11.5px; color: var(--success-green); font-weight: 700; display: flex; align-items: center; gap: 4px; margin-top: 2px; }

        /* Destinations Grid */
        .destinations-section { max-width: 1240px; margin: 50px auto; padding: 0 20px; }
        .destinations-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
        .destination-card { position: relative; border-radius: 16px; overflow: hidden; height: 320px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); transition: transform 0.3s ease; text-decoration: none; display: block; }
        .destination-card:hover { transform: translateY(-5px); }
        .destination-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
        .destination-card:hover img { transform: scale(1.08); }
        .dest-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0.1) 30%, rgba(11,19,43,0.92) 100%); padding: 20px; display: flex; flex-direction: column; justify-content: flex-end; color: #FFFFFF; }
        .dest-badge { position: absolute; top: 14px; left: 14px; background: rgba(217, 119, 6, 0.9); color: #FFFFFF; font-size: 10px; font-weight: 800; text-transform: uppercase; padding: 4px 10px; border-radius: 20px; }
        .dest-overlay h3 { font-size: 20px; font-weight: 800; margin-bottom: 2px; }
        .dest-overlay p { font-size: 12px; color: #CBD5E1; margin-bottom: 12px; }
        .dest-link { color: #F59E0B; text-decoration: none; font-size: 12.5px; font-weight: 800; display: inline-flex; align-items: center; gap: 6px; }

        /* Slider Styles (Optimized & Smooth Swiper) */
        .tour-slider-section { max-width: 1240px; margin: 60px auto; padding: 0 20px; position: relative; }
        .slider-header-flex { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 24px; }
        .text-left { text-align: left !important; margin-bottom: 0 !important; }
        .slider-controls { display: flex; gap: 10px; }
        .slide-btn { width: 42px; height: 42px; border-radius: 50%; border: 1px solid #CBD5E1; background: #FFFFFF; color: #0F172A; font-size: 16px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; }
        .slide-btn:hover { background: #0B132B; color: #FFFFFF; border-color: #0B132B; }
        
        .swiper-slide { height: auto; }
        .slide-card-link { text-decoration: none; color: inherit; display: block; height: 100%; }
        .slide-card { background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 14px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.04); display: flex; flex-direction: column; height: 100%; transition: transform 0.2s ease, box-shadow 0.2s ease; }
        .slide-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
        .slide-img { position: relative; height: 180px; width: 100%; overflow: hidden; }
        .slide-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
        .slide-card:hover .slide-img img { transform: scale(1.05); }
        .slide-badge { position: absolute; bottom: 10px; left: 10px; background: rgba(11, 19, 43, 0.85); color: #FFF; font-size: 10px; font-weight: 700; padding: 3px 8px; border-radius: 4px; }
        .slide-content { padding: 16px; display: flex; flex-direction: column; flex-grow: 1; }
        .slide-content h4 { font-size: 15px; font-weight: 800; color: #0F172A; margin-bottom: 6px; line-height: 1.3; }
        .slide-content p { font-size: 12px; color: #64748B; margin-bottom: 12px; }
        .slide-footer { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #F1F5F9; padding-top: 12px; font-size: 12px; margin-top: auto; }
        .slide-footer button { background: #D97706; color: #FFF; border: none; padding: 6px 14px; border-radius: 6px; font-weight: 800; cursor: pointer; }

        /* Featured Tour Grid */
        .top-featured-section { max-width: 1240px; margin: 60px auto; padding: 0 20px; }
        .featured-tours-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
        .featured-tour-card { background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); display: flex; flex-direction: column; transition: transform 0.25s ease, box-shadow 0.25s ease; text-decoration: none; color: inherit; }
        .featured-tour-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
        .ft-card-img { position: relative; height: 190px; overflow: hidden; }
        .ft-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
        .featured-tour-card:hover .ft-card-img img { transform: scale(1.04); }
        .ft-badge { position: absolute; top: 12px; left: 12px; padding: 5px 12px; border-radius: 20px; font-size: 11px; font-weight: 800; text-transform: uppercase; color: #FFFFFF; box-shadow: 0 2px 8px rgba(0,0,0,0.2); }
        .badge-popular { background: #E11D48; }
        .badge-recommended { background: #D97706; }
        .badge-express { background: #2563EB; }
        .badge-gt { background: #8B5CF6; }
        .ft-card-body { padding: 20px; display: flex; flex-direction: column; flex: 1; }
        .ft-meta { display: flex; gap: 16px; font-size: 12px; font-weight: 700; color: var(--text-muted); margin-bottom: 8px; }
        .ft-meta i { color: var(--accent-gold); }
        .ft-title { font-size: 16px; font-weight: 800; color: var(--primary-dark); line-height: 1.35; margin-bottom: 6px; }
        .ft-subtitle { font-size: 12.5px; color: var(--text-muted); margin-bottom: 14px; line-height: 1.4; }
        .ft-highlights { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
        .ft-highlights span { font-size: 11px; font-weight: 700; background: #F1F5F9; color: #334155; padding: 4px 8px; border-radius: 6px; }
        .ft-highlights span i { color: var(--success-green); margin-right: 4px; }
        .ft-footer { display: flex; justify-content: space-between; align-items: center; padding-top: 14px; border-top: 1px solid var(--border-color); margin-top: auto; }
        .ft-price { display: flex; flex-direction: column; }
        .p-label { font-size: 10px; text-transform: uppercase; font-weight: 700; color: var(--text-muted); }
        .p-amount { font-size: 18px; font-weight: 800; color: var(--primary-dark); }
        .btn-ft-book { background: var(--primary-navy); color: #FFFFFF; border: none; padding: 10px 18px; border-radius: 8px; font-weight: 700; font-size: 13px; cursor: pointer; transition: background 0.2s; }
        .btn-ft-book:hover { background: var(--accent-gold); }

        /* FAQ Section */
        .faq-section { max-width: 1000px; margin: 60px auto; padding: 0 20px; }
        .faq-container { display: flex; flex-direction: column; gap: 14px; margin-top: 24px; }
        .faq-item { background: #FFFFFF; border: 1px solid var(--border-color); border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-sm); }
        .faq-question { padding: 18px 24px; font-size: 15px; font-weight: 700; color: var(--primary-dark); display: flex; justify-content: space-between; align-items: center; cursor: pointer; user-select: none; transition: background 0.2s; }
        .faq-question:hover { background: #F8FAFC; }
        .faq-question i { color: var(--accent-gold); transition: transform 0.3s ease; }
        .faq-answer { padding: 0 24px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; background: #FAFAFA; border-top: 1px solid transparent; }
        .faq-item.active .faq-question i { transform: rotate(180deg); }
        .faq-item.active .faq-answer { max-height: 250px; padding: 16px 24px; border-top-color: var(--border-color); }
        .faq-answer p { font-size: 13.5px; color: var(--text-muted); line-height: 1.6; }

        /* SEO Content & Local Food Section */
        .seo-content-box {
            background: #FFFFFF;
            border: 1px solid var(--border-color);
            border-radius: var(--radius-lg);
            padding: 36px;
            box-shadow: var(--shadow-sm);
        }
        .seo-content-box h2 { font-size: 26px; font-weight: 800; color: var(--primary-dark); margin-bottom: 16px; border-bottom: 2px solid var(--accent-gold); padding-bottom: 8px; display: inline-block; }
        .seo-content-box h3 { font-size: 20px; font-weight: 700; color: var(--primary-navy); margin: 24px 0 12px; }
        .seo-content-box p { font-size: 14.5px; color: #334155; line-height: 1.75; margin-bottom: 14px; }
        .seo-content-box ul { margin: 12px 0 20px 24px; color: #334155; font-size: 14px; }
        .seo-content-box ul li { margin-bottom: 8px; }

        /* Food List Grid */
        .food-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 16px; }
        .food-card { background: #F8FAFC; border: 1px solid #E2E8F0; padding: 16px; border-radius: 12px; text-align: left; }
        .food-card h4 { color: var(--accent-gold); font-size: 15px; margin-bottom: 6px; }
        .food-card p { font-size: 12.5px; color: #64748B; margin-bottom: 0; }

        /* Footer */
        .site-footer { background-color: #070D1E; color: #94A3B8; font-size: 13px; border-top: 3px solid #D97706; margin-top: 80px; }
        .footer-container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
        .footer-trust-strip { background: #0E172F; border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding: 24px 0; }
        .trust-features-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
        .tf-item { display: flex; align-items: center; gap: 14px; }
        .tf-item i { font-size: 26px; color: #F59E0B; }
        .tf-item strong { display: block; color: #FFFFFF; font-size: 13.5px; font-weight: 700; }
        .tf-item span { font-size: 11.5px; color: #94A3B8; }

        .main-footer-body { padding: 60px 0 40px; }
        .footer-cols-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr 1.2fr; gap: 32px; }
        .f-col-title { color: #FFFFFF; font-size: 14.5px; font-weight: 800; margin-bottom: 20px; position: relative; padding-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; }
        .f-col-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 28px; height: 2px; background: #D97706; }
        
        .footer-brand-logo { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
        .f-logo-crest { width: 38px; height: 38px; background: linear-gradient(135deg, #1C2541, #0B132B); border: 1.5px solid #D97706; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #F59E0B; }
        .f-title { font-family: 'Cinzel', serif; font-size: 16px; font-weight: 800; color: #FFFFFF; line-height: 1; }
        .f-title span { color: #D97706; }
        .f-subtitle { font-size: 8.5px; font-weight: 800; letter-spacing: 1px; color: #94A3B8; }
        .brand-desc { font-size: 12.5px; line-height: 1.6; margin-bottom: 18px; color: #CBD5E1; }
        
        .contact-info-list { display: flex; flex-direction: column; gap: 10px; list-style: none; }
        .c-info-item { display: flex; align-items: flex-start; gap: 10px; font-size: 12px; color: #CBD5E1; }
        .c-info-item i { color: #F59E0B; margin-top: 3px; font-size: 14px; }

        .f-links-list { list-style: none; }
        .f-links-list li { margin-bottom: 10px; }
        .f-links-list a { color: #CBD5E1; text-decoration: none; font-size: 12.5px; font-weight: 600; display: flex; align-items: center; gap: 8px; transition: all 0.2s; }
        .f-links-list a i { font-size: 9px; color: #D97706; }
        .f-links-list a:hover { color: #FFFFFF; transform: translateX(3px); }

        .payment-methods-grid { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
        .pay-icon { background: #FFFFFF; width: 44px; height: 28px; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 18px; box-shadow: 0 2px 4px rgba(0,0,0,0.2); }

        .partner-badges { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; }
        .partner-item { background: #131E3A; border: 1px solid rgba(255,255,255,0.08); padding: 8px 12px; border-radius: 8px; display: flex; align-items: center; gap: 10px; font-size: 11px; color: #E2E8F0; text-decoration: none; }
        .partner-item:hover { background: #1C2951; }
        .partner-item i { color: #F59E0B; font-size: 16px; }

        .footer-bottom-bar { background: #030712; padding: 20px 0; border-top: 1px solid rgba(255, 255, 255, 0.06); font-size: 12px; color: #64748B; }
        .bottom-flex { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
        .disclaimer-text { color: #D97706; font-weight: 700; }
        .legal-links { display: flex; gap: 16px; list-style: none; }
        .legal-links a { color: #94A3B8; text-decoration: none; font-size: 11.5px; }
        .legal-links a:hover { color: #FFFFFF; }

        /* Media Queries */
        @media (max-width: 992px) {
            .top-trust-bar, .center-proof-pill { display: none; }
            .thb-container { grid-template-columns: repeat(3, 1fr); gap: 20px 0; }
            .steps-grid, .content-grid { grid-template-columns: 1fr; }
            .booking-form-card { position: static; }
            .destinations-grid, .trust-grid, .partner-grid, .reviews-grid, .featured-tours-grid, .trust-features-grid, .footer-cols-grid, .food-grid { grid-template-columns: repeat(2, 1fr); }
            .footer-controls-container { flex-direction: column; align-items: flex-start; }
        }

        @media (max-width: 600px) {
            .hero h1 { font-size: 26px; }
            .thb-container { grid-template-columns: repeat(2, 1fr); gap: 15px 0; }
            .thb-item { border-right: none; border-bottom: 1px solid var(--border-color); padding-bottom: 12px; }
            .form-row, .steps-grid, .feature-list, .destinations-grid, .featured-tours-grid, .trust-features-grid, .footer-cols-grid, .trust-grid, .partner-grid, .reviews-grid, .checklist-grid, .food-grid { grid-template-columns: 1fr; }
            .bottom-flex { flex-direction: column; gap: 10px; text-align: center; }
            .slider-header-flex { flex-direction: column; align-items: flex-start; gap: 12px; }
            .fixed-left-widgets { bottom: 15px; left: 15px; }
            .floating-btn { width: 44px; height: 44px; font-size: 18px; }
        }
		      @keyframes slideUp {
            0% { opacity: 0; transform: translateY(15px); }
            100% { opacity: 1; transform: translateY(0); }
        }
        .animate-slide-up {
            animation: slideUp 0.5s ease-out forwards;
        }
		    /* CSS provided from your source */
        :root {
            --primary-dark: #0B132B;
            --primary-navy: #1C2541;
            --accent-gold: #D97706;
            --gold-light: #FFFBEB;
            --bg-light: #F8FAFC;
            --card-bg: #FFFFFF;
            --text-dark: #0F172A;
            --text-muted: #64748B;
            --border-color: #E2E8F0;
            --success-green: #10B981;
            --radius-lg: 16px;
            --radius-md: 10px;
            --shadow-sm: 0 1px 3px rgba(0,0,0,0.05);
            --shadow-md: 0 4px 20px -2px rgba(15, 23, 42, 0.08);
            --shadow-lg: 0 20px 30px -10px rgba(15, 23, 42, 0.15);
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
            -webkit-tap-highlight-color: transparent;
        }

        body {
            background-color: var(--bg-light);
            color: var(--text-dark);
            line-height: 1.6;
            top: 0px !important;
            position: relative;
        }

        /* Smooth scrolling for anchor navigation */
        html {
            scroll-behavior: smooth;
        }

        /* --- Floating Sticky Buttons --- */
        .fixed-left-widgets {
            position: fixed;
            bottom: 20px;
            left: 20px;
            z-index: 9999;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .floating-btn-container {
            position: relative;
            display: flex;
            align-items: center;
        }

        .floating-btn {
            width: 52px;
            height: 52px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #FFFFFF;
            font-size: 22px;
            text-decoration: none;
            box-shadow: 0 4px 15px rgba(0,0,0,0.3);
            transition: transform 0.3s ease, background 0.3s ease;
        }

        .floating-btn:hover {
            transform: scale(1.1);
        }

        .btn-float-whatsapp { background-color: #25D366; }
        .btn-float-call { background-color: #0284C7; }

        .wa-response-badge {
            position: absolute;
            left: 60px;
            white-space: nowrap;
            background: #25D366;
            color: #FFFFFF;
            font-size: 11px;
            font-weight: 800;
            padding: 4px 10px;
            border-radius: 20px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.2);
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }

        .btn-top-scroll {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 48px;
            height: 48px;
            background-color: var(--primary-navy);
            color: #FFFFFF;
            border: 2px solid var(--accent-gold);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            cursor: pointer;
            z-index: 9999;
            box-shadow: 0 4px 15px rgba(0,0,0,0.25);
            transition: all 0.3s ease;
            opacity: 0;
            visibility: hidden;
        }

        .btn-top-scroll.show {
            opacity: 1;
            visibility: visible;
        }

        .btn-top-scroll:hover {
            background-color: var(--accent-gold);
            color: #FFFFFF;
        }

        /* --- Top Trust Bar --- */
        .top-trust-bar {
            background: var(--primary-dark);
            color: #CBD5E1;
            font-size: 11px;
            font-weight: 600;
            padding: 6px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .top-bar-container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 24px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .trust-items-left, .trust-items-right {
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .trust-badge-item { display: flex; align-items: center; gap: 6px; }
        .trust-badge-item i { color: #F59E0B; }
        .trust-badge-item strong { color: #FFFFFF; }
        .top-link { color: #CBD5E1; text-decoration: none; transition: color 0.2s; }
        .top-link:hover { color: #FFFFFF; }

      

        /* --- Header Styles --- */
        .main-header {
            background: #FFFFFF;
            border-bottom: 1px solid #E2E8F0;
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: 0 4px 15px rgba(0,0,0,0.03);
        }

        .header-container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 12px 24px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;
        }

        .brand-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; }
        .logo-crest {
            width: 44px; height: 44px;
            background: linear-gradient(135deg, #1C2541, #0B132B);
            border: 2px solid #F59E0B;
            border-radius: 12px;
            display: flex; align-items: center; justify-content: center;
            box-shadow: 0 4px 10px rgba(217, 119, 6, 0.2);
        }
        .logo-crest i { font-size: 20px; color: #F59E0B; }
        .brand-title { font-family: 'Cinzel', serif; font-size: 18px; font-weight: 800; color: #0F172A; line-height: 1.1; }
        .brand-title span { color: #F59E0B; }
        .brand-tagline { font-size: 9.5px; font-weight: 800; letter-spacing: 1.5px; color: #64748B; text-transform: uppercase; margin-top: 2px; }

        .center-proof-pill {
            display: flex; align-items: center; gap: 14px;
            background: #F8FAFC; border: 1px solid #E2E8F0;
            padding: 6px 16px; border-radius: 30px;
        }
        .proof-box { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: #0F172A; text-decoration: none; }
        .proof-box:hover { text-decoration: underline; }
        .stars-gold { color: #F59E0B; font-size: 11px; display: flex; gap: 2px; }
        .proof-divider { width: 1px; height: 16px; background: #CBD5E1; }

        .header-actions { display: flex; align-items: center; gap: 12px; }
        .btn-header-whatsapp {
            display: flex; align-items: center; gap: 8px;
            background: #25D366; color: #FFFFFF; padding: 8px 16px;
            border-radius: 30px; font-size: 12.5px; font-weight: 800; text-decoration: none;
            box-shadow: 0 4px 12px rgba(37, 211, 102, 0.25); transition: all 0.2s ease;
        }
        .btn-header-whatsapp:hover { background: #1EBE5D; transform: translateY(-1px); }

        /* --- Hero Banner --- */
        .hero {
            position: relative;
            background: linear-gradient(180deg, rgb(11 19 43 / 51%) 0%, rgb(11 19 43 / 42%) 100%), url(https://images.unsplash.com/photo-1564507592333-c60657eea523?auto=format&fit=crop&w=1600&q=80) center / cover no-repeat;
            color: #FFFFFF; padding: 60px 20px; text-align: center;
        }
        .hero-content { max-width: 900px; margin: 0 auto; }
        .hero h1 { font-size: 32px; font-weight: 800; line-height: 1.25; margin-bottom: 10px; }
        .hero-price { font-size: 16px; color: #E2E8F0; }
        .hero-price span { font-size: 22px; font-weight: 800; color: #FFFFFF; }

        /* --- Main Layout Grid --- */
        .main-container { max-width: 1200px; margin: 30px auto; padding: 0 20px; }
        .tour-layout-grid { display: grid; grid-template-columns: 1fr 400px; gap: 30px; align-items: start; }

        .tour-main-content { display: flex; flex-direction: column; gap: 30px; }

        /* Section Cards */
        .content-section-card {
            background: var(--card-bg);
            border: 1px solid var(--border-color);
            border-radius: var(--radius-lg);
            padding: 28px;
            box-shadow: var(--shadow-sm);
            scroll-margin-top: 130px; /* Accounts for sticky headers */
        }
        .content-section-card h2 {
            font-size: 20px;
            font-weight: 800;
            color: var(--primary-dark);
            margin-bottom: 16px;
            display: flex;
            align-items: center;
            gap: 10px;
            border-bottom: 2px solid var(--accent-gold);
            padding-bottom: 8px;
        }
        .content-section-card h2 i { color: var(--accent-gold); }

        /* Overview List & Itinerary Timeline */
        .overview-text { font-size: 14.5px; color: #334155; line-height: 1.7; margin-bottom: 16px; }
        .overview-bullets { list-style: none; display: flex; flex-direction: column; gap: 10px; }
        .overview-bullets li { font-size: 14px; font-weight: 600; color: var(--text-dark); display: flex; align-items: flex-start; gap: 10px; }
        .overview-bullets li i { color: var(--success-green); font-size: 16px; margin-top: 3px; }

        /* Itinerary Timeline */
        .itinerary-timeline { display: flex; flex-direction: column; gap: 20px; position: relative; margin-top: 15px; }
        .itinerary-timeline::before {
            content: '';
            position: absolute;
            left: 15px;
            top: 10px;
            bottom: 10px;
            width: 2px;
            background: #E2E8F0;
        }
        .itinerary-step { display: flex; gap: 16px; position: relative; }
        .itinerary-dot {
            width: 32px;
            height: 32px;
            background: #FEF3C7;
            border: 2px solid var(--accent-gold);
            color: var(--accent-gold);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 13px;
            font-weight: 800;
            flex-shrink: 0;
            z-index: 2;
        }
        .itinerary-body { background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 12px; padding: 16px; width: 100%; }
        .itinerary-body h4 { font-size: 15px; font-weight: 800; color: var(--primary-dark); margin-bottom: 4px; }
        .itinerary-body p { font-size: 13px; color: var(--text-muted); line-height: 1.5; }

        /* Operator Card */
        .operator-box-inner { display: flex; align-items: center; gap: 20px; background: #F8FAFC; border: 1px solid #E2E8F0; padding: 20px; border-radius: 12px; }
        .operator-avatar { width: 64px; height: 64px; background: var(--primary-navy); color: #F59E0B; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 26px; font-weight: 800; flex-shrink: 0; }
        .operator-details h4 { font-size: 17px; font-weight: 800; color: var(--primary-dark); }
        .operator-details p { font-size: 13px; color: var(--text-muted); margin: 4px 0 8px; }
        .operator-badges { display: flex; gap: 8px; font-size: 11px; font-weight: 700; color: #065F46; background: #ECFDF5; padding: 4px 10px; border-radius: 20px; width: fit-content; align-items: center; }

        /* Reviews Section inside main content */
        .reviews-summary-flex { display: flex; align-items: center; gap: 24px; background: #FFFBEB; border: 1px solid #FCD34D; padding: 20px; border-radius: 12px; margin-bottom: 20px; }
        .big-rating { font-size: 38px; font-weight: 800; color: var(--primary-dark); line-height: 1; text-align: center; }
        .big-rating span { font-size: 14px; color: var(--text-muted); display: block; font-weight: 600; }
        .review-card-item { background: #F8FAFC; border: 1px solid #E2E8F0; padding: 16px; border-radius: 10px; margin-bottom: 12px; }
        .review-card-item .rev-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; font-size: 13px; font-weight: 700; color: var(--primary-dark); }
        .review-card-item p { font-size: 13px; color: #334155; font-style: italic; }

        /* --- FIXED SIDEBAR (Booking Box & Trust / 24x7 Support) --- */
        .sidebar-container { position: sticky; top: 130px; display: flex; flex-direction: column; gap: 20px; }

        .booking-card-fixed {
            background: var(--card-bg);
            border: 2px solid var(--accent-gold);
            border-radius: var(--radius-lg);
            padding: 24px;
            box-shadow: var(--shadow-lg);
        }
        .bc-price-header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 14px; border-bottom: 1px solid var(--border-color); padding-bottom: 12px; }
        .bc-price { font-size: 22px; font-weight: 800; color: var(--primary-dark); }
        .bc-price span { font-size: 12px; color: var(--text-muted); font-weight: 600; }
        .bc-variable-note { font-size: 11.5px; color: var(--accent-gold); font-weight: 700; margin-bottom: 16px; display: block; }

        .booking-form-fields { display: flex; flex-direction: column; gap: 12px; }
        .bf-field { display: flex; flex-direction: column; gap: 4px; }
        .bf-field label { font-size: 11px; font-weight: 800; text-transform: uppercase; color: var(--text-muted); }
        .bf-field input, .bf-field select {
            padding: 10px 12px;
            background: #F8FAFC;
            border: 1px solid var(--border-color);
            border-radius: 8px;
            font-size: 13px;
            font-weight: 600;
            color: var(--text-dark);
            outline: none;
        }

        .btn-book-now {
            width: 100%;
            background: linear-gradient(135deg, var(--accent-gold), #B45309);
            color: #FFFFFF;
            border: none;
            padding: 14px;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 800;
            text-transform: uppercase;
            cursor: pointer;
            box-shadow: 0 4px 15px rgba(217, 119, 6, 0.3);
            margin-top: 10px;
            transition: transform 0.2s;
        }
        .btn-book-now:hover { transform: translateY(-1px); }

        /* --- Dedicated 24x7 Support & Quick Action Card (Requested Feature) --- */
        .support-action-box {
            background: linear-gradient(135deg, #0B132B, #1C2541);
            color: #FFFFFF;
            border-radius: var(--radius-lg);
            padding: 20px;
            box-shadow: var(--shadow-md);
            text-align: center;
            border: 1px solid rgba(217, 119, 6, 0.3);
        }
        .support-action-box h3 {
            font-size: 15px;
            font-weight: 800;
            color: #F59E0B;
            margin-bottom: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
        .support-action-box p { font-size: 12px; color: #CBD5E1; margin-bottom: 14px; }
        .support-buttons-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
        .s-btn {
            padding: 10px;
            border-radius: 8px;
            font-size: 12px;
            font-weight: 800;
            text-decoration: none;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            transition: opacity 0.2s;
        }
        .s-btn-whatsapp { background: #25D366; color: #FFFFFF; }
        .s-btn-call { background: #0284C7; color: #FFFFFF; }
        .s-btn:hover { opacity: 0.9; }

        /* --- 100% Safe Website & 100% Safe Booking Section (Requested Feature) --- */
        .safe-booking-box {
            background: #ECFDF5;
            border: 1px solid #A7F3D0;
            border-radius: var(--radius-lg);
            padding: 20px;
            box-shadow: var(--shadow-sm);
        }
        .safe-booking-box h3 {
            font-size: 15px;
            font-weight: 800;
            color: #065F46;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .safe-features-list { display: flex; flex-direction: column; gap: 10px; }
        .safe-feature-item {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 12.5px;
            font-weight: 700;
            color: #047857;
        }
        .safe-feature-item i {
            width: 24px;
            height: 24px;
            background: #D1FAE5;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            color: #059669;
            flex-shrink: 0;
        }

        /* Responsive Media Queries */
        @media (max-width: 992px) {
            .tour-layout-grid { grid-template-columns: 1fr; }
            .sidebar-container { position: static; }
        }
        @media (max-width: 600px) {
            .hero h1 { font-size: 24px; }
            .support-buttons-grid { grid-template-columns: 1fr; }
        }
		
		
		
		:root {
            --primary-color: #f59e0b;
            --dark-color: #1e293b;
            --light-bg: #f8fafc;
            --border-color: #e2e8f0;
        }

 

        .tours-section {
            max-width: 1200px;
            margin: 0 auto;
        }

        .section-title {
            text-align: center;
            font-size: 28px;
            margin-bottom: 30px;
            color: var(--dark-color);
        }

        .section-title span {
            color: var(--primary-color);
        }

        /* Grid layout for 8 packages */
        .tours-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
            gap: 20px;
        }

        .tour-card {
            background: #fff;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            display: flex;
            flex-direction: column;
        }

        .tour-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
        }

        .tour-img-container {
            position: relative;
            height: 180px;
            overflow: hidden;
        }

        .tour-img-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .tour-card:hover .tour-img-container img {
            transform: scale(1.08);
        }

        .tour-badge {
            position: absolute;
            top: 10px;
            right: 10px;
            background: var(--primary-color);
            color: #fff;
            padding: 4px 10px;
            font-size: 12px;
            font-weight: 600;
            border-radius: 4px;
        }

        .tour-content {
            padding: 15px;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }

        .tour-title {
            font-size: 18px;
            font-weight: 700;
            margin: 0 0 8px 0;
            color: var(--dark-color);
        }

        .tour-desc {
            font-size: 13.5px;
            color: #64748b;
            line-height: 1.5;
            margin: 0 0 15px 0;
            flex-grow: 1;
        }

        .tour-btn {
            background: var(--dark-color);
            color: #fff;
            border: none;
            padding: 10px;
            font-size: 14px;
            font-weight: 600;
            border-radius: 6px;
            cursor: pointer;
            transition: background 0.2s;
            text-align: center;
        }

        .tour-btn:hover {
            background: var(--primary-color);
        }

        /* Modal Styles */
        .tour-modal {
            display: none;
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6);
            backdrop-filter: blur(4px);
            align-items: center;
            justify-content: center;
            padding: 15px;
        }

        .modal-content {
            background: #fff;
            width: 100%;
            max-width: 600px;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            animation: modalFadeIn 0.3s ease;
            position: relative;
            max-height: 90vh;
            display: flex;
            flex-direction: column;
        }

        @keyframes modalFadeIn {
            from { opacity: 0; transform: translateY(-20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .modal-header {
            position: relative;
            height: 220px;
        }

        .modal-header img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .close-btn {
            position: absolute;
            top: 15px;
            right: 15px;
            background: rgba(0,0,0,0.6);
            color: #fff;
            border: none;
            width: 35px;
            height: 35px;
            border-radius: 50%;
            font-size: 16px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.2s;
        }

        .close-btn:hover {
            background: #ef4444;
        }

        .modal-body {
            padding: 20px;
            overflow-y: auto;
        }

        .modal-title {
            font-size: 22px;
            font-weight: 700;
            margin-top: 0;
            margin-bottom: 10px;
            color: var(--dark-color);
        }

        .modal-full-desc {
            font-size: 14px;
            color: #475569;
            line-height: 1.6;
            margin-bottom: 15px;
        }

        .highlights-title {
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 8px;
            color: var(--dark-color);
        }

        .highlights-list {
            list-style: none;
            padding: 0;
            margin: 0 0 20px 0;
        }

        .highlights-list li {
            font-size: 13.5px;
            color: #334155;
            padding: 5px 0;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .highlights-list li i {
            color: var(--primary-color);
        }

        .modal-footer {
            padding: 15px 20px;
            background: #f1f5f9;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .book-now-btn {
            background: #10b981;
            color: #fff;
            border: none;
            padding: 10px 20px;
            border-radius: 6px;
            font-weight: 600;
            cursor: pointer;
            text-decoration: none;
            font-size: 14px;
        }

        .book-now-btn:hover {
            background: #059669;
        }
		
		.taj-content-section {
    padding: 40px 20px;
    background-color: #F8FAFC;
    color: #1E293B;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.8;
}
.content-container {
    max-width: 1000px;
    margin: 0 auto;
    background: #FFFFFF;
    padding: 40px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}
.main-seo-title {
    font-size: 28px;
    font-weight: 800;
    color: #0F172A;
    margin-bottom: 20px;
    line-height: 1.4;
}
.highlight-yellow {
    background-color: #FEF08A;
    padding: 2px 6px;
    border-radius: 4px;
}
.welcome-banner-box {
    background: #F1F5F9;
    border-left: 5px solid #F59E0B;
    padding: 20px;
    margin: 20px 0;
    border-radius: 0 8px 8px 0;
}
.taj-content-section h2 {
    font-size: 22px;
    color: #0F172A;
    margin-top: 35px;
    margin-bottom: 15px;
    font-weight: 700;
    border-bottom: 2px solid #E2E8F0;
    padding-bottom: 8px;
}
.taj-content-section h3 {
    font-size: 18px;
    color: #334155;
    margin-top: 25px;
    margin-bottom: 10px;
    font-weight: 600;
}
.taj-content-section p {
    margin-bottom: 15px;
    font-size: 15.5px;
    color: #334155;
}
.features-list {
    margin: 20px 0;
    padding-left: 20px;
}
.features-list li {
    margin-bottom: 10px;
    font-size: 15px;
    color: #334155;
}
.cta-box {
    background: linear-gradient(135deg, #FFFBEB, #FEF3C7);
    border: 1px solid #F59E0B;
    padding: 25px;
    border-radius: 12px;
    text-align: center;
    margin-top: 40px;
}
.cta-box h2 {
    border: none;
    margin-top: 0;
    color: #B45309;
}
@media(max-width: 768px) {
    .content-container {
        padding: 20px;
    }
    .main-seo-title {
        font-size: 22px;
    }
}

/* --- Header Styles --- */
.main-header {
    background: #FFFFFF;
    border-bottom: 1px solid #E2E8F0;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}

.header-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 12px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

img, video { max-width: 100%; height: auto; }
.brand-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.logo-crest i { font-size: 20px; color: #F59E0B; }
.brand-title { font-family: 'Cinzel', serif; font-size: 18px; font-weight: 800; color: #0F172A; line-height: 1.1; }
.brand-title span { color: #F59E0B; }
.brand-tagline { font-size: 9.5px; font-weight: 800; letter-spacing: 1.5px; color: #64748B; text-transform: uppercase; margin-top: 2px; }

.center-proof-pill {
    display: flex; align-items: center; gap: 14px;
    background: #F8FAFC; border: 1px solid #E2E8F0;
    padding: 6px 16px; border-radius: 30px;
}
.proof-box { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: #0F172A; text-decoration: none; }
.proof-box:hover { text-decoration: underline; }
.stars-gold { color: #F59E0B; font-size: 11px; display: flex; gap: 2px; }
.proof-divider { width: 1px; height: 16px; background: #CBD5E1; }

.header-actions { display: flex; align-items: center; gap: 12px; }
.lang-selector-box, .currency-selector-box {
    display: flex; align-items: center; gap: 6px;
    background: #F1F5F9; border: 1px solid #CBD5E1;
    padding: 6px 10px; border-radius: 8px; font-size: 12px; font-weight: 700; color: #0F172A;
}
.lang-selector-box select, .currency-selector-box select {
    background: transparent; border: none; font-size: 12px; font-weight: 700; color: #0F172A; outline: none; cursor: pointer;
}
.btn-header-whatsapp {
    display: flex; align-items: center; gap: 8px;
    background: #25D366; color: #FFFFFF; padding: 8px 16px;
    border-radius: 30px; font-size: 12.5px; font-weight: 800; text-decoration: none;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.25); transition: all 0.2s ease;
}
.btn-header-whatsapp:hover { background: #1EBE5D; transform: translateY(-1px); }

.mobile-menu-toggle {
    display: none;
    font-size: 24px;
    color: #0F172A;
    cursor: pointer;
    background: #F1F5F9;
    padding: 8px 12px;
    border-radius: 8px;
}

@media (max-width: 992px) {
    .center-proof-pill { display: none; }
    .mobile-menu-toggle { display: block; }
    .header-actions {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #FFFFFF;
        flex-direction: column;
        align-items: stretch;
        padding: 20px;
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        border-bottom: 1px solid #E2E8F0;
        display: none;
    }
    .header-actions.active { display: flex; }
    .lang-selector-box, .currency-selector-box { width: 100%; justify-content: space-between; }
    .lang-selector-box select, .currency-selector-box select { width: 100%; }
    .btn-header-whatsapp { justify-content: center; padding: 12px; }
}