/*Testimonial*/

.testimonial {
  padding-bottom: 7em;
  overflow: hidden;
}

.testimonial__title {
  margin-bottom: 3em;
  text-align: center;
  max-width: 32em;
  margin-left: auto;
  margin-right: auto;
}

.testimonial__title :where(h1, h2, h3, h4, h5, h6) {
  margin-bottom: 0.35em;
}

.testimonial__title p {
  font-weight: 600;
}
.testimonial__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2em 5em;
  margin-bottom: 4.8em;
  max-width: 61.8em;
  margin-left: auto;
  margin-right: auto;
}

.testimonial__item {
  max-width: 20em;
  width: 100%;
  position: relative;
}

.testimonial__item-text {
  border-radius: 0.6em;
  padding: 0.9em 1.3em;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.testimonial__item-text p {
  color: var(--color-warm-white);
  font-weight: 600;
  font-size: 0.9em;
}

.testimonial__item-img {
  max-width: 3.8em;
  border-radius: 50%;
  overflow: hidden;
  margin-top: 1em;
}

.testimonial__item-img img {
  display: block;
}

.left-outline .testimonial__item-text {
  margin-left: 1.8em;
}

.testimonial__item.left-image p,
.testimonial__item.right-center p {
  color: var(--color-black);
}

.testimonial__item-img {
  position: absolute;
}

.left-outline.testimonial__item {
  max-width: 21.8em;
}

.right-center .testimonial__item-img {
  right: -4.8em;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 0;
}

.testimonial__item.left-image {
  margin-left: 16.8em;
}

.testimonial__item.right-bottom .testimonial__item-img {
  right: 0;
}

.testimonial__cta {
  text-align: center;
  margin-top: 9em;
  margin-left: auto;
  margin-right: auto;
  max-width: 19em;
}

.testimonial__cta p {
  font-weight: 600;
  margin-bottom: 1.5em;
}

@media only screen and (max-width: 991px) {
  .testimonial__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 50em;
  }

  .left-outline.testimonial__item {
    max-width: 34.8em;
  }

  .testimonial__item-text p {
    font-size: 1.1em;
  }

  .testimonial__item.right-center {
    margin: 0 4.8em 0 auto;
  }

  .testimonial__item {
    max-width: 30em;
  }

  .testimonial__item.left-image {
    margin-left: 7.8em;
  }

  .testimonial__item.right-bottom {
    margin: 0 0 0 auto;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial__cta {
    max-width: 100%;
  }
}

@media only screen and (max-width: 479px) {
  .testimonial__item.left-image {
    margin-left: 0;
  }
  .testimonial__item.right-center {
    max-width: calc(100% - 4.8em);
  }

  .testimonial__item.left-image .testimonial__item-img,
  .testimonial__item.left-outline .testimonial__item-img {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
    margin-top: 0;
  }

  .testimonial__item.right-bottom .testimonial__item-img {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
    margin-top: 0;
  }

  .left-image .testimonial__item-text,
  .left-outline .testimonial__item-text {
    margin-left: 4.8em;
  }

  .testimonial__item.right-bottom .testimonial__item-text {
    margin-right: 4.8em;
  }
}