.testimonials {
  margin: 9.375rem 0;
}
.testimonials .container {
  max-width: 82rem;
}
.testimonials__title {
  margin-bottom: 3.75rem;
}
.testimonials__container {
  max-height: 62.5rem;
  -webkit-transition: max-height 0.6s ease-in-out;
  transition: max-height 0.6s ease-in-out;
}
.testimonials__container::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 33.3125rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#0a0a0b), to(rgba(10, 10, 11, 0)));
  background: linear-gradient(360deg, #0a0a0b 0%, rgba(10, 10, 11, 0) 100%);
  pointer-events: none;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity var(--hover-transition), visibility var(--hover-transition);
  transition: opacity var(--hover-transition), visibility var(--hover-transition);
}
.testimonials__container.is-shown .testimonials__button, .testimonials__container.is-shown::before {
  opacity: 0;
  visibility: hidden;
}
.testimonials__wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px -1.625rem;
  width: calc(100% + 20px);
}
.testimonials__wrapper > * {
  width: calc(20% - 20px);
  margin: 0 10px 1.625rem;
}
.testimonials__img {
  position: relative;
  overflow: hidden;
  border-radius: 0.75rem;
}
.testimonials__img::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 215.85%;
}
.testimonials__img > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.75rem;
  -webkit-transition: -webkit-transform var(--hover-transition);
  transition: -webkit-transform var(--hover-transition);
  transition: transform var(--hover-transition);
  transition: transform var(--hover-transition), -webkit-transform var(--hover-transition);
}
@media (any-hover: hover) {
  .testimonials__img:hover > img {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
  }
}
.testimonials__button {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, calc(-50% + 0.625rem)) !important;
  -ms-transform: translate(-50%, calc(-50% + 0.625rem)) !important;
  transform: translate(-50%, calc(-50% + 0.625rem)) !important;
  z-index: 2;
  -webkit-transition: opacity var(--hover-transition), visibility var(--hover-transition);
  transition: opacity var(--hover-transition), visibility var(--hover-transition);
  max-width: 20.9375rem;
  width: 100%;
}
.testimonials__button .btn {
  width: 100%;
}
.testimonials__banner {
  position: relative;
  text-align: center;
  padding: 9.375rem 0;
}
.testimonials__banner-blur {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 73.625rem;
  height: 48.75rem;
  z-index: -1;
}
.testimonials__banner-blur img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.testimonials__banner-title {
  background: linear-gradient(115deg, #211 0%, #fb5036 7.83%, #fff 24.93%, #fff 75.41%, #fb5036 87.63%, #211 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.testimonials__banner-button {
  margin: 2.5rem auto 0;
}
@media (max-width: 768px) {
  .testimonials {
    margin: 100px 0 60px;
  }
  .testimonials .swiper {
    overflow: visible;
  }
  .testimonials .swiper-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 32px;
  }
  .testimonials__title {
    margin-bottom: 40px;
  }
  .testimonials__container::before {
    content: unset;
  }
  .testimonials__wrapper {
    -ms-flex-wrap: unset;
    flex-wrap: unset;
    margin: unset;
    width: 100%;
  }
  .testimonials__wrapper > * {
    margin: unset;
  }
  .testimonials__banner {
    padding: 100px 0;
  }
  .testimonials__banner-blur {
    width: 707px;
    height: 468px;
    top: 70%;
  }
}
/*# sourceMappingURL=testimonials.css.map */