.reviews {
  padding: 8.75rem 0;
  background-color: var(--black-02);
}
.reviews .swiper-buttons {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -4.25rem;
  right: -4.25rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.reviews__container, .reviews__wrapper {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
  max-width: calc(100vw - 10.375rem);
}
.reviews__title {
  max-width: 43.375rem;
}
.reviews__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem;
  border-radius: 1.25rem;
  background-color: var(--dark-gray-baccground);
}
.reviews__card-video {
  position: relative;
  max-width: 35.75rem;
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 2rem;
}
.reviews__card-video::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.3%;
}
.reviews__card-video > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.75rem;
}
.reviews__card-name {
  font-size: max(2rem, 12px);
  line-height: 110%;
  font-weight: 500;
  color: var(--white);
  margin-bottom: 2rem;
}
.reviews__card-block__title {
  position: relative;
  font-size: max(1.25rem, 12px);
  line-height: 110%;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--blue);
  margin-bottom: 0.75rem;
  padding-left: 1.25rem;
}
.reviews__card-block__title::before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--blue);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.reviews__card-block__text {
  padding-left: 1.25rem;
  color: var(--text-07);
}
.reviews__card-block:not(:last-child) {
  margin-bottom: 2rem;
}
.reviews__wrapper {
  margin: 7.5rem 0 5rem;
}
.reviews__img {
  position: relative;
  max-width: 14rem;
  width: 100%;
}
.reviews__img::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 217%;
}
.reviews__img > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.75rem;
}
.reviews__text {
  max-width: 49.75rem;
  margin: 0 auto 2.5rem;
}
.reviews__button {
  max-width: 37rem;
  width: 100%;
  margin: 0 auto;
}
.reviews__button .btn {
  width: 100%;
}
@media (max-width: 768px) {
  .reviews {
    padding: 80px 0;
    overflow: hidden;
  }
  .reviews .swiper {
    width: 100%;
    overflow: visible;
  }
  .reviews .swiper-buttons {
    margin-top: 20px;
    position: static;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .reviews__container, .reviews__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    left: unset;
    -webkit-transform: unset !important;
    -ms-transform: unset !important;
    transform: unset !important;
    max-width: unset;
  }
  .reviews__card {
    width: 96.5%;
    max-width: 340px;
    padding: 16px 16px 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .reviews__card-video {
    margin-right: unset;
    margin-bottom: 24px;
    max-width: unset;
  }
  .reviews__card-name {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .reviews__card-block__title {
    font-size: 18px;
  }
  .reviews__card-block__text {
    font-size: 14px;
    line-height: 140%;
    color: var(--text-07);
  }
  .reviews__wrapper {
    margin: 80px 0 40px;
  }
  .reviews__button {
    max-width: unset;
  }
}
/*# sourceMappingURL=reviews.css.map */
/*# sourceMappingURL=reviews.css.map */