.hero-4 {
            position: relative;
            z-index: 1;
        }

        .hero-4::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;

            background: rgba(0, 0, 0, 0.67);
            /* adjust darkness here */

            z-index: -1;
        }

        /* RIGHT SIDE RECTANGLE IMAGE */
        .side-rect-img {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            width: 70px;
            height: 80%;
            overflow: hidden;
            border-radius: 6px;
            z-index: 1;
            transition: all 0.4s ease;
        }

        .side-rect-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* HIDE WHEN ACTIVE */
        .service-4__item.active .side-rect-img {
            opacity: 0;
            transform: translateY(-50%) scale(0.8);
        }

        .breadcrumb__bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* dark overlay */
    background: rgba(0, 0, 0, 0.7);

    /* optional gradient look (premium) */
    /* background: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.3)); */

    z-index: 1;
}