/* Custom Colors */
        :root {
            --color-primary: #8A2BE2; /* Electric Purple */
            --color-secondary: #4A90E2; /* Soft Blue */
            --color-accent: #00C4CC; /* Teal Cyan */
            --color-background: #F8F9FB; /* Off White */
            --color-text: #2D2D2D; /* Charcoal */
        }

        /* General Styles */
        body {
            font-family: Arial, sans-serif;
            color: var(--color-text);
            background-color: white;
        }
        
        /* Section Spacing (50px top/bottom margin) */
        .section-gap {
            margin-top: 50px;
            margin-bottom: 50px;
            padding: 20px 0; /* Adding a small internal padding to visually frame sections */
        }

        /* Navbar Customization */
        .navbar-nav .nav-link {
            color: var(--color-text) !important;
            font-weight: 500;
            margin: 0 15px;
            transition: color 0.3s;
        }

        .navbar-nav .nav-link:hover {
            color: var(--color-primary) !important;
        }
        
        /* CTA Button Style */
        .btn-cta {
            background-color: var(--color-primary);
            border-color: var(--color-primary);
            color: white;
            font-weight: 600;
            transition: background-color 0.3s;
        }

        .btn-cta:hover {
            background-color: #6a1fae; /* Darker purple on hover */
            border-color: #6a1fae;
            color: white;
        }

        /* Hero Section */
        #hero-section {
            background-color: var(--color-background);
            padding: 80px 0;
        }
        
        /*.hero-img {
            max-height: 450px;
            width: 100%;
            object-fit: cover;
            border-radius: 12px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }*/

        /* Why Choose Us Icons */
        .feature-icon {
            font-size: 2.5rem;
            color: var(--color-primary);
        }

        /* Counter Section */
        #counter-section {
            background-color: var(--color-secondary);
            color: white;
            padding: 40px 0;
        }
        
        .counter-box h2 {
            font-size: 3rem;
            font-weight: 700;
            color: var(--color-accent);
        }
        
        /* Service Cards */
        .service-card {
            border: none;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s, border-color 0.3s;
            border-top: 5px solid transparent;
            min-height: 400px;
        }

        .service-card:hover {
            transform: translateY(-5px);
            border-top-color: var(--color-accent);
        }

        .service-img {
            height: 180px;
            object-fit: cover;
            width: 100%;
        }

        /* Review Boxes */
        .review-box {
            background-color: var(--color-background);
            border-left: 5px solid var(--color-accent);
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            min-height: 200px;
        }
        
        .review-text {
            font-style: italic;
            color: var(--color-text);
        }
        
        /* Footer */
        footer {
            background-color: var(--color-text);
            color: var(--color-background);
        }

        footer a {
            color: #ffff;
            text-decoration: none;
            transition: color 0.3s;
        }

        footer a:hover {
            color: var(--color-accent);
        }
        
        .footer-cta {
            background-color: var(--color-primary);
            color: white;
        }