
        :root {
            --dark-blue: #0d1b2a;
            --sky-blue: #00b4d8;
            --light-grey: #f8f9fa;
            --text-muted: #555;
        }

        body {
            font-family: 'Open Sans', sans-serif;
            color: var(--dark-blue);
        }

        h1, h2, h3, h4, h5, .nav-link, .navbar-brand {
            font-family: 'Montserrat', sans-serif;
            font-weight: 700;
        }

        /* Navbar */
        .navbar {
            padding: 1.5rem 0;
            background: transparent !important;
        }
        .nav-link {
            color: var(--dark-blue) !important;
            margin: 0 10px;
            transition: 0.3s;
        }
        .nav-link:hover { color: var(--sky-blue) !important; }
        .btn-sky {
            background-color: var(--sky-blue);
            color: white !important;
            border-radius: 50px;
            padding: 10px 25px;
            border: none;
            transition: 0.3s;
        }
        .nav-item{
            margin-left:25px;
        }
        .btn-sky:hover { background-color: var(--dark-blue); transform: translateY(-3px); }

        /* Hero */
        .hero {
            background: linear-gradient(rgba(13, 27, 42, 0.7), rgba(13, 27, 42, 0.7)), url('https://images.pexels.com/photos/1571460/pexels-photo-1571460.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2') no-repeat center center/cover;
            height: 90vh;
            display: flex;
            align-items: center;
            color: white;
            text-align: center;
        }

        /* General Sections */
        section { padding: 90px 0; }
        .section-title { margin-bottom: 50px; text-align: center; }
        .section-title h2 { color: var(--dark-blue); font-size: 2.5rem; position: relative; padding-bottom: 15px; }
        .section-title h2::after { content: ''; position: absolute; width: 60px; height: 3px; background: var(--sky-blue); bottom: 0; left: 50%; transform: translateX(-50%); }

        /* About Us line height adjustment for 15 lines */
        .about-desc { line-height: 1.8; text-align: justify; }

        /* 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: 250px; object-fit: cover; }
        .service-desc { 
            height: 175px; /* Ensures approx 7 lines of text consistency */
            overflow: hidden; 
            font-size: 0.95rem;
        }

        /* Counter */
        .bg-dark-blue { background-color: var(--dark-blue); color: white; }
        .counter-box i { font-size: 3rem; color: var(--sky-blue); margin-bottom: 15px; }

        /* FAQ */
        .accordion-button:not(.collapsed) { background-color: var(--sky-blue); color: white; }

        /* Footer */
        footer { background-color: #0d1b2a; color: #e0e1dd; padding: 70px 0 20px; }
        footer a { color: #dee2e6; text-decoration: none; transition: 0.3s; }
        footer a:hover { color: var(--sky-blue); }
        .footer-title { color: white; font-weight: 700; margin-bottom: 25px; text-transform: uppercase; font-size: 1.1rem; }
        .list-unstyled li{
            margin-bottom:20px !important;
        }
