.reviews {
     background-color: #131313;
     grid-column-start: 1;
}

div:has(> section.reviews) {
     background-color: #131313;
     grid-column-start: 1;
}

.reviews-title {
     color: #fff;
     font-family: InterSemiBold;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 1.5rem;
     text-align: left;
     line-height: 2rem;
}

.reviews-slider {
     margin-top: 2.5rem;
}

.review-author {
     grid-column-start: 1;
}

.review-author--icon {
     color: #fff;
     font-family: Inter;
     font-weight: 500;
     text-transform: uppercase;
     text-align: left;
     background-color: #9b9a9a;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     grid-column-start: 1;
}

.review-author--name {
     color: #9b9a9a;
     font-family: InterSemiBold;
     font-weight: 400;
     text-align: center;
}

.review-info--title {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     color: #fff;
     font-family: Inter;
     font-weight: 600;
     text-align: left;
     grid-column-start: 1;
     overflow: hidden;
     text-overflow: ellipsis;
}

.review-info--text {
     display: -webkit-box;
     -webkit-line-clamp: 6;
     -webkit-box-orient: vertical;
     color: #fff;
     font-family: Inter;
     font-weight: 400;
     text-align: left;
     grid-column-start: 1;
     overflow: hidden;
     text-overflow: ellipsis;
}

.review-info--btn {
     display: flex;
     align-content: center;
     align-items: center;
     justify-content: space-between;
     position: absolute;
     font-family: Inter;
     font-weight: 400;
     text-transform: uppercase;
     text-align: left;
     background-color: transparent;
     border: none;
     cursor: pointer;
     flex-direction: row;
}

.review-info--btn:after {
     display: block;
     content: '';
     width: 1.2rem;
     height: 1.2rem;
     background-image: url('/local/templates/ventluki/img/arrow_pointer.svg');
}

.review-info--more {
     display: none;
     width: 12.5rem;
     color: #fff;
     font-family: Inter;
     font-weight: 400;
     font-size: 1.7rem;
     text-align: left;
     line-height: 2.4rem;
     border: 0.1rem solid #fff;
     grid-column-start: 31;
     grid-column-end: 44;
}

.reviews-slider--slide {
     background-color: #212121;
     border-radius: 0.5rem;
}


.reviews-slider--dots {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     position: absolute;
     z-index: 3;
}

.reviews-slider--dot {
     position: relative;
     display: flex;
     flex-grow: 1;
     flex-basis: calc((100% - 6rem) / 3);
     margin-right: 3rem;
     border-radius: 0.5rem;
     background-color: rgba(246, 246, 246, 0.3);
     cursor: pointer;
}

.reviews-slider--dot:last-child {
     margin-right: 0;
}

.reviews-slider--load {
     display: block;
     position: relative;
     width: 0%;
     height: 0.4rem;
     border-radius: 0.5rem;
     background-color: #fff;
     transition: all 0s linear;
}

.reviews-slider--dot.active .reviews-slider--load { width: 100%; }

@media (min-width: 600px) {
     
     .reviews {
          width: 160rem;
          grid-column-end: 161;
     }
     
     div:has(> section.reviews) {
          width: 160rem;
          margin-top: 12rem;
          padding-bottom: 6rem;
          grid-column-end: 161;
     }
     
     .reviews-title {
          width: 69rem;
          grid-column-start: 12;
          grid-column-end: 81;
          margin-top: 7.1rem;
     }
     
     .reviews-nav {
          position: absolute;
          right: 3.7rem;
          bottom: 18.4rem;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
          width: 9.5rem;
          height: 4rem;
          z-index: 2;
     }
     
     .reviews-nav div {
          width: 4rem;
          height: 4rem;
          background-image: url('/local/templates/ventluki/img/nav-btn--white.svg');
          cursor: pointer;
     }
     
     .reviews-nav--prev { transform: rotate(180deg); }
     
     .reviews-nav div.swiper-button-disabled { opacity: 0.3; }
     
     .reviews-slider {
          width: 141rem;
          grid-column-start: 12;
     }
     
     .reviews-slide--wrap {
          width: 62.2rem;
          height: 24rem;
          grid-column-start: 4;
          grid-column-end: 67;
          margin-top: 3rem;
     }
     
     .review-author {
          width: 6rem;
          border-radius: 6rem;
          grid-column-end: 7;
     }
     
     .review-author--icon {
          width: 6rem;
          height: 6rem;
          border-radius: 6rem;
          font-size: 3.6rem;
          line-height: 4.7rem;
          grid-column-end: 7;
     }
     
     .review-author--name {
          width: 8rem;
          margin-left: -1rem;
          font-size: 1.2rem;
          line-height: 1.3rem;
          grid-column-start: 1;
          grid-column-end: 7;
          margin-top: 1rem;
     }
     
     .review-info {
          width: 50.7rem;
          height: 24rem;
          grid-column-start: 13;
          grid-column-end: 64;
     }
     
     .review-info--title {
          width: 50.7rem;
          font-size: 1.8rem;
          line-height: 2.2rem;
          grid-column-end: 52;
     }
     
     .review-info--text {
          width: 49.5rem;
          height: 14.4rem;
          font-size: 1.7rem;
          line-height: 2.4rem;
          grid-column-end: 51;
          margin-top: 2.5rem;
     }
     
     
     .review-info--btn {
          left: 0;
          bottom: 0;
          width: 26.8rem;
          color: #9b9a9a;
          font-size: 1.5rem;
          line-height: 2rem;
          grid-column-end: 28;
     }
     
     .reviews-slider--slide {
          width: 69rem;
          height: 30rem;
     }
     .reviews-slider--dots {
          display: none;
     }
}

@media (max-width: 599px) {
     .reviews {
          width: 43rem;
          grid-column-end: 44;
     }
     
     div:has(> section.reviews) {
          width: 43rem;
          margin-top: 8rem;
          padding-bottom: 5.8rem;
          grid-column-end: 44;
     }
     
     .reviews-title {
          width: 39rem;
          grid-column-start: 3;
          grid-column-end: 42;
          margin-top: 2.5rem;
     }
     
     .reviews-nav { display: none; }
     
     .reviews-slider {
          width: 39rem;
          height: 100%;
          grid-column-start: 3;
          grid-column-end: 42;
     }
     
     .reviews-slider--wrapp {
          width: 39rem;
          grid-column-end: 40;
     }
     
     .reviews-slider--slide {
          width: 39rem;
          height: 25.3rem;
     }
     
     .reviews-slide--wrap {
          width: 36.2rem;
          border-radius: 4rem;
          grid-column-start: 3;
          grid-column-end: 39;
          margin-top: 2rem;
     }
     
     .review-author {
          width: 4.1rem;
          border-radius: 4rem;
          grid-column-end: 6;
     }
     
     .review-author--icon {
          width: 4rem;
          height: 4rem;
          border-radius: 4rem;
          font-size: 2.4rem;
          line-height: 3.1rem;
          grid-column-end: 5;
     }
     
     .review-author--name {
          width: 4.1rem;
          font-size: 1rem;
          line-height: 1.1rem;
          grid-column-start: 1;
          grid-column-end: 6;
          margin-top: 0.3rem;
     }
     
     .review-info {
          width: 30.2rem;
          grid-column-start: 7;
          grid-column-end: 38;
     }
     
     .review-info--title {
          width: 30.2rem;
          font-size: 1.6rem;
          line-height: 1.9rem;
          grid-column-end: 32;
     }
     
     .review-info--text {
          width: 30.2rem;
          font-size: 1.5rem;
          line-height: 2.1rem;
          grid-column-end: 32;
          margin-top: 1.1rem;
          order: 1;
     }
     
     .review-info--btn {
          display: none;
          order: 2;
     }
     
     .reviews-slider--dots {
          width: 20rem;
          left: calc((100% - 20rem) / 2);
          bottom: 0;
     }
}