:root {
    --reviews-list-gap: 15px;
    --reviews-item-height: 712px;
    --reviews-item-width: 518px;
}

.reviews-list,
.swiper:not(.swiper-initialized).reviews-list .swiper-wrapper {
    gap: var(--reviews-list-gap, 16px);
}
.reviews-list .reviews-item {
    width: auto;
}
.reviews-list .reviews-item.js-open-popup {
    cursor: pointer;
}
.reviews-list .reviews-item-figure {
    height: var(--reviews-item-height, 712px);
    width: var(--reviews-item-width, 518px);
    border-radius: 18px;
    overflow: hidden;
}
.reviews-list .reviews-item-figure video,
.reviews-list .reviews-item-figure img {
    height: 100%;
    width: 100%;
    background-color: #dfdfdf;
    aspect-ratio: 0.726694915;
    object-fit: cover;
    object-position: center;
}
.reviews-list .reviews-list-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 44px;
    width: 44px;
    margin: auto 0;
    background: linear-gradient(110deg, rgba(255, 255, 255, 0.60) 0.2%, rgba(217, 217, 217, 0.24) 101.11%);
    border: 1px solid rgba(226, 226, 226, 0.40);
    border-radius: 100%;
    backdrop-filter: blur(25px);
    box-shadow: 22px 22px 33px 0 rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    z-index: 1;
}
.reviews-list .reviews-list-arrow.left {
    left: var(--container-padding, 16px);
}
.reviews-list .reviews-list-arrow.right {
    right: var(--container-padding, 16px);
}
.swiper:not(.swiper-initialized) .reviews-list-arrow,
.reviews-list .reviews-list-arrow.swiper-button-disabled {
    opacity: 0.3;
    cursor: default;
}

@media (max-width: 1920px) {
    :root {
        --reviews-item-height: 520px;
        --reviews-item-width: 378px;
    }

    @media (max-width: 600px) {
        :root {
            --reviews-item-height: auto;
            --reviews-item-width: calc(100vw - var(--container-padding) * 2);
        }
    }
}