/*
        * A super SEO move would be to put this CSS into a separate file (style.css)
        * and link it using <link rel="stylesheet" href="style.css"> for better performance.
        */
        * { margin:0; padding:0; box-sizing:border-box; }
        body { font-family: 'Hind Siliguri','SolaimanLipi', Arial, sans-serif; line-height:1.6; color:#333; background:#f8fdf6; }
        .container { width:90%; max-width:1200px; margin:0 auto; }
        
        header { background:#006400; color:white; padding:15px 0; position:sticky; top:0; z-index:1000; box-shadow:0 2px 10px rgba(0,0,0,0.2); }
        header .logo { font-size:28px; font-weight:bold; }
        header .logo span { color:#ffd700; }
        nav ul { list-style:none; display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:10px; }
        nav ul li a { color:white; font-weight:bold; padding:8px 10px; border-radius:5px; transition:0.3s; text-decoration: none !important; }
        nav ul li a:hover { background:#ffd700; color:#006400; }
        a { text-decoration: none !important; }

        .hero { 
            background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url('https://www.sajektravel.com/hero-sajek.jpg') center/cover no-repeat;
            color:white; text-align:center; padding:120px 20px;
        }
        .hero h1 { font-size:42px; margin-bottom:20px; }
        .hero h1 span { color:#ffd700; }
        .hero p { font-size:20px; margin-bottom:30px; }
        .btn { 
            display:inline-block; background:#ffd700; color:#006400; padding:15px 30px; 
            border-radius:50px; font-weight:bold; font-size:18px; transition:0.3s;
        }
        .btn:hover { background:#006400; color:#ffd700; transform:scale(1.05); }

        .services { padding:70px 0; background:white; }
        .section-title { text-align:center; font-size:36px; margin-bottom:50px; color:#006400; }
        .services-grid { 
            display:grid; grid-template-columns:repeat(auto-fit, minmax(300px,1fr)); gap:30px; 
        }
        .service-card { 
            background:white; border-radius:15px; overflow:hidden; box-shadow:0 5px 20px rgba(0,0,0,0.1);
            text-align:center; transition:0.3s;
        }
        .service-card:hover { transform:translateY(-10px); }
        .service-card img { width:100%; height:220px; object-fit:cover; }
        .service-card h3 { background:#006400; color:white; padding:15px; font-size:22px; }
        .service-card p { padding:20px; }

        .why-choose { padding:70px 0; background:#f0f8f0; }
        .features { display:grid; grid-template-columns:repeat(auto-fit, minmax(250px,1fr)); gap:30px; }
        .feature { text-align:center; }
        .feature i { font-size:50px; color:#006400; margin-bottom:20px; }

        .contact { padding:70px 0; background:#006400; color:white; text-align:center; }
        .contact h2 { font-size:36px; margin-bottom:30px; }
        .contact-info { font-size:20px; margin:20px 0; }
        .contact-info a { color:#ffd700; }

        footer { background:#222; color:white; text-align:center; padding:30px 0; }

        @media (max-width:768px) {
            .hero h1 { font-size:32px; }
            .hero p { font-size:18px; }
        }