/* Template travel2 Styles */
:root {
            --luxury-navy: #0F172A;      /* Deep Slate Navy */
            --luxury-gold: #0EA5E9;      /* Luminous Sky Blue accent */
            --luxury-gold-hover: #0284C7;
            --luxury-bg: #F8FAFC;        /* Clean cool light background */
            --luxury-white: #FFFFFF;
            --luxury-border: rgba(14, 165, 233, 0.15);
            --luxury-text: #334155;      /* Slate modern text */
            --luxury-text-muted: #64748B;
        }
        
        body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background-color: var(--luxury-bg);
            color: var(--luxury-text);
            overflow-x: hidden;
            line-height: 1.8;
            -webkit-font-smoothing: antialiased;
        }
        
        h1, h2, h3, h4, h5, h6 {
            font-family: 'Outfit', sans-serif;
            font-weight: 700;
            color: var(--luxury-navy);
            letter-spacing: -0.5px;
        }
        
        /* Modern Font Override to replace Cormorant Garamond dynamically */
        h1, h2, h3, h4, h5, h6, [style*="Cormorant Garamond"], [style*="cormorant garamond"] {
            font-family: 'Outfit', sans-serif !important;
        }
        
        /* Constrain the inner content containers to 80% on screens >= 1200px (while section backgrounds and layout stay 100%) */
        @media (min-width: 1200px) {
            main .container, main .container-fluid {
                max-width: 80% !important;
                width: 80% !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }
        }
        
        /* Immersive Transparent/Light Navbar */
        .navbar-travel2 {
            padding: 1.8rem 0;
            background: transparent;
            border-bottom: 1px solid rgba(255, 255, 255, 0.15);
            z-index: 1050;
            transition: all 0.4s ease;
            position: absolute;
            width: 100%;
            top: 0;
            left: 0;
        }
        
        .navbar-travel2.scrolled {
            padding: 1rem 0;
            position: fixed;
            box-shadow: 0 10px 35px rgba(11, 19, 26, 0.03);
            background: rgba(250, 248, 245, 0.95);
            backdrop-filter: blur(15px);
            border-bottom: 1px solid var(--luxury-border);
        }
        
        /* Light nav links when navbar is absolute/transparent on dark hero slide, dark when scrolled */
        .navbar-travel2 .nav-link-t2 {
            color: rgba(255, 255, 255, 0.85) !important;
            font-weight: 500;
            text-transform: uppercase;
            font-size: 0.72rem;
            letter-spacing: 3px;
            margin: 0 1.2rem;
            transition: all 0.3s;
            position: relative;
            text-decoration: none !important;
        }
        .navbar-travel2.scrolled .nav-link-t2 {
            color: var(--luxury-navy) !important;
        }
        
        .navbar-travel2 .navbar-brand-t2 {
            font-family: 'Outfit', sans-serif !important;
            font-weight: 900;
            font-size: 1.5rem;
            color: white !important;
            letter-spacing: 3px;
            text-transform: uppercase;
            text-decoration: none;
        }
        .navbar-travel2.scrolled .navbar-brand-t2 {
            color: var(--luxury-navy) !important;
        }
        .navbar-brand-t2 span {
            color: var(--luxury-gold);
            font-weight: 400;
        }
        
        .nav-link-t2::after {
            display: none !important;
        }
        
        .nav-link-t2:hover, .nav-link-t2.active {
            color: var(--luxury-gold) !important;
        }
        
        .btn-luxury-gold {
            background-color: var(--luxury-gold);
            color: var(--luxury-white) !important;
            padding: 0.9rem 2.2rem;
            border-radius: 50px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 0.72rem;
            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
            border: 2px solid var(--luxury-gold);
            text-decoration: none;
            display: inline-block;
            box-shadow: 0 4px 15px rgba(226, 91, 69, 0.2);
        }
        
        .btn-luxury-gold:hover {
            background-color: transparent;
            color: var(--luxury-gold) !important;
            border-color: var(--luxury-gold);
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(226, 91, 69, 0.35);
        }
        .navbar-travel2.scrolled .btn-luxury-gold:hover {
            color: var(--luxury-gold) !important;
            border-color: var(--luxury-gold);
        }
        
        .btn-outline-luxury {
            background-color: transparent;
            color: var(--luxury-navy) !important;
            padding: 0.9rem 2.2rem;
            border-radius: 50px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 0.72rem;
            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
            border: 2px solid var(--luxury-navy);
            text-decoration: none;
            display: inline-block;
        }
        
        .btn-outline-luxury:hover {
            background-color: var(--luxury-navy);
            color: var(--luxury-white) !important;
            transform: translateY(-2px);
        }
        
        /* Section Spacing */
        section {
            padding: 7rem 0;
            position: relative;
        }
        
        .section-separator {
            width: 45px;
            height: 2px;
            background-color: var(--luxury-gold);
            margin: 1.5rem auto 0;
        }
        
        /* Global Page Preloader */
        #preloader-travel2 {
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            background-color: var(--luxury-bg);
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: opacity 0.5s ease, visibility 0.5s ease;
        }
        
        #preloader-travel2.fade-out {
            opacity: 0;
            visibility: hidden;
        }
        
        .preloader-circle {
            width: 40px;
            height: 40px;
            border: 2px solid rgba(197, 168, 128, 0.15);
            border-top: 2px solid var(--luxury-gold);
            border-radius: 50%;
            animation: spinT2 1s linear infinite;
        }
        
        @keyframes spinT2 {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        /* Footer in Modern Slate/Indigo */
        footer.footer-travel2 {
            background-color: var(--luxury-navy);
            color: #94A3B8;
            padding: 6rem 0 3rem;
            border-top: 1px solid rgba(14, 165, 233, 0.15);
        }
        
        footer.footer-travel2 h5 {
            color: var(--luxury-white);
            margin-bottom: 1.8rem;
            font-family: 'Outfit', sans-serif !important;
            font-weight: 700;
            font-size: 1.1rem;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            position: relative;
        }
        
        footer.footer-travel2 h5::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 30px;
            height: 2px;
            background-color: var(--luxury-gold);
        }
        
        footer.footer-travel2 a {
            color: #94A3B8;
            text-decoration: none;
            display: block;
            margin-bottom: 0.8rem;
            font-size: 0.88rem;
            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        }
        
        footer.footer-travel2 a:hover {
            color: var(--luxury-gold);
            transform: translateX(5px);
        }
        
        .footer-logo-t2 {
            font-family: 'Outfit', sans-serif !important;
            font-weight: 900;
            color: var(--luxury-white);
            font-size: 1.8rem;
            letter-spacing: 3px;
            text-transform: uppercase;
            margin-bottom: 1.5rem;
            display: block;
        }
        .footer-logo-t2 span {
            color: var(--luxury-gold);
            font-weight: 400;
        }