@media(max-width:768px) {

            .owl-carousel .owl-nav .owl-prev,
            .owl-carousel .owl-nav .owl-next {
                display: none !important;
            }
        }

        .campaign-card img {
            height: 220px;
            object-fit: cover;
        }

        .btn-success {
            background-color: #9ecb3b;
            border-color: #9ecb3b;
        }

        .btn-success:hover {
            background-color: #88b530;
        }

        .card-title {
            height: 39px !important;
        }

        .img-wrapper {
            height: 220px;
            overflow: hidden;
        }

        .img-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s ease;
        }

        .campaign-card:hover .img-wrapper img {
            transform: scale(1.15);
        }

        .category-section {
            background: #f4f7df;
        }

        .category-tabs .nav-link {
            color: #000;
            font-weight: 500;
            border-bottom: 2px solid transparent;
        }

        .category-tabs .nav-link.active {
            color: red;
            border-bottom: 2px solid red;
        }

        .campaign-card {
            background: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
        }

        .img-wrapper {
            height: 220px;
            overflow: hidden;
            /* 🔥 NO overlap */
            position: relative;
        }

        .img-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .6s ease;
        }

        .campaign-card:hover .img-wrapper img {
            transform: scale(1.15);
            /* Zoom only image */
        }

        .tax-badge {
            position: absolute;
            top: 10px;
            right: 10px;
            background: #9ecb3b;
            color: #000;
            font-size: 12px;
            padding: 4px 8px;
            border-radius: 4px;
            z-index: 2;
        }

        .card-body {
            padding: 15px;
        }

        .raised-text {
            font-size: 14px;
            margin: 10px 0;
        }

        .progress {
            height: 8px;
            background: #eee;
        }

        .progress-bar {
         
            background: #9ecb3b;
        }

        .share-icons i {
            margin-right: 10px;
            cursor: pointer;
        }

        .donate-btn {
            background: red;
            color: #fff;
        }

        .donate-btn:hover {
            background: darkred;
            color: #fff;
        }

        .fw-semibold {
            height: 39px;
        }

      

        .donation-live-section .overlay {
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.6);
        }

        .rupee {
            color: #9ecb3b;
            margin-right: 5px;
        }

        .live-dot {
            color: #9ecb3b;
            font-size: 14px;
            margin-left: 10px;
        }

        .donation-box {
            background: rgba(0, 0, 0, 0.7);
            color: #fff;
            padding: 15px 20px;
            border-radius: 8px;
            font-size: 14px;
        }

        .donation-box .name {
            color: #9ecb3b;
            margin-top: 5px;
        }

        .donate-main-btn {
            background: red;
            color: #fff;
            padding: 10px 25px;
            border-radius: 6px;
        }

        .donate-main-btn:hover {
            background: darkred;
            color: #fff;
        }

        .donation-live-section .fw-bold {
            color: #fff;
        }

        .testimonial-section .fw-bold {
            color: #fff;
        }

       

        .testimonial-section .overlay {
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.6);
        }

        .heart-icon {
            font-size: 28px;
        }

        .donor-btn {
            background: #9ecb3b;
            color: #000;
            padding: 6px 20px;
            border-radius: 6px;
            font-weight: 500;
        }

        .testimonial-card {
            background: #fff;
            border-radius: 10px;
            padding: 30px 20px;
            min-height: 220px;
            color: #000;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
        }

        .avatar {
            width: 60px;
            height: 60px;
            background: #fff;
            color: #000;
            border-radius: 8px;
            margin: 0 auto 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
        }

        .testimonial-card .name {
            color: green;
            margin-bottom: 10px;
        }

        .testimonial-card p {
            font-size: 14px;
            line-height: 1.6;
            height: 65px;
        }

        .custom-arrow {
            color: #fff;
        }

        .swiper-button-prev::after,
        .swiper-button-next::after {
            font-size: 22px;
        }

        .featured-section {
            background: #fff;
        }

        .featured-title {
            font-weight: 700;
            font-family: cursive;
        }

        .logo-box {
            border: 1px solid #ddd;
            padding: 20px;
            height: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
            /* background: #fff; */
        }

        .logo-box img {
            max-height: 60px;
            max-width: 100%;
            filter: none;       
            opacity: 1;         
            transition: none;    
        }

         .counter-container {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 16px;
        }

        /* Mobile: 2 cards per row */
        @media (max-width: 576px) {
            .counter-container {
                grid-template-columns: repeat(2, 1fr);
            }
             .raised-text {
                font-size: 14px;
                margin: 20px 0;
            }
        }