.testimonials {
  background: #8A1968;
  height: 456px;
  display: flex;  
  align-content: center;
  flex-wrap: wrap;

  @media screen and (max-width: 768px) {
    height: auto;
    padding: 2rem 0;
  }
}

.testimonials h2 {
  color: #EDEAEA;
  font-family: "Nexa-regular", sans-serif ;
  font-size: 52px;
  font-style: normal;
  font-weight: 850;
  line-height: normal;
}

.testimonials p {
  color: #EDEAEA;
  font-family: "Nexa-regular", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.testimonials .t-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.testimonials .carousel-control-prev,
.testimonials .carousel-control-next {
  position: relative;
}

.testimonials .carousel-control-prev {
  left: -1rem;
}

.testimonials .carousel-control-next {
  top: -1.95rem;
  left: 2rem;
}

.testimonials .carousel-control-prev-icon {
  background: url('./arrow-left.png') no-repeat center center !important;
  height: 31px;
  width: 36px;
}

.testimonials .carousel-control-next-icon {
  background: url('./arrow-right.png') no-repeat center center !important;
  height: 31px;
  width: 36px;
}

.testimonials .t-right {
  background: url('./testimonial-bg.png') no-repeat center center;
  height: 456px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimonials .testimonial-text {
  color: #BE2090;
  text-align: center;
  font-family: "Nexa-regular", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 417px;
}

.testimonials .testimonial-text::before {
  background: url(./quote-marks.png) no-repeat center center;
  content: '';
  display: block;
  height: 50px;
  width: 50px;
}

.testimonials .testimonial-author {
  color: #8A1968;
  text-align: center;
  font-family: "Nexa-regular", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: .6s;
  transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active.carousel-item-left,
.carousel-fade .carousel-item.active.carousel-item-right {
  left: 0;
  transform: translateX(0);
}