.sect1{
            padding-bottom: 0px;
            margin-bottom: 0rem;
         }
        .what-we-do-slider {
            padding-left: 1rem;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 70vw;
            margin: 1rem auto 0;
        }
        .slide {
            display: none; /* Hide all slides by default */
            grid-template-columns: 1fr 1fr;
            gap: 2rem;
            align-items: center;
            width: 100%;
            animation: fadeIn 0.8s ease-in-out;
        }
        .slide.active-slide {
            display: grid; /* Show only the active slide */
        }
        .slide img {
            height: 500px;
            border-radius: 50%;
            object-fit: cover;
        }
        .slider-nav {
            position: absolute;
            top: 50%;
            z-index: 10;
            transform: translateY(-50%); /* Vertical centering */
            background: rgba(255, 255, 255, 0.8);
            border: none;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            border-radius: 50%;
            width: 45px; /* Slightly larger */
            height: 45px;
            font-size: 20px; /* Adjusted for icon */
            color: var(--text-color);
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.3s, transform 0.3s, box-shadow 0.3s;
        }
        .slider-nav:hover { 
            background: white; 
            transform: translateY(-50%) scale(1.1); /* Scale up on hover */
            box-shadow: 0 6px 16px rgba(0,0,0,0.12);
        }
        .slider-nav.prev { left: -60px; } /* Increased spacing */
        .slider-nav.next { right: -50px; } /* Increased spacing */
        @keyframes fadeIn { from { opacity: 0.4; } to { opacity: 1; } }

        /* Responsive styles for "What We Do" slider on mobile */
        @media (max-width: 768px) {
            .what-we-do-slider {
                width: 90vw; /* Use more screen width */
                padding-left: 0;
            }
            .large{
                padding-bottom: 0px;
                margin-bottom: 0px;
            }
            .slide {
                grid-template-columns: 1fr; /* Stack image and text vertically */
                gap: 1.5rem;
                text-align: center;
            }
            .slide img {
                height: 300px; /* Adjust image size for mobile */
                width: 300px;
                justify-self: center; /* Center the image */
            }
            .slider-nav {
                width: 40px;
                height: 40px;
                bottom: 0; /* Move arrows to the bottom */
                top: 65%;
                transform: translateY(50%);
            }
            .slider-nav.prev { left: -10px; }
            .slider-nav.next { right: -10px; }
            .grey-sect{
                margin-top: 5rem;
            }
            .circle4{
                display: block;
                margin-top: -5rem;
                width: 10rem;
                height: 10rem;
            }
        }

        /* =========================================
           12. PRICING/DONATION TIER STYLES
           ========================================= */
        .pricing-section {
            margin-top: 3rem;
            padding: 6rem 2rem;
            background-color: var(--neutral-background);
            position: relative;
            text-align: center;
        }

        .pricing-section h2 {
            font-size: 2.8rem;
            font-weight: 600;
            margin-bottom: 1rem;
            color: var(--text-color);
        }

        .pricing-section .subtitle {
            font-size: 1.2rem;
            color: var(--text-color);
            max-width: 600px;
            margin: 0 auto 4rem auto;
        }

        .pricing-container {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            gap: 2rem;
            max-width: 1400px;
            margin: 0 auto;
        }

        .pricing-card {
            background: #fff;
            border-radius: 15px;
            box-shadow: 0 8px 30px rgba(0,0,0,0.07);
            width: 280px;
            padding: 2.5rem 2rem;
            text-align: center;
            position: relative;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border-top: 4px solid transparent;
        }

        .pricing-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.12);
        }

        /* --- Card Header & Price --- */
        .pricing-card .tier-name {
            font-size: 1.3rem;
            font-weight: 600;
            margin-bottom: 0.5rem;
        }

        .pricing-card .price {
            font-size: 3.5rem;
            font-weight: 700;
            margin-bottom: 1rem;
            line-height: 1;
        }

        .pricing-card .price span {
            font-size: 1.2rem;
            font-weight: 500;
            color: var(--text-color);
        }

        /* --- Features List --- */
        .pricing-card ul {
            list-style: none;
            padding: 0;
            margin: 2rem 0;
            text-align: left;
        }

        .pricing-card ul li {
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            font-size: 0.95rem;
            color: var(--text-color);
        }

        .pricing-card ul li i {
            margin-right: 10px;
            font-size: 1.1rem;
        }

        /* --- CTA Button --- */
        .pricing-card .cta-btn {
            width: 100%;
            padding: 15px 20px;
            border-radius: 8px;
            border: none;
            font-weight: 600;
            font-size: 1rem;
            cursor: pointer;
            transition: background-color 0.3s ease;
            text-decoration: none;
            display: inline-block;
            box-sizing: border-box;
        }

        /* --- Color Variations --- */
        /* Tier 1: Bronze */
        .pricing-card.bronze { border-top-color: #A97142; }
        .pricing-card.bronze .price, .pricing-card.bronze ul i { color: #A97142; }
        .pricing-card.bronze .cta-btn { background-color: #A97142; color: #fff; }
        .pricing-card.bronze .cta-btn:hover { background-color: #8c5e38; }

        /* Tier 2: Silver */
        .pricing-card.silver { border-top-color: #cd7f32; }
        .pricing-card.silver .price, .pricing-card.silver ul i { color: #cd7f32; }
        .pricing-card.silver .cta-btn { background-color: #cd7f32; color: #fff; }
        .pricing-card.silver .cta-btn:hover { background-color: #b8722d; }

        /* Tier 3: Gold (Featured) */
        .pricing-card.gold {
            transform: scale(1.05);
            box-shadow: 0 20px 50px rgba(0,0,0,0.15);
            border-top-color: #c0c0c0;
        }
        .pricing-card.gold .price, .pricing-card.gold ul i { color: #a0a0a0; }
        .pricing-card.gold .cta-btn { background-color: #c0c0c0; color: var(--text-color); }
        .pricing-card.gold .cta-btn:hover { background-color: #adadad; }

        .featured-badge {
            position: absolute;
            top: -1px;
            right: 20px;
            background: #c0c0c0;
            color: var(--text-color);
            font-size: 0.8rem;
            font-weight: 700;
            padding: 5px 15px;
            border-radius: 0 0 8px 8px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        }

        /* Tier 4: Platinum */
        .pricing-card.platinum { border-top-color: #ffd700; }
        .pricing-card.platinum .price, .pricing-card.platinum ul i { color: #e0bd00; }
        .pricing-card.platinum .cta-btn { background-color: #ffd700; color: var(--text-color); }
        .pricing-card.platinum .cta-btn:hover { background-color: #eabf00; }

        /* Tier 5: Diamond (Using site's accent color) */
        .pricing-card.diamond { border-top-color: var(--primary-color); }
        .pricing-card.diamond .price, .pricing-card.diamond ul i { color: var(--primary-color); }
        .pricing-card.diamond .cta-btn { background-color: var(--primary-color); color: #000; }
        .pricing-card.diamond .cta-btn:hover { background-color: #55d4a3; }

        /* Tier 6: Legacy (New) */
        .pricing-card.legacy { border-top-color: #e5e4e2; }
        .pricing-card.legacy .price, .pricing-card.legacy ul i { color: #9a9997; }
        .pricing-card.legacy .cta-btn { background-color: #e5e4e2; color: var(--text-color); }
        .pricing-card.legacy .cta-btn:hover { background-color: #d1d0ce; }

        /* --- Background Decorative Circles --- */
        .pricing-section {
            position: relative;
            overflow: hidden; /* Prevents circles from spilling out */
        }
        .pricing-section > * {
            position: relative;
            z-index: 1;
        }
        .pricing-bg-circle {
            position: absolute;
            border-radius: 50%;
            z-index: 0;
            background-color: var(--primary-color);
            opacity: 0.1;
        }
        .pricing-bg-circle.circle-1 { width: 250px; height: 250px; top: 10%; left: -80px; }
        .pricing-bg-circle.circle-2 { width: 350px; height: 350px; bottom: -150px; right: -100px; }
        .pricing-bg-circle.circle-3 { width: 120px; height: 120px; top: 25%; right: 10%; }


        
/* Styles for the Hero Image Slider */
.hero-slider {
    width: 45vw;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-slider .slide {
    display: none; /* Hide all slides by default */
    width: 100%;
    animation: fadeIn 0.8s ease-in-out;
    text-align: center; /* Center the image within the slide */
    justify-content: center;
    width: 100vw;
}

.hero-slider .slide.active-slide {
    display: block; /* Show only the active slide */

}

.hero-slider .slide .top-img {
    margin-top: 0rem;
    margin-bottom: 0.4rem;
    border-radius: 50%;
    position: relative;
    z-index: 10;
    object-fit: cover;
    justify-self: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.hero-slider .slider-nav {
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.8);
    border: none;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border-radius: 50%;
    width: 45px;
    height: 45px;
    font-size: 20px;
    color: var(--text-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s, transform 0.3s, box-shadow 0.3s;
}

.hero-slider .slider-nav:hover { 
    background: white; 
    transform: translateY(-50%) scale(1.1);
}

.hero-slider .slider-nav.prev { left: 0px; }
.hero-slider .slider-nav.next { right: 0px; }

.sect1{
    margin-top: 7rem;
}
@media (max-width: 768px){
.hero-slider .slider-nav.prev { left: -100px; }
.hero-slider .slider-nav.next { right: -100px; }
}
.headline{
    margin-top: 0rem;
    margin-bottom: 0px;
}
.headline-txt{
    margin-top: 0rem;
}
        /* Responsive adjustments for pricing cards */
        @media (max-width: 1200px) {
            .pricing-card.gold {
                transform: scale(1); /* Disable scaling on smaller screens to prevent layout issues */
            }
        }
        @media (max-width: 768px) {
            .img-circle{
                z-index: 5;
                position: relative;
                opacity: 1;
                top: 0;
                margin: 0 auto;
                left: 0;
            }
            .pricing-section { padding: 4rem 1rem; }
            .pricing-section h2 { font-size: 2.2rem; }
        }