:root {
            --primary-color: #CCD904;
            --secondary-color: #FAFA00;
            --white: #ffffff;
            --dark-gray: #333333;
            --light-bg: #f8f9fa;
        }

        body { font-family: 'Open Sans', sans-serif; color: var(--dark-gray); background-color: var(--white); }
        h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; font-weight: 700; }

        /* Navbar Styling */
        .navbar { padding: 1.5rem 0; background: transparent !important; }
        .nav-link { font-weight: 600; color: var(--dark-gray) !important; margin: 0 10px; transition: 0.3s; }
        .nav-link:hover { color: var(--primary-color) !important; }
        .btn-cta { background-color: var(--primary-color); color: white; border-radius: 5px; padding: 10px 25px; border: none; font-weight: 700; transition: 0.3s; }
        .btn-cta:hover { background-color: var(--secondary-color); color: var(--dark-gray); transform: translateY(-3px); }

        /* Hero Section */
        .hero {
            background: linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.6)), url('https://images.pexels.com/photos/3845126/pexels-photo-3845126.jpeg') no-repeat center center/cover;
            height: 85vh;
            display: flex;
            align-items: center;
            text-align: left;
        }

        /* Generic Section Padding */
        section { padding: 80px 0; }
        .section-title { margin-bottom: 50px; text-align: center; }
        .section-title h2 { color: var(--dark-gray); position: relative; padding-bottom: 15px; }
        .section-title h2::after { content: ''; position: absolute; width: 60px; height: 4px; background: var(--primary-color); bottom: 0; left: 50%; transform: translateX(-50%); }

        /* About Us Text */
        .about-text { line-height: 1.8; text-align: justify; }

        /* Counter */
        .counter-section { background-color: var(--primary-color); color: white; padding: 60px 0; }
        .counter-box i { font-size: 2.5rem; margin-bottom: 15px; }

        /* 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: 200px; object-fit: cover; }
        .service-desc-box { padding: 25px; background-color: var(--light-bg); height: 350px; display: flex; flex-direction: column; justify-content: space-between;}
        .service-desc-box p { font-size: 0.95rem; line-height: 1.6; color: #666; }

        /* Why Choose Us Icons */
        .wc-icon { font-size: 2.5rem; color: var(--primary-color); margin-bottom: 15px; }

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

        /* Contact Wrapper */
        .contact-info-card { background: var(--primary-color); color: white; padding: 40px; border-radius: 10px; height: 100%; }
        .contact-form-card { padding: 40px; background: white; border-radius: 10px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); }

        /* Footer */
        footer { background-color: var(--dark-gray); color: #cbd5e0; padding: 80px 0 20px; }
        footer h5 { color: white; margin-bottom: 25px; }
        footer a { color: #cbd5e0; text-decoration: none; transition: 0.3s; }
        footer a:hover { color: var(--primary-color); }
        .footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px; margin-top: 50px; }
        .navbar-nav li{
            margin-left:25px !important;
        }