
        :root {
            --charcoal: #2c3e50;
            --neon-blue: #00d4ff;
            --silver: #bdc3c7;
            --white: #ffffff;
            --light-gray: #f8f9fa;
        }

        body {
            font-family: 'Poppins', sans-serif;
            color: var(--charcoal);
            background-color: var(--white);
        }

        h1, h2, h3, .navbar-brand {
            font-family: 'Montserrat', sans-serif;
            color: var(--charcoal);
        }

        /* Navbar */
        .navbar {
            padding: 1.2rem 0;
            background: transparent;
        }
        .nav-link {
            color: var(--charcoal) !important;
            font-weight: 600;
            margin: 0 10px;
            transition: 0.3s;
        }
        .nav-link:hover { color: var(--neon-blue) !important; }
        .btn-neon {
            background-color: var(--neon-blue);
            color: var(--charcoal) !important;
            font-weight: 700;
            padding: 10px 25px;
            border-radius: 5px;
            border: none;
            transition: 0.3s;
        }
        .btn-neon:hover { background-color: var(--charcoal); color: var(--neon-blue) !important; box-shadow: 0 0 15px var(--neon-blue); }

        /* Hero */
        .hero {
            background: linear-gradient(rgba(44, 62, 80, 0.8), rgba(44, 62, 80, 0.8)), url('https://images.pexels.com/photos/40568/medical-appointment-doctor-healthcare-40568.jpeg?auto=compress&cs=tinysrgb&w=1920') no-repeat center center/cover;
            height: 90vh;
            display: flex;
            align-items: center;
            color: var(--white);
        }

        /* Sections */
        section { padding: 90px 0; }
        .bg-light-silver { background-color: #f0f2f5; }
        .section-title { text-align: center; margin-bottom: 60px; }
        .section-title h2 { color: var(--charcoal); position: relative; padding-bottom: 15px; }
        .section-title h2::after { content: ''; position: absolute; width: 70px; height: 3px; background: var(--neon-blue); bottom: 0; left: 50%; transform: translateX(-50%); }

        /* Counter */
        .counter-section { background-color: var(--charcoal); color: var(--neon-blue); padding: 60px 0; }

        /* Service Cards */
        .service-card {
            border: none;
            transition: 0.4s;
            height: 100%;
        }
        .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 { 
            height: 140px; /* Constraints for approx 7 lines */
            overflow: hidden; 
            font-size: 0.95rem;
            line-height: 1.6;
        }

        /* Work Process */
        .process-step { position: relative; padding: 20px; text-align: center; }
        .step-icon { width: 80px; height: 80px; line-height: 80px; background: var(--neon-blue); color: var(--charcoal); border-radius: 50%; font-size: 1.5rem; margin: 0 auto 20px; font-weight: 700; }

        /* FAQ */
        .accordion-button:not(.collapsed) { background-color: var(--neon-blue); color: var(--charcoal); }

        /* Footer */
        footer { background-color: var(--charcoal); color: var(--silver); padding: 80px 0 20px; }
        footer a { color: var(--silver); text-decoration: none; transition: 0.3s; }
        footer a:hover { color: var(--neon-blue); }
        .footer-logo { color: var(--white); font-size: 1.5rem; }

        .about-text { line-height: 1.9; text-align: justify; }
