:root {
            --primary: #e64d06;
            --secondary: #0ed1c7;
            --accent: #c2c5aa;
            --white: #ffffff;
            --dark: #1e2019;
            --bg-light: #f9f9f7;
        }

        body { font-family: 'Outfit', sans-serif; color: var(--dark); background-color: var(--white); overflow-x: hidden; }
        h1, h2, h3, .nav-link { font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; }

        /* Navbar */
        .navbar { padding: 1.5rem 0; background: transparent !important; }
        .navbar-brand { font-size: 1.6rem; color: var(--primary) !important; font-weight: 800; display: flex; align-items: center; }
        .nav-link { color: var(--dark) !important; margin: 0 10px; transition: 0.3s; font-size: 0.95rem; }
        .nav-link:hover { color: var(--secondary) !important; }
        .btn-cta { background: var(--primary); color: white !important; border: none; padding: 12px 25px; border-radius: 8px; font-weight: 600; }
        .btn-cta:hover { background: var(--secondary); transform: translateY(-2px); box-shadow: 0 10px 20px rgba(65, 72, 51, 0.2); }

        /* Hero */
        .hero {
            background: linear-gradient(rgba(30, 32, 25, 0.6), rgba(30, 32, 25, 0.6)), url('https://images.pexels.com/photos/590022/pexels-photo-590022.jpeg?auto=compress&cs=tinysrgb&w=1920');
            height: 85vh; display: flex; align-items: center; color: white; background-size: cover; background-position: center; border-bottom: 8px solid var(--accent);
        }

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

        /* About Text - Exact 15 Line Logic */
        .content-text-15 { text-align: justify; line-height: 1.85; font-size: 1rem; color: #4b5563; }

        /* Counter */
        .counter-section { background: var(--primary); color: white; padding: 60px 0; }
        .counter-box h2 { font-size: 3.5rem; color: var(--accent); font-weight: 800; margin-bottom: 0; }

        /* Process Steps */
        .process-num { width: 60px; height: 60px; background: var(--accent); color: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-weight: bold; font-size: 1.5rem; }

        /* Services Grid - Exact 7 Lines */
        .service-card { border: none; transition: 0.4s; height: 100%; border-radius: 0 0 15px 15px; overflow: hidden; box-shadow: 0 15px 35px rgba(0,0,0,0.05); }
        .service-card:hover { transform: translateY(-10px); }
        .service-img { height: 230px; object-fit: cover; }
        .service-desc-box { 
            background-color: #f8f9fa; /* bg-light */
            padding: 25px; 
            height: 175px; /* Forced depth for 7 lines */
            overflow: hidden; font-size: 0.95rem; line-height: 1.6;
        }

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

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