wellspring-block-testimonials {
  display: grid;
  padding-block: clamp(30px,6vw,70px);
  background-color: var(--color__gray-50)
}
wellspring-block-testimonials .swiper {
  --swiper-navigation-sides-offset: 2.5cqw;
  --swiper-theme-color: var(--color__text-main);
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  max-height: 100vh;
  min-height: 0;
  min-width: 0
}
@container (min-width:1300px) {
  wellspring-block-testimonials .swiper {
    --swiper-navigation-sides-offset: calc(2.5cqw + 45px)
  }
}
wellspring-block-testimonials .swiper-wrapper {
  align-items: center;
  max-height: 100%;
  height: 100%;
  display: flex
}
wellspring-block-testimonials .testimonial-quote {
  margin: 0 auto;
  max-inline-size: 1040px;
  padding-inline: clamp(20px,6vw,90px);
  width: auto;
  flex-shrink: 0;
  display: grid;
  align-items: center;
  height: 100%;
  max-height: 100%
}
wellspring-block-testimonials .swiper-horizontal > .swiper-pagination-bullets {
  bottom: 0;
  --swiper-pagination-bullet-size: clamp(10px, 1.5vw, 15px);
  --swiper-pagination-bullet-horizontal-gap: clamp(4px, 1vw, 8px);
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-inactive-color: transparent
}
wellspring-block-testimonials .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  box-shadow: inset 0 0 0 1px var(--color__text-main);
  transition: background-color .2s ease
}
wellspring-block-testimonials .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
wellspring-block-testimonials .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:is(:hover,:focus) {
  background-color: var(--color__text-main)
}
wellspring-block-testimonials blockquote {
  border: 0;
  padding: 0 10%
}
wellspring-block-testimonials blockquote p {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  font-size: clamp(20px, 2.5vw, 28px);
  font-style: italic;
  text-align: center;
  color: var(--color__orange)
}
wellspring-block-testimonials blockquote p:before {
  display: block;
  content: "\f10d";
  position: absolute;
  top: -.3em;
  left: -1em;
  font-family: FontAwesome;
  font-size: clamp(2em, 4vw, 2.5em);
  color: rgba(var(--color__blue-rgb),.07)
}
wellspring-block-testimonials blockquote cite {
  display: block;
  margin-top: 1em;
  font-size: clamp(16px, 1.5vw, 20px);
  color: var(--color__grey-dark);
  text-align: center
}