:root {
            --primary-bg: #0bcf7d;
            --accent-color: #07c586;
            --white: #ffffff;
            --light-bg: #f8f9fa;
        }

        body { font-family: 'Poppins', sans-serif; color: #333; overflow-x: hidden; }
        h1, h2, h3, .navbar-brand { font-family: 'Lexend', sans-serif; font-weight: 700; }

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

        /* Hero */
        .hero {
            background: linear-gradient(rgba(58, 12, 163, 0.8), rgba(63, 55, 201, 0.7)), url('https://media.istockphoto.com/id/1311598658/photo/businessman-trading-online-stock-market-on-teblet-screen-digital-investment-concept.jpg?s=612x612&w=0&k=20&c=HYlIJ1VFfmHPwGkM3DtVIFNLS5ejfMMzEQ81ko534ak=');
            background-size: cover; background-position: center;
            height: 90vh; display: flex; align-items: center; color: var(--white);
        }

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

        /* Sections */
        section { padding: 90px 0; }
        .section-title { text-align: center; margin-bottom: 60px; }
        .section-title h2 { color: var(--primary-bg); font-size: 2.5rem; position: relative; padding-bottom: 20px; }
        .section-title h2::after { content: ''; position: absolute; width: 70px; height: 4px; background: var(--accent-color); bottom: 0; left: 50%; transform: translateX(-50%); }

        /* About Us - 15 Line Requirement */
        .about-img { border-radius: 20px; box-shadow: 20px 20px 0 var(--light-bg); }
        .about-text { text-align: justify; line-height: 1.8; }

        /* Counter */
        .counter-section { background-color: var(--light-bg); padding: 60px 0; }
        .counter-box h2 { color: var(--primary-bg); font-size: 3rem; margin-bottom: 0; }

        /* Services */
        .service-card { border: none; transition: 0.4s; height: 100%; border-radius: 15px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
        .service-card:hover { transform: translateY(-10px); }
        .service-img { height: 220px; object-fit: cover; }
        .service-desc { 
            height: 300px; /* Forces approx 7 lines of text display */
            overflow: hidden; text-align: justify; font-size: 0.95rem; margin-bottom: 20px; padding: 10px; background-color: #fcfcfc;
        }

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

        /* Contact Section */
        .contact-box { background: var(--primary-bg); color: white; padding: 40px; border-radius: 15px; }
        .contact-box i { color: var(--accent-color); font-size: 1.5rem; margin-right: 15px; }

        /* Footer */
        footer { background: #111; color: #ccc; padding: 80px 0 20px; }
        footer h5 { color: white; margin-bottom: 25px; }
        footer a { color: #ccc; text-decoration: none; transition: 0.3s; }
        footer a:hover { color: var(--accent-color); padding-left: 5px; }