/* Client Spotlight (template-parts/review.php): full-width background banner */
.review_banner {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 620px;
    overflow: hidden;
}

.review_banner_bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
}

/* White fade on the left keeps the heading readable over the photo */
.review_banner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg,
        rgba(255, 255, 255, 0.96) 0%,
        rgba(255, 255, 255, 0.88) 38%,
        rgba(255, 255, 255, 0.35) 62%,
        rgba(255, 255, 255, 0) 80%);
}

.review_banner .small_container {
    position: relative;
    z-index: 2;
    width: 100%;
}

.review_banner .Privacy_Policy_banner_left_side {
    width: 55%;
}

/* -------------------------     media quary css starts      -------------------------------- */
@media screen and (max-width: 1365px) {
    .review_banner {
        min-height: 540px;
    }
}

@media screen and (max-width: 991px) {
    .review_banner .Privacy_Policy_banner_left_side {
        width: 70%;
    }
    .review_banner::before {
        background: linear-gradient(90deg,
            rgba(255, 255, 255, 0.95) 0%,
            rgba(255, 255, 255, 0.85) 55%,
            rgba(255, 255, 255, 0.3) 85%,
            rgba(255, 255, 255, 0.1) 100%);
    }
}

@media screen and (max-width: 767px) {
    .review_banner {
        min-height: 480px;
    }
    .review_banner_bg {
        object-position: 70% center;
    }
    .review_banner .Privacy_Policy_banner_left_side {
        width: 100%;
    }
    .review_banner::before {
        background: rgba(255, 255, 255, 0.82);
    }
}