/* purgecss start ignore */

@media screen and (min-width: 320px){
  .___{
    -webkit-hyphens:inherit;
            hyphens:inherit
  }
}

.testimonials .container{
  padding-bottom:3rem
}

.testimonials .container>.swiper--statements:first-child{
  margin-top:0px
}

.swiper--statements{
  margin-left:-1.25rem;
  padding-left:1.25rem;
  padding-right:1.25rem;
  padding-top:2.5rem;
  padding-bottom:5rem
}

@media (min-width: 768px){
  .swiper--statements{
    margin-left:0px;
    padding-left:0px;
    padding-right:0px
  }
}

.swiper--statements{
  width:calc(100% + 2.5rem)
}

@media screen and (min-width: 768px){
  .swiper--statements{
    width:100%
  }
}

.swiper--statements .swiper-button-next, .swiper--statements .swiper-button-prev{
  top:0px;
  margin:0px;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-translate-x:-1.25rem;
  border-radius:0.375rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgba(87, 87, 86, var(--tw-border-opacity));
  padding:0.5rem
}

.swiper--statements .swiper-button-next,.swiper--statements .swiper-button-prev{
  width:calc(var(--swiper-navigation-size) + 20px);
  height:calc(var(--swiper-navigation-size) + 20px)
}

@media screen and (min-width: 768px){
  .swiper--statements .swiper-button-next, .swiper--statements .swiper-button-prev{
    transform:none
  }
}

.swiper--statements .swiper-button-prev{
  left:auto;
  right:calc(var(--swiper-navigation-size) + 30px)
}

.swiper--statements .swiper-button-next{
  right:0px
}

.swiper-slide-active.card.card--quote{
  --tw-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media (min-width: 480px){
  .swiper-slide-active.card.card--quote{
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-scale-x:1.1;
    --tw-scale-y:1.1
  }
}

.card.card--quote{
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transition-duration:300ms
}

.card.card--quote .heading+.breaker{
  margin-top:0.5rem
}

.card.card--quote .card__media{
  overflow:hidden;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transition-duration:300ms
}

.card.card--quote .card__media:before{
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transition-duration:300ms
}

.card.card--quote .card__media>:first-child{
  top:auto;
  bottom:0px;
  left:50%;
  height:auto;
  width:100%;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-translate-x:-50%
}

.card.card--quote .card__content{
  border-style:none;
  padding-top:1.25rem
}

.card.card--quote.with-testimonial .card__media:before{
  content:"";
  --tw-bg-opacity:1;
  background-color:rgba(255, 255, 255, var(--tw-bg-opacity))
}

.card.card--quote.with-testimonial .card__media:after{
  content:"";
  position:absolute;
  top:0px;
  right:0px;
  margin-right:0.5rem;
  height:2.5rem;
  width:2.5rem;
  transform-origin:top right;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-skew-x:-20.8deg;
  --tw-skew-y:0deg;
  background:linear-gradient(90deg, var(--color-yellow) 33%, #fdea1400 33%, #fdea1400 66%, var(--color-yellow) 66%)
}

.card.card--quote.with-testimonial .card__media>:first-child{
  left:1.25rem;
  width:50%;
  transform:none;
  --tw-translate-x:0px
}

/* purgecss end ignore */