:root {
            --navy: #003366;
            --gold: #D4AF37;
            --white: #FFFFFF;
            --soft-gray: #f8f9fa;
        }

        body {
            font-family: 'Poppins', sans-serif;
            color: #333;
            overflow-x: hidden;
        }

        h1, h2, h3, .navbar-brand {
            font-family: 'Playfair Display', serif;
        }

        .nav-item{
            margin-left:20px !important;
        }

        /* Navbar */
        .navbar {
            padding: 20px 0;
            background: transparent !important;
        }
        .nav-link {
            color: var(--navy) !important;
            font-weight: 600;
            margin: 0 12px;
            transition: 0.3s;
        }
        .nav-link:hover { color: var(--gold) !important; }
        .btn-gold {
            background-color: var(--gold);
            color: white !important;
            padding: 10px 25px;
            border-radius: 5px;
            font-weight: 600;
            border: none;
        }
        .btn-gold:hover { background-color: #bfa030; }

        /* Hero */
        .hero {
            background: linear-gradient(rgba(0,51,102,0.7), rgba(0,51,102,0.7)), url('https://thumbnails.production.thenounproject.com/JHQncf4PlaYSZrmWV_Cmors01h0=/fit-in/0x450/photos.production.thenounproject.com/photos/0f7dd64c-abe1-4ce7-b4a3-0a2730dc0d63.jpg') no-repeat center center/cover;
            height: 90vh;
            display: flex;
            align-items: center;
            color: var(--white);
        }

        /* Section Styling */
        section { padding: 90px 0; }
        .section-title { text-align: center; margin-bottom: 60px; color: var(--navy); }
        .section-title h2 { font-size: 2.8rem; position: relative; padding-bottom: 20px; }
        .section-title h2::after { content: ''; position: absolute; width: 80px; height: 3px; background: var(--gold); bottom: 0; left: 50%; transform: translateX(-50%); }

        /* Service Cards */
        .service-card {
            border: none;
            transition: 0.4s;
            height: 100%;
            border-radius: 12px;
            overflow: hidden;
        }
        .service-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
        .service-img { height: 220px; object-fit: cover; }
        .service-desc { 
            height: 160px; 
            overflow: hidden; 
            line-height: 1.6;
            font-size: 0.95rem;
        }

        /* Counter */
        .counter-section { background-color: var(--navy); color: var(--white); padding: 60px 0; }
        .counter-box h2 { color: var(--gold); font-size: 3rem; }

        /* Contact Section */
        .contact-info-box { background: var(--soft-gray); padding: 40px; border-left: 5px solid var(--gold); height: 100%; }
        
        /* Footer */
        footer { background: #002244; color: #cbd5e0; padding: 80px 0 20px; }
        footer a { color: #cbd5e0; text-decoration: none; transition: 0.3s; }
        footer a:hover { color: var(--gold); }
        .footer-logo { color: var(--white); font-size: 1.5rem; margin-bottom: 25px; display: block; }
        .list-unstyled li{
            margin-bottom:20px !important;
        }