:root {
            --primary-gray: #a6a2a2;
            --light-gray: #cfd2cd;
            --bg-gray: #e5e6e4;
            --off-white: #fbfbf2;
        }
        
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color: #333;
            line-height: 1.6;
        }
        
        /* Navbar Styles */
        .navbar {
            background-color: transparent !important;
            padding: 1rem 0;
            transition: all 0.3s ease;
        }
        
        .navbar-brand {
            font-weight: 700;
            font-size: 1.5rem;
            color: var(--primary-gray) !important;
        }
        
        .navbar-nav .nav-link {
            color: var(--primary-gray) !important;
            font-weight: 500;
            margin: 0 0.5rem;
            transition: color 0.3s ease;
        }
        
        .navbar-nav .nav-link:hover {
            color: #333 !important;
        }
        
        .btn-cta {
            background-color: var(--primary-gray);
            color: white;
            border: none;
            padding: 0.5rem 1.5rem;
            border-radius: 25px;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        
        .btn-cta:hover {
            background-color: #333;
            color: white;
            transform: translateY(-2px);
        }
        
        /* Hero Section */
        .hero-section {
            background:#cbf3f0;
            padding: 100px 0;
            position: relative;
            overflow: hidden;
        }
        
        .hero-content h1 {
            font-size: 3.5rem;
            font-weight: 700;
            color: #010101;
            margin-bottom: 1.5rem;
        }
        
        .hero-content p {
            font-size: 1.25rem;
            color: #666;
            margin-bottom: 2rem;
        }
        
        .hero-image {
            position: relative;
            animation: float 6s ease-in-out infinite;
        }
        
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
            100% { transform: translateY(0px); }
        }
        
        /* Section Styles */
        .section-padding {
            padding: 80px 0;
        }
        
        .section-title {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--primary-gray);
            margin-bottom: 1rem;
            position: relative;
        }
        
        .section-title::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 60px;
            height: 4px;
            background-color: var(--primary-gray);
        }
        
        /* About Section */
        .about-image {
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }
        
        /* Counter Section */
        .counter-box {
            text-align: center;
            padding: 2rem;
            background-color: var(--off-white);
            border-radius: 15px;
            transition: transform 0.3s ease;
        }
        
        .counter-box:hover {
            transform: translateY(-5px);
        }
        
        .counter-number {
            font-size: 3rem;
            font-weight: 700;
            color: var(--primary-gray);
        }
        
        /* Feature Cards */
        .feature-card {
            text-align: center;
            padding: 2rem;
            background-color: white;
            border-radius: 15px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            height: 100%;
        }
        
        .feature-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.15);
        }
        
        .feature-icon {
            font-size: 3rem;
            color: var(--primary-gray);
            margin-bottom: 1rem;
        }
        
        /* Service Cards */
        .service-card {
            background-color: white;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            height: 100%;
            margin-bottom: 2rem;
        }
        
        .service-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.15);
        }
        
        .service-card img {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }
        
        .service-card-body {
            padding: 1.5rem;
        }
        
        .service-card h5 {
            font-weight: 700;
            color: var(--primary-gray);
            margin-bottom: 1rem;
        }
        
        /* Reviews */
        .review-card {
            background-color: var(--bg-gray);
            padding: 2rem;
            border-radius: 15px;
            margin-bottom: 1.5rem;
            position: relative;
        }
        
        .review-card::before {
            content: '"';
            position: absolute;
            top: 10px;
            left: 20px;
            font-size: 4rem;
            color: var(--light-gray);
            font-family: Georgia, serif;
        }
        
        .review-text {
            font-style: italic;
            margin-bottom: 1rem;
            color: #555;
        }
        
        .review-author {
            font-weight: 600;
            color: var(--primary-gray);
        }
        
        .review-rating {
            color: #ffc107;
            margin-bottom: 0.5rem;
        }
        
        /* Contact Form */
        .contact-form {
            background-color: var(--off-white);
            padding: 2rem;
            border-radius: 15px;
        }
        
        .form-control, .form-select {
            border: 2px solid var(--light-gray);
            border-radius: 10px;
            padding: 0.75rem;
            transition: all 0.3s ease;
        }
        
        .form-control:focus, .form-select:focus {
            border-color: var(--primary-gray);
            box-shadow: 0 0 0 0.2rem rgba(166, 162, 162, 0.25);
        }
        
        /* Footer */
        footer {
            background-color: var(--primary-gray);
            color: white;
            padding: 2rem 0;
        }
        
        footer a {
            color: var(--off-white);
            text-decoration: none;
            transition: color 0.3s ease;
        }
        
        footer a:hover {
            color: white;
        }
        
        /* Responsive */
        @media (max-width: 768px) {
            .hero-content h1 {
                font-size: 2.5rem;
            }
            
            .section-title {
                font-size: 2rem;
            }
        }
        .nav-item a{
            font-size:22px !important;
        }

          .nav-item{
            margin-left:25px;
        }
    

/* Shared multi-page components */
.site-footer{background:var(--primary-gray);color:#fff;padding:2rem 0}
.site-footer a{color:var(--off-white);text-decoration:none;display:inline-block;margin:0 .45rem .5rem}
.site-footer a:hover{color:#fff;text-decoration:underline}
.inner-hero{padding:68px 0;background:linear-gradient(135deg,#cbf3f0,var(--off-white))}
.inner-hero h1{font-size:clamp(2.2rem,5vw,3.3rem);font-weight:750;color:#111;margin:.5rem 0}
.inner-hero p{color:#5e6667;margin:0}
.eyebrow{font-size:.78rem;letter-spacing:.14em;font-weight:700;color:#316e68}
.legal-content{max-width:940px}
.legal-content h3{font-size:1.25rem;font-weight:700;margin:2rem 0 .65rem;color:#303638}
.legal-content p,.legal-content li{line-height:1.8;color:#50595a}
.newsletter-panel{max-width:780px;background:#fff;border-radius:20px;padding:clamp(24px,5vw,54px);box-shadow:0 12px 45px rgba(0,0,0,.09)}
.form-feedback:empty{display:none}
.form-feedback{padding:14px 16px;border-radius:10px;font-weight:600}
.form-feedback.success{background:#e8f7ee;color:#176b39;border:1px solid #b9e5c9}
.form-feedback.error{background:#fff0f0;color:#a32222;border:1px solid #f0c1c1}
.navbar{background:rgba(251,251,242,.96)!important}
@media(max-width:767px){.site-footer .text-lg-end{text-align:left!important}.newsletter-panel{padding:24px}.nav-item{margin-left:0!important}.nav-item a{font-size:16px!important}}