
        :root {
            --yellow: #FACC15;
            --amber-dark: #D97706;
            --amber: #F59E0B;
            --orange: #EA580C;
            --peach: #FDBA74;
            --white: #ffffff;
            --dark: #1e293b;
        }

        body { font-family: 'Outfit', sans-serif; color: var(--dark); background-color: var(--white); overflow-x: hidden; }
        h1, h2, h3, .navbar-brand { font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; }

        /* Navbar */
        .navbar { padding: 1.5rem 0; background: transparent !important; }
        .nav-item{
            margin-left:25px !important;
        }
        .navbar-brand { font-size: 1.6rem; color: var(--amber-dark) !important; display: flex; align-items: center; }
        .nav-link { color: var(--dark) !important; font-weight: 600; margin: 0 10px; transition: 0.3s; }
        .nav-link:hover { color: var(--orange) !important; }
        .btn-cta { background: var(--orange); color: white !important; padding: 12px 25px; border-radius: 8px; font-weight: 700; border: none; }
        .btn-cta:hover { background: var(--amber-dark); transform: translateY(-3px); box-shadow: 0 10px 20px rgba(234, 88, 12, 0.2); }

        /* Hero */
        .hero {
            background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('https://images.pexels.com/photos/1571460/pexels-photo-1571460.jpeg?auto=compress&cs=tinysrgb&w=1920');
            background-size: cover; background-position: center;
            height: 85vh; display: flex; align-items: center; color: white; text-align: center;
        }

        /* Section Styling */
        section { padding: 90px 0; }
        .section-title { text-align: center; margin-bottom: 60px; }
        .section-title h2 { font-size: 2.5rem; position: relative; padding-bottom: 20px; color: var(--amber-dark); text-transform: uppercase; }
        .section-title h2::after { content: ''; position: absolute; width: 70px; height: 5px; background: var(--yellow); bottom: 0; left: 50%; transform: translateX(-50%); }

        /* About Us - 15 Line Content Logic */
        .content-block-15 { text-align: justify; line-height: 1.85; font-size: 1rem; color: #475569; }

        /* Counter */
        .counter-section { background: var(--dark); color: white; padding: 60px 0; }
        .counter-box h2 { font-size: 3.5rem; color: var(--yellow); margin-bottom: 0; }

        /* Work Process */
        .process-step { position: relative; padding: 20px; }
        .step-num { width: 50px; height: 50px; background: var(--orange); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-weight: bold; font-size: 1.2rem; }

        /* Service Cards - 7 line constraint */
        .service-card { border: none; transition: 0.4s; height: 100%; border-radius: 15px; overflow: hidden; box-shadow: 0 15px 40px rgba(0,0,0,0.05); }
        .service-card:hover { transform: translateY(-10px); }
        .service-img { height: 240px; object-fit: cover; }
        .service-desc { 
            background-color: #f8fafc; /* bg-light tint */
            padding: 25px; 
            height: 175px; /* Fixed height for 7 lines approx */
            overflow: hidden; 
            font-size: 0.95rem; line-height: 1.6;
        }

        /* FAQ */
        .accordion-button:not(.collapsed) { background-color: var(--peach); color: var(--amber-dark); }

        /* Footer */
        footer { background: #0f172a; color: #94a3b8; padding: 80px 0 20px; }
        footer a { color: #e2e8f0; text-decoration: none; transition: 0.3s; }
        footer a:hover { color: var(--yellow); padding-left: 5px; }
