#testimonials {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0px auto;
  padding: 0px;
  padding-top: 4em !important;
  padding-bottom: 2em !important;
  width: 100%;
  max-width: 1110px;
  height: auto;
  /* outline: 2px dashed #f00; */
}
#testimonials.for-mobile-only {
  display: none;
}
#testimonials h5 {
  margin-top: -1.5rem;
  margin-bottom: 2rem;
  font-size: 2em;
}
.testimonials-scroller {
  display: flex;
  justify-content: flex-start;
  margin-bottom: -1rem;
  /* gap: 2em; */
  width: auto;
  max-width: 100%;
  height: 100%;
  overflow: auto;
  scroll-snap-type: x mandatory;
  /* outline: 2px dashed #ff0; */
  scrollbar-width: none;
}
.testimonials-scroller::-webkit-scrollbar {
  width: 0px;
}
.testimonials-navigation {
  display: flex;
  padding: 1em 2.75em;
  width: 100%;
  align-self: flex-end;
  background-color: #ffeee5;
  border-radius: 0px 0px 1em 1em;
}
.testimonials-navigation button.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3em;
  height: 3em;
  background-color: transparent;
  color: #de6834;
  border: unset;
  border-radius: 50%;
  outline: none;
}
.testimonials-navigation button.icon:hover {
  background-color: #fff;
}
.testimonials-navigation button.icon:disabled {
  color: #e4a083;
  background-color: transparent;
}
.testimonials-navigation button.icon svg {
  flex-shrink: 0;
  width: 1.5em;
  height: 1.5em;
}
#testimonial-navigation-playback {
  margin-right: auto;
}
.testimonials-navigation button.icon.states-two:not(.active-second) .state-two,
.testimonials-navigation button.icon.states-two.active-second .state-one {
  display: none;
}
.testimonial {
  --image-radius: 76px;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  flex-shrink: 0;
  padding: 0.5em 0px 0px;
  width: 100%;
  height: auto;
  scroll-snap-align: start;
  /* outline: 2px dashed #0f0; */
}
.testimonial .image-holder {
  position: relative;
  margin-left: 4em;
  padding: 0.6em;
  flex-shrink: 0;
  margin-bottom: calc((var(--image-radius) + 10px) * -1);
  width: calc(var(--image-radius) * 2);
  height: calc(var(--image-radius) * 2);
  border-radius: 50%;
  border: 2px dashed #de6834;
  z-index: 1;
}
.testimonial .image {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-color: #fff;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.testimonial .image-holder canvas {
  position: absolute;
  top: -3px;
  left: -3px;
}

.testimonial .testimonial-box {
  display: flex;
  flex-direction: column;
  padding: calc(var(--image-radius) + 1em) 4em 2em;
  width: 100%;
  height: 100%;
  border-radius: 1em 1em 0px 0px;
  background-color: #ffeee5;
  /* box-shadow: 0px 0px 1em #0004; */
  /* border: 1px solid #aaa; */
}
.testimonial .testimonial-box .info {
  margin-top: auto;
  padding-top: 1em;
  font-size: 1em;
}
.testimonial .testimonial-box .info::before {
  content: "";
  display: block;
  margin-bottom: 1em;
  width: 3em;
  height: 0.25em;
  background-color: #de6834;
}
.testimonial .testimonial-box .info .name {
  font-weight: bold;
}
/* .testimonial .testimonial-box .info .company img {
  width: 5rem;
} */
.testimonial .testimonial-box .content {
  margin-top: 1em;
  font-family: 'Avenir Book';
  font-size: 1em;
  line-height: 1.5em;
}
main section.testimonials-section {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
main section.testimonials-section .center-aligned {
  padding: 0px 2rem;
}

@media screen and (max-width: 640px) {
  #testimonials.for-mobile-only {
    display: flex;
  }
  .testimonial {
    --image-radius: 50px;
    width: 100%;
    /* height: 100%; */
  }
  .testimonial .image-holder {
    padding: 1em;
  }
  .testimonial .testimonial-box {
    /* background-image: url("/images/pg-program-in-se/hero_mobile_bg.svg"); */
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 0px;
  }
  .testimonial .testimonial-box .info {
    font-size: 1.75em;
  }
  .testimonial .testimonial-box .content {
    font-size: 1.6em;
  }
  .testimonials-navigation {
    border-radius: 0px;
  }
  .testimonials-navigation button.icon {
    font-size: 1.5em;
  }
  .testimonials-navigation button.icon:hover {
    background-color: transparent;
  }
}