:root {
            --bg: #f5f0e8;
            --fg: #1a1a1a;
            --muted: #5a5a5a;
            --accent: #c9a227;
            --green-primary: #1a4d2e;
            --green-dark: #0d2818;
        }
        
        * { box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        
        body {
            font-family: 'Source Sans 3', sans-serif;
            background-color: var(--bg);
            color: var(--fg);
            overflow-x: hidden;
        }
        
        h1, h2, h3, h4, h5, h6 {
            font-family: 'Cormorant Garamond', serif;
        }
        
        /* Animations */
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .animate-on-scroll {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);
        }
        
        .animate-on-scroll.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .delay-100 { transition-delay: 100ms; }
        .delay-200 { transition-delay: 200ms; }
        .delay-300 { transition-delay: 300ms; }
        .delay-400 { transition-delay: 400ms; }
        
        /* Navigation */
        .nav-link {
            position: relative;
            color: #fff;
            font-weight: 500;
            transition: color 0.3s ease;
        }
        
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 0;
            width: 0;
            height: 2px;
            background: var(--accent);
            transition: width 0.3s ease;
        }
        
        .nav-link:hover { color: var(--accent); }
        .nav-link:hover::after { width: 100%; }
        
        .nav-scrolled {
            background: rgba(13, 40, 24, 0.98) !important;
            backdrop-filter: blur(10px);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
        }
        
        /* Buttons */
        .btn-primary {
            background: linear-gradient(135deg, var(--accent) 0%, #b8922a 100%);
            color: #0d2818;
            font-weight: 600;
            padding: 12px 28px;
            border-radius: 4px;
            transition: all 0.3s ease;
            display: inline-block;
        }
        
        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 30px rgba(201, 162, 39, 0.4);
        }
        
        .btn-secondary {
            border: 2px solid var(--accent);
            color: var(--accent);
            font-weight: 600;
            padding: 10px 24px;
            border-radius: 4px;
            transition: all 0.3s ease;
            background: transparent;
            display: inline-block;
        }
        
        .btn-secondary:hover {
            background: var(--accent);
            color: var(--green-dark);
        }
        
        /* Image Hover */
        .img-hover {
            transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
        }
        
        .img-hover:hover {
            transform: scale(1.03);
            box-shadow: 0 20px 40px rgba(26, 77, 46, 0.2);
        }
        
        /* Mobile menu */
        .mobile-menu {
            transform: translateX(100%);
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }
        
        .mobile-menu.active {
            transform: translateX(0);
        }
        
        /* Focus states */
        a:focus-visible, button:focus-visible {
            outline: 2px solid var(--accent);
            outline-offset: 4px;
        }
        
        /* Reduced motion */
        @media (prefers-reduced-motion: reduce) {
            *, *::before, *::after {
                animation-duration: 0.01ms !important;
                transition-duration: 0.01ms !important;
            }
        }
        
        /* Timeline */
        .timeline-item::before {
            content: '';
            position: absolute;
            left: -31px;
            top: 6px;
            width: 12px;
            height: 12px;
            background: var(--accent);
               border-radius: 50%;
            border: 3px solid var(--bg);
        }

         .zulfiqar_sticky_whatsapp_widget_v1 {
            position: fixed;
            bottom: 30px;
            right: 30px;
            z-index: 9999;
            width: 60px;
            height: 60px;
            background-color: #25D366; /* WhatsApp Green */
            border-radius: 50%;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            transition: transform 0.3s ease, background-color 0.3s ease;
            
            /* Glow Effect Apply Kiya */
            animation: pulse-green 2s infinite;
        }

        /* Hover Effect - Jab mouse le jaaye */
        .zulfiqar_sticky_whatsapp_widget_v1:hover {
            transform: scale(1.1); /* Thoda bada ho jayega */
            background-color: #1ebc57;
        }

        /* Icon Styling */
        .zulfiqar_sticky_whatsapp_widget_v1 svg {
            width: 36px; 
            height: 36px;
            fill: #ffffff; /* White Icon */
        }