.reviews{
    background: linear-gradient(
    to bottom,        
    rgba(255, 255, 255, 0) 50%,     
    var(--light-secondary) 50%      
  );
  padding: 9.875rem 0 11.5rem 0;
  overflow: hidden;
}

.reviews .reviews__title{
	width: 66.25rem;
}

.reviews .reviews__video-list .review__item{
	position: relative;
    cursor: pointer;
}

.reviews .reviews__video-list .review__item:first-of-type .item__video-thumb,
.reviews .reviews__video-list .review__item:first-of-type .item__video {
	width: 20.25rem;
	height: 27.4375rem;
}

.reviews .reviews__video-list .review__item:nth-of-type(2){
	margin-top: 8.9375rem;
}

.reviews .reviews__video-list .review__item:nth-of-type(2) .item__video-thumb,
.reviews .reviews__video-list .review__item:nth-of-type(2) .item__video {
	width: 27.3125rem;
	height: 36.25rem;
	
}
.reviews .reviews__video-list .review__item:nth-of-type(3) .item__video-thumb,
.reviews .reviews__video-list .review__item:nth-of-type(3) .item__video {
	width: 20.1875rem;
	height: 26.8125rem;
}
.reviews .reviews__video-list .review__item:nth-of-type(3){
	margin-top: 5.625rem;
}

.reviews .reviews__video-list .item__video-thumb{
	width: 100%;
	height: 100%;
}

.reviews .reviews__video-list .item__video-thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.reviews .reviews__video-list .item__video {
	position: absolute;
    inset: 0;
    opacity: 0;
	object-fit: cover;
    pointer-events: none;
    transition: opacity .3s ease;
}


.reviews .reviews__video-list .item__video-thumb {
    transition: opacity .3s ease;
}


.reviews .reviews__video-list .review__item:hover .item__video-thumb {
    opacity: 0;
}

.reviews .reviews__video-list .review__item:hover .item__video {
    opacity: 1;
}

.reviews .reviews__video-list .review__item .item__video-title{
	margin-top: 2.3125rem;
}


.reviews .reviews__list{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
    text-align: justify;
	margin-top: 8.875rem;
}
.reviews .reviews__list .item__name{
	display: block;
	width: 100%;
	border-bottom: 2px solid #A8A49C;
	padding-bottom: 1.4375rem;
	margin-bottom: 1rem;
}
.reviews .text.text--small {
    font-size: 0.8rem;
    line-height: 160%;
}
 .reviews .reviews__video-list .review__item:nth-of-type(3) .item__video-thumb, .reviews .reviews__video-list .review__item:nth-of-type(3) .item__video {
                height: 29.813rem;
            }
@media (min-width: 767px) {
	.reviews .reviews__text{
		width: 27.375rem;
		margin-right: 7.0625rem;
	}
	.reviews .reviews__video-list .review__item:nth-of-type(3) .item__video-title{
		text-align: right;
		width: 100%;
	}
}
@media (max-width: 767px) {

      .reviews__title,
      .reviews__text {
        margin-right: 0;
      }
      
      .reviews__text {
        margin-bottom: 3.3125rem;
      }
    
      .reviews__video-list {
        gap: 1rem;
        overflow-x: auto;
        padding-bottom: 1rem;
        -webkit-overflow-scrolling: touch; 
      }

      .reviews__video-list .review__item {
        flex: 0 0 auto; 
        width: 16.75rem;
      }
        .reviews .reviews__video-list .review__item:first-of-type .item__video-thumb,
    	.reviews .reviews__video-list .review__item:first-of-type .item__video,
      .reviews .reviews__video-list .review__item:nth-of-type(2) .item__video-thumb,
      .reviews .reviews__video-list .review__item:nth-of-type(2) .item__video,
      .reviews .reviews__video-list .review__item:nth-of-type(3) .item__video-thumb,
    	.reviews .reviews__video-list .review__item:nth-of-type(3) .item__video {
    	width: 16.75rem;
    	height: 22.6875rem;
    	}
    
      .reviews__list {
        gap: 1rem;
        overflow-x: auto;
        padding-bottom: 1rem;
      }

      .reviews__list .reviews__item {
        flex: 0 0 auto;
        width: 20.25rem; 
      }
    
      .reviews__list .item__name,
      .reviews__list .item__text {
        text-align: left;
      }
      .reviews .reviews__video-list .review__item:nth-of-type(2){
    	margin-top: 0;
      }
      .reviews .reviews__video-list .review__item:nth-of-type(3){
    	margin-top: 0;
    }
	.reviews__video-list::-webkit-scrollbar,
	.reviews__list::-webkit-scrollbar {
		display: none;
	}

    .reviews__video-list,
    .reviews__list {
        scrollbar-width: none; 
        -ms-overflow-style: none; 
    }
    .reviews__video-list,
    .reviews__list {
        gap: 1rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; 
    }
    
    .reviews .swiper {
       justify-content: flex-start;
    }

}

.review-popup__container {
    display: flex;
    flex-direction: row;
    height: 100vh;
}

.review-popup__image-side {
    width: 30%;
    background: #eee;
}

.review-popup__image-side img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.review-popup__content-side {
    width: 65%;
    display: flex;
    padding-left: 11.875rem;
    padding-top: 10rem;
    padding-right: 2rem;
    overflow-y: auto;
    flex-direction: column;
    justify-content: center;
    background-color: var(--light-secondary);
}
.review-popup__image-side  video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.review-popup__description {
    margin-bottom: 3rem;
	margin-top: 3.5rem;
	max-width: 22.0625rem;
    color: var(--dark);
}

.review-popup__sub-image {
    width: 100%;
    margin-top: auto; 
    padding-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.review-popup__sub-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.review-popup .popup__close:not(.button) {
    position: absolute;
    z-index: 99999;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--dark);
	stroke: var(--dark);
	fill:var(--dark);
    transition: transform 0.3s ease, opacity 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
	
	top: 4.375rem;
	right: 4.5rem;
	width: 8.25rem;
	height: 8.25rem;
	border: 1px solid var(--dark);
	border-radius: 500px;
}

#videoModal .popup__body {
  position: relative;
  flex-direction: row;
  width: 100%;
  height: 100%;
  background: var(--light-secondary);
	padding: 0;
}

.review-popup .popup__close:not(.button) svg {
    color: var(--dark);
	stroke: var(--dark);
	fill:var(--dark);
    width: 3.180625rem;
    height: 2.293125rem;
}


body.popup-open {
    overflow: hidden;
}

@media (max-width: 767px) {
    .review-popup .popup__close {
        top: 1rem;
        right: 1rem;
        border-radius: 50%;
    }
    .review-popup__content-side {
        padding: 2rem;
    }
    
    .review-popup__sub-image {
        margin-top: 2rem;
    }
    .review-popup__container {
        flex-direction: column;
    }
    .review-popup__image-side, 
    .review-popup__content-side {
        width: 100%;
    }
    .review-popup__content-side {
        padding: 2rem;
    }
    .review-popup .popup__body {
        overflow-y: auto;
    }
}