
.section-testimonials h2 {

  font-family: var(--font-family-nb-international-pro);

  font-size: var(--font-headline-3-m-size);

  line-height: var(--font-headline-3-m-line-height, normal);

  letter-spacing: var(--font-headline-3-m-letter-spacing, 0);

  font-weight: var(--font-headline-3-m-weight, 400)
}

.section-testimonials h2 {

  text-align: center
}

.section-testimonials .section-testimonials-controls {

  margin-left: auto;

  margin-right: auto;

  margin-top: 4.8rem;

  display: flex;

  width: -moz-max-content;

  width: max-content;

  align-items: center;

  justify-content: center;

  gap: 3.2rem
}

.section-testimonials .section-testimonials-controls .section-testimonials-controls-progress {

  display: flex;

  align-items: center;

  gap: 1.2rem
}

.section-testimonials .section-testimonials-controls .section-testimonials-controls-progress span {

  font-family: var(--font-family-din-pro);

  font-size: var(--font-body-2-med-m-size);

  line-height: var(--font-body-2-med-m-line-height, normal);

  letter-spacing: var(--font-body-2-med-m-letter-spacing, 0);

  font-weight: var(--font-body-2-med-m-weight, 400)
}

.section-testimonials .section-testimonials-slider-wrapper {

  overflow: hidden;

  padding-top: 24.0rem
}

.section-testimonials .section-testimonials-controls .section-testimonials-controls-progress .section-testimonials-controls-progress-bar {

  position: relative;

  display: inline-block;

  height: 0.2rem;

  width: 4.8rem;

  overflow: hidden;

  --tw-bg-opacity: 1;

  background-color: rgb(var(--color-navy-04) / var(--tw-bg-opacity))
}

.section-testimonials .section-testimonials-controls .section-testimonials-controls-progress .section-testimonials-controls-progress-bar span {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  height: 100%;

  width: 0;

  --tw-bg-opacity: 1;

  background-color: rgb(var(--color-blue) / var(--tw-bg-opacity))
}

.section-testimonials .section-testimonials-controls .section-testimonials-controls-button {

  border-radius: 0.8rem;

  border-width: 1px;

  --tw-border-opacity: 1;

  border-color: rgb(var(--color-blue) / var(--tw-border-opacity));

  padding: 1.2rem
}

.section-testimonials .section-testimonials-controls .section-testimonials-controls-button.section-testimonials-controls-button-disabled {

  pointer-events: none
}

.section-testimonials .testimonial-cards-person .testimonial-cards-person-content img {

  aspect-ratio: 276/203;

  width: 100%;

  border-radius: 1.2rem;

  -o-object-fit: cover;

     object-fit: cover;

  -o-object-position: center;

     object-position: center
}

@media (min-width: 640px) {

  .container {

    max-width: 640px
  }

  .\!container {

    max-width: 640px !important
  }
}

@media (min-width: 768px) {

  .container {

    max-width: 768px
  }

  .\!container {

    max-width: 768px !important
  }
}

@media (min-width: 1024px) {

  .container {

    max-width: 1024px
  }

  .\!container {

    max-width: 1024px !important
  }

  .gap-grid {

    gap: 2.4rem
  }

  .section-testimonials h2 {

    font-size: var(--font-headline-3-size);

    line-height: var(--font-headline-3-line-height, normal);

    letter-spacing: var(--font-headline-3-letter-spacing, 0);

    font-weight: var(--font-headline-3-weight, 400)
  }

  .section-testimonials .section-testimonials-controls .section-testimonials-controls-progress span {

    font-size: var(--font-body-2-med-size);

    line-height: var(--font-body-2-med-line-height, normal);

    letter-spacing: var(--font-body-2-med-letter-spacing, 0);

    font-weight: var(--font-body-2-med-weight, 400)
  }

  .section-testimonials .section-testimonials-slider-wrapper {

    padding-top: 24.0rem
  }

  .section-testimonials .testimonial-cards {

    display: grid;

    grid-template-columns: repeat(10, minmax(0, 1fr))
  }

  .section-testimonials .testimonial-cards .testimonial-cards-text-wrapper {

    grid-column-start: 1;

    grid-column-end: 9
  }

  .section-testimonials .testimonial-cards .testimonial-cards-person {

    top: -10.0rem;

    grid-column-start: 7;

    grid-column-end: 11
  }
}

@media (min-width: 1280px) {

  .container {

    max-width: 1280px
  }

  .\!container {

    max-width: 1280px !important
  }
}

@media (min-width: 1536px) {

  .container {

    max-width: 1536px
  }

  .\!container {

    max-width: 1536px !important
  }
}

@media (min-width: 1800px) {

  .container {

    max-width: 1800px
  }

  .\!container {

    max-width: 1800px !important
  }
}

@media (max-width: 1024px) {

  .section-testimonials .testimonial-cards .testimonial-cards-person {

    top: -20.0rem;

    right: 35px
  }
}
