:root {
            --emerald: #065f46;
            --champagne: #f7e7ce;
            --white: #ffffff;
            --soft-white: #fafafa;
        }

        body { font-family: 'Montserrat', sans-serif; color: #333; overflow-x: hidden; }
        h1, h2, h3, .navbar-brand { font-family: 'Playfair Display', serif; font-weight: 700; color: var(--emerald); }

        /* Navbar */
        .navbar { padding: 1.5rem 0; background: transparent !important; }
        .nav-link { color: var(--emerald) !important; font-weight: 600; margin: 0 10px; transition: 0.3s; }
        .nav-link:hover { color: #000 !important; border-bottom: 2px solid var(--champagne); }
        .btn-cta-nav { background-color: var(--emerald); color: var(--white) !important; padding: 10px 25px; border-radius: 5px; transition: 0.3s; }
        .btn-cta-nav:hover { background-color: var(--champagne); color: var(--emerald) !important; }

       .nav-item{
        margin-left:15px !important;
        }
        /* Hero Section */
        .hero {
            background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://images.pexels.com/photos/1571460/pexels-photo-1571460.jpeg?auto=compress&cs=tinysrgb&w=1920');
            background-size: cover; background-position: center;
            height: 90vh; display: flex; align-items: center; color: var(--white);
        }

        /* Generic Section Padding */
        section { padding: 90px 0; }
        .section-title h2 { position: relative; padding-bottom: 15px; margin-bottom: 40px; }
        .section-title h2::after { content: ''; position: absolute; width: 80px; height: 4px; background: var(--champagne); bottom: 0; left: 0; }

        /* About Us - 15 line text forcing */
        .about-text { text-align: justify; line-height: 1.8; font-size: 0.95rem; }

        /* Counter */
        .counter-section { background-color: var(--soft-white); padding: 60px 0; border-top: 1px solid #eee; }
        .counter-box h2 { font-size: 3rem; color: var(--emerald); margin-bottom: 0; }

        /* Services Cards - 7 line constraint box */
        .service-card { border: none; transition: 0.4s; height: 100%; border-radius: 12px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
        .service-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
        .service-img { height: 230px; object-fit: cover; }
        .service-desc-box { 
            height:350px; /* Manages approx 7 lines of text */
            overflow: hidden; padding: 20px; background-color: #f8f9fa; font-size: 0.9rem; line-height: 1.6;
        }
        .btn-emerald { background-color: var(--emerald); color: white; border-radius: 4px; font-weight: 600; }

        /* FAQ Styling */
        .accordion-button:not(.collapsed) { background-color: var(--emerald); color: white; }

        /* Contact Box */
        .contact-sidebar { background-color: var(--emerald); color: var(--white); padding: 40px; border-radius: 10px; }
        .contact-sidebar i { color: var(--champagne); font-size: 1.5rem; margin-right: 15px; }

        /* Footer */
        footer { background-color: #111; color: #ddd; padding: 80px 0 20px; }
        footer h5 { color: var(--champagne); margin-bottom: 25px; border-bottom: 2px solid var(--emerald); display: inline-block; padding-bottom: 5px; }
        footer a { color: #ddd; text-decoration: none; transition: 0.3s; }
        footer a:hover { color: var(--champagne); }