:root {
            --primary: #66CDAA;    /* Medium Aquamarine */
            --secondary: #00796B;  /* Teal Green */
            --accent: #F4A261;     /* Warm Peach */
            --background: #F8FAFB; /* Off White */
            --text: #2E2E2E;       /* Charcoal Gray */
        }
        body {
            background-color: var(--background);
            color: var(--text);
            font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
        }
        .section-gap {
            margin-top:100px;
            margin-bottom:100px;
        }
        .navbar {
            background-color: transparent !important;
        }
        .hero{
            padding:100px;
        }
        .btn-primary {
            background-color: var(--primary);
            border-color: var(--primary);
            color: white;
        }
        .btn-primary:hover {
            background-color: var(--secondary);
            border-color: var(--secondary);
        }
        .btn-accent {
            background-color: var(--accent);
            border-color: var(--accent);
            color: white;
        }
        .text-primary {
            color: var(--primary) !important;
        }
        .text-secondary {
            color: var(--secondary) !important;
        }
        .bg-primary {
            background-color: var(--primary) !important;
        }
        .bg-secondary {
            background-color: var(--secondary) !important;
        }
        .counter-section {
            background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
        }
        .service-card, .review-card {
            transition: transform 0.3s ease;
            height: 100%;
        }
        .service-card:hover, .review-card:hover {
            transform: translateY(-5px);
        }
        .accordion-button:not(.collapsed) {
            background-color: rgba(102, 205, 170, 0.1);
            color: var(--secondary);
        }