body {
            font-family: 'Inter', system-ui, sans-serif;
            background-color: #E8FFEA;
            overflow-x: hidden;
            background-image: url('../public/image/homepage/epr_neo_green_vasundhara_hompage_background_image.jpg');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }
        
        /* --- Counter Numbers --- */
        .counter-number {
            font-variant-numeric: tabular-nums;
        }

        /* --- Scroll Reveal --- */
        .reveal {
            opacity: 0;
            transform: translateY(40px);
            transition: all 0.9s cubic-bezier(0.23, 1, 0.32, 1);
        }
        .reveal.visible {
            opacity: 1;
            transform: translateY(0);
        }
    
        /* --- WM Glassmorphism --- */
                 
        
        /* Old specific rule removed */

        .wm-glass-card {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(92, 64, 51, 0.15);
            border-radius: 20px;
            box-shadow: 0 8px 32px rgba(0,0,0,0.05);
            transition: all 0.4s ease;
        }

        .wm-glass-card:hover {
            background: transparent;
            backdrop-filter: none;
            border-color: rgba(0, 230, 118, 0.4);
            transform: translateY(-6px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.1);
        }

        .wm-glass-card img {
            transition: transform 0.4s ease;
        }

        .wm-glass-card:hover img {
            transform: scale(1.05);
        }

        .gradient-heading {
            background: linear-gradient(135deg, #00E676 0%, #34D399 40%, #10B981 70%, #FBBF24 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            color: transparent;
            display: inline-block;
        }
        
        .highlight-cherry {
            background: none;
            -webkit-text-fill-color: #D2042D;
            color: #D2042D;
        }

    



    


/* =========================================
   Waste Management - Custom CSS Rules
   Replacing Tailwind Utilities
   ========================================= */

/* Hero Section */
.wm-hero-section {
    position: relative;
    margin-top: 68px; /* Push below fixed header */
    height: calc(100vh - 68px); /* Exact viewport height minus header */
    display: flex;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.hero-bg-video {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    object-fit: cover;
    object-position: center bottom; /* Chop the top free space to focus on van */
    transform: scale(1.15); /* Zoom in to reduce empty space and stretch slightly */
    opacity: 0.4;
    z-index: 0;
}


.wm-hero-content {
    position: relative;
    z-index: 20;
    text-align: center;
    padding-top: 5.75rem;
    padding-bottom: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-height: 80vh;
}
.wm-hero-title {
    font-size: clamp(2.5rem, 4vw, 4rem);
    font-weight: 900;
    line-height: 2.2;
    background: linear-gradient(135deg, #00E676 0%, #34D399 40%, #10B981 70%, #FBBF24 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    display: inline-block;
}
.wm-hero-sub-container {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.wm-hero-subtext {
    color: white;
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 1rem;
    opacity: 0;
    transition: opacity 0.5s ease;
}
.wm-hero-badges-wrapper {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}
.wm-hero-badge {
    background: #22c55e;
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding: 0.75rem 2rem;
    border-radius: 9999px;
    color: white;
    font-weight: 700;
    font-size: 1.1rem;
}

/* Typography & Colors */
.wm-text-green { color: #15803d; }
.wm-text-amber { color: #b45309; }
.wm-text-amber-light { color: #92400e; }
.wm-text-brown { color: #5C4033; }
.wm-text-emerald-light { color: #065f46; }
.wm-text-teal-light { color: #115e59; }
.wm-text-emerald { color: #059669; }
.wm-text-red { color: #dc2626; }
.wm-text-blue { color: #2563eb; }
.wm-text-teal { color: #0d9488; }
.wm-text-orange { color: #ea580c; }
.wm-text-purple { color: #9333ea; }
.wm-text-dark { color: #1f2937; }
.wm-text-white { color: #1e3d2a; }
.wm-bg-black { background-color: #000000; }
.wm-bg-yellow-transparent { background-color: rgba(250, 204, 21, 0.25); }
.wm-bg-green-transparent { background-color: rgba(34, 197, 94, 0.25); }
.wm-text-center { text-align: center; }
.wm-mt-12 { margin-top: 3rem; }

/* Layout & Containers */
.wm-container {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
}
.wm-section-padding {
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.wm-impact-section {
    padding: 3rem 1.5rem;
    background-color: transparent;
    position: relative;
    z-index: 20;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.wm-border-y {
    border-top: 1px solid #d1fae5;
    border-bottom: 1px solid #d1fae5;
}

/* Buttons */
.wm-cta-group {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.5rem;
    width: 100%;
}
@media (min-width: 640px) {
    .wm-cta-group { flex-direction: row; }
}
.wm-btn-primary {
    background: linear-gradient(to right, #10b981, #14b8a6);
    color: #5C4033;
    font-weight: 700;
    padding: 1rem 3rem;
    border-radius: 9999px;
    box-shadow: 0 25px 50px -12px rgba(16, 185, 129, 0.3);
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-decoration: none;
}
.wm-btn-primary:hover { transform: scale(1.05); }
.wm-btn-secondary {
    background: transparent;
    border: 2px solid #065f46;
    color: #065f46;
    font-weight: 800;
    padding: 1rem 2.5rem;
    border-radius: 9999px;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}
.wm-btn-secondary:hover {
    background: #065f46;
    color: white;
}
.wm-btn-white {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    background-color: white;
    color: #059669;
    font-weight: 900;
    padding: 1rem 2.5rem;
    border-radius: 0.75rem;
    transition: all 0.3s ease;
    font-size: 1.125rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}
.wm-btn-white:hover {
    background-color: #ecfdf5;
    transform: scale(1.05);
}

/* Stats Section */
.wm-stats-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
}
@media (min-width: 768px) {
    .wm-stats-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
.wm-stat-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(12px);
    border-radius: 1rem;
    padding: 1.5rem;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.wm-stat-card:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-0.25rem);
}
.wm-stat-value {
    font-size: 1.875rem;
    font-weight: 900;
    margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
    .wm-stat-value { font-size: 2.25rem; }
}
.wm-stat-label { font-size: 0.75rem; font-weight: 500; }

/* Section Headers */
.wm-section-header { text-align: center; margin-bottom: 4rem; }
.wm-section-subtitle {
    font-weight: 800;
    font-size: 0.875rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #065f46;
}
.wm-section-title {
    font-size: 2.25rem;
    font-weight: 800;
    margin-top: 0.5rem;
}
@media (min-width: 768px) {
    .wm-section-title { font-size: 3rem; }
}
.wm-section-divider {
    width: 6rem;
    height: 0.375rem;
    background: linear-gradient(to right, #34d399, #059669);
    margin: 1.5rem auto 0;
    border-radius: 9999px;
}
.wm-section-desc {
    color: #4b5563;
    font-size: 1.125rem;
    max-width: 42rem;
    margin: 1.5rem auto 0;
}
.wm-cta-block {
    max-width: 80rem;
    margin: 3rem auto 0rem;
    padding: 0 1.5rem;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    clear: both;
}
.wm-cta-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 1.5rem; }
@media (min-width: 768px) {
    .wm-cta-title { font-size: 1.875rem; }
}

/* Services Grid */
.wm-services-grid {
    display: grid;
    gap: 2rem;
}
@media (min-width: 768px) {
    .wm-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .wm-services-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.wm-service-card { overflow: hidden; display: flex; flex-direction: column; }
.wm-card-img-wrapper { overflow: hidden; }
.wm-card-img {
    width: 100%;
    height: 12rem;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.wm-service-card:hover .wm-card-img { transform: scale(1.1); }
.wm-card-content { padding: 2rem; flex: 1; display: flex; flex-direction: column; }
.wm-card-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #5C4033;
    margin-bottom: 0.75rem;
    margin-top: 0.5rem;
}
.wm-card-desc {
    color: #4b5563;
    font-size: 0.875rem;
    line-height: 1.625;
    margin-bottom: 1rem;
    flex: 1;
}
.wm-card-badge {
    display: inline-block;
    align-self: flex-start;
    font-weight: 700;
    font-size: 0.75rem;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    margin-top: auto;
}
.wm-badge-emerald { background-color: #ecfdf5; color: #047857; }
.wm-badge-blue { background-color: #eff6ff; color: #1d4ed8; }
.wm-badge-red { background-color: #fef2f2; color: #b91c1c; }
.wm-badge-orange { background-color: #fff7ed; color: #c2410c; }
.wm-badge-purple { background-color: #faf5ff; color: #7e22ce; }
.wm-badge-teal { background-color: #f0fdfa; color: #0f766e; }

/* Gallery */
.wm-gallery-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem;
}
@media (min-width: 640px) {
    .wm-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.wm-gallery-card { overflow: hidden; }
.wm-gallery-img {
    width: 100%;
    height: 16rem;
    object-fit: cover;
    transition: transform 0.5s ease;
}
@media (min-width: 768px) {
    .wm-gallery-img { height: 24rem; }
}
.wm-gallery-card:hover .wm-gallery-img { transform: scale(1.05); }

/* Expertise Section */
.wm-expertise-grid {
    display: grid;
    gap: 2.5rem;
}
@media (min-width: 1024px) {
    .wm-expertise-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.wm-expertise-card { padding: 2.5rem; }
.wm-icon-large { font-size: 3rem; margin-bottom: 1.5rem; }
.wm-icon-sm { font-size: 1.125rem; }
.wm-expertise-title { font-size: 1.875rem; font-weight: 700; color: #5C4033; margin-bottom: 1rem; }
.wm-expertise-desc { color: #4b5563; margin-bottom: 1.5rem; }
.wm-expertise-list { display: flex; flex-direction: column; gap: 1rem; }
.wm-list-item { display: flex; align-items: flex-start; gap: 0.75rem; color: #1f2937; font-weight: 500; }
.wm-icon-check { margin-top: 0.25rem; }

/* CPCB Compliance */
.wm-cpcb-header { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 1.5rem; margin-bottom: 3rem; }
.wm-cpcb-icon-wrapper {
    width: 5rem;
    height: 5rem;
    background-color: #10b981;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.25rem;
    color: white;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
}
.wm-cpcb-grid {
    display: grid;
    gap: 1.5rem;
    overflow-x: hidden;
    padding-bottom: 1rem;
}
@media (min-width: 768px) {
    .wm-cpcb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
    .wm-cpcb-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.wm-cpcb-card { padding: 1.5rem; border-left-width: 4px; border-left-style: solid; }
.wm-border-left-emerald { border-left-color: #10b981; }
.wm-border-left-red { border-left-color: #ef4444; }
.wm-border-left-blue { border-left-color: #3b82f6; }
.wm-border-left-teal { border-left-color: #14b8a6; }
.wm-border-left-orange { border-left-color: #f97316; }
.wm-border-left-purple { border-left-color: #a855f7; }
.wm-cpcb-card-title { font-size: 1.125rem; font-weight: 700; color: #5C4033; margin-bottom: 0.75rem; display: flex; align-items: center; gap: 0.5rem; }
.wm-cpcb-card-desc { color: #4b5563; font-size: 0.875rem; margin-bottom: 1rem; }
.wm-cpcb-badge { font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.5rem; border-radius: 0.25rem; }

/* India Context */
.wm-india-grid {
    display: grid;
    gap: 4rem;
    align-items: flex-start;
}
.wm-india-title { font-size: 2rem; margin-bottom: 0.5rem; line-height: 1.2; }
@media (min-width: 768px) {
    .wm-india-title { font-size: 2.25rem; }
}
@media (min-width: 1024px) {
    .wm-india-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.wm-india-list { display: flex; flex-direction: column; gap: 0.875rem; }
.wm-india-icon { font-size: 1.5rem; display: flex; align-items: center; justify-content: center; }
.wm-india-highlight {
    margin-top: 2rem;
    padding: 1rem;
    background-color: #ecfdf5;
    border-left: 4px solid #10b981;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
.wm-india-highlight-text { color: #065f46; font-weight: 700; font-size: 1.125rem; }
.wm-chart-card {
    background-color: #f8fafc;
    padding: 2rem;
    border-radius: 1.5rem;
    border: 1px solid #e5e7eb;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    width: 100%;
}
.wm-chart-title { text-align: center; font-size: 1.25rem; font-weight: 700; color: #5C4033; margin-bottom: 0.25rem; }
.wm-chart-subtitle { text-align: center; font-size: 0.875rem; color: #6b7280; margin-bottom: 2rem; }
.wm-chart-container { position: relative; height: 300px; width: 100%; }



/* 6-Bin Carousel Navigation Arrows */
.seg-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    background: white;
    color: #10b981;
    border: 2px solid #10b981;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    cursor: pointer;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
.seg-nav-btn:hover {
    background: #10b981;
    color: white;
    transform: translateY(-50%) scale(1.1);
}
.seg-prev { left: -20px; }
.seg-next { right: -20px; }
@media (max-width: 768px) {
    .seg-prev { left: 5px; }
    .seg-next { right: 5px; }
}


/* Replaced inline style from line 245 */
.seg-carousel-wrapper { position: relative; max-width: 100%; }