.banner_with_review {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(48px, 6vw, 96px) clamp(16px, 3vw, 32px) clamp(96px, 12vw, 192px);

    .br_bg {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        z-index: -1;
        object-fit: cover;
        pointer-events: none;
    }

    .br_overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
    }

    .container.container-fluid-xxl {
        max-width: 1350px;
    }

    .br_content {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        text-align: left;
        width: 100%;
        max-width: 30rem;
        gap: clamp(32px, 4vh, 40px);

        .pill {
            display: inline-flex;
            position: relative;
            background-color: #d1fae5;
            color: #059669;
            border-radius: 2rem;
            font-size: .9375rem;
            line-height: 1.5rem;
            font-weight: 500;
            padding: .25rem 1rem;
        }

        h1, h2, h3, p {
            color: #fff;
        }

        .review-text {
            display: block;
            margin-bottom: 0;
            line-height: 1.5;
            font-weight: 500;
            text-shadow: 1px 1px rgba(0, 0, 0, 0.25);
            font-family: Poppins, sans-serif;
            font-size: clamp(20px, 3vw, 24px);
        }

        @media (max-width: 1023px) {
            br {
                display: none;
            }
        }
    }

    .review-rating {
        position: relative;
        display: inline-flex;
        flex-wrap: nowrap;
        flex-direction: row;
        gap: .5rem;

        svg {
            display: block;
            width: 3rem;
            height: 3rem;
            position: relative;
            text-align: center;
        }
    }
}
