.serv-block:hover {
            background-image: var(--bg);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        .promo-banner {
            height: 300px;
            /* VERY IMPORTANT */
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        .care-box {
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            position: relative;
            overflow: hidden;
            transition: all 0.4s ease;
        }

        /* 🔥 Dark overlay */
        .care-box::before {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.4);
            transition: 0.4s;
        }

        /* content above overlay */
        .care-icon,
        .care-box h4 {
            position: relative;
            z-index: 2;
            transition: 0.4s;
        }

        /* 🔥 HOVER EFFECT */
        .care-box:hover {
            transform: scale(1.05);
        }

        /* zoom image */
        .care-box:hover::before {
            background: rgba(0, 0, 0, 0.6);
        }

        /* icon move */
        .care-box:hover .care-icon {
            transform: translateY(-8px);
        }

        /* text animation */
        .care-box:hover h4 {
            transform: translateY(-5px);
            letter-spacing: 1px;
        }

        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 8px;
        }

        .g-item {
            display: block;
            overflow: hidden;
            border-radius: 10px;
        }

        .g-item img {
            width: 100%;
            height: 80px;
            object-fit: cover;
            transition: 0.4s ease;
        }

        /* 🔥 Hover Effect */
        .g-item:hover img {
            transform: scale(1.1);
        }