.aaa-testimonials {
  --gap: 16px;
  --navW: 44px;
  --navInset: 6px;
  --peekOffset: 40px;
  --sidePad: calc(var(--navInset) + var(--navW) + var(--peekOffset));
  --fadeW: var(--sidePad);
  --fadeBg: #fff;

  margin: 40px 0;
}

.aaa-testimonials.dark-background {
  background-color: #f2f2f2;
}

.aaa-testimonials__title {
  margin: 0 0 40px;
  font-weight: 600;
  text-align: center;
}

.aaa-testimonials .slider {
  position: relative;
}

.aaa-testimonials .slider-viewport {
  position: relative;
  overflow: hidden;
  padding: 0 var(--sidePad);
}

.aaa-testimonials .slider-track {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--gap);
  will-change: transform;
  transform: translate3d(0,0,0);
  transition: transform .35s ease;
}

.aaa-testimonials .slide {
  background: #526D8B;
  color: #fff;
  border-radius: 16px;
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .aaa-testimonials .slide {
    flex: 0 0 calc((100% - 1*var(--gap)) / 2);
  }
}
@media (min-width: 992px) {
  .aaa-testimonials .slide {
    flex: 0 0 calc((100% - 2*var(--gap)) / 3);
  }
}

.aaa-testimonials .slide-inner {
  min-height: 110px;
  padding: 16px 24px;
  text-align: center;
  display: flex; align-items: center; justify-content: center;
}
.aaa-testimonials .slide-inner [style*="background"] {
  background: transparent !important;
}
.aaa-testimonials .slide-inner [style*="color"] {
  color: inherit !important;
}
.aaa-testimonials .slide-inner p {
  margin: 0;
}

.aaa-testimonials .edge-fade {
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--fadeW);
  pointer-events: none;
  z-index: 2;
}
.aaa-testimonials .fade-left  {
   left: 0;
   background: linear-gradient(90deg,  var(--fadeBg), rgba(255,255,255,0));
}
.aaa-testimonials .fade-right {
  right: 0;
  background: linear-gradient(270deg, var(--fadeBg), rgba(255,255,255,0));
}

.aaa-testimonials .nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--navW);
  height: var(--navW);
  border: 0;
  border-radius: 999px;
  background: #6e85a0;
  color: #fff;
  cursor: pointer;
  z-index: 3;
}
.aaa-testimonials .prev {
  left: var(--navInset);
}
.aaa-testimonials .next {
  right: var(--navInset);
}

.aaa-testimonials .chev {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: 1px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.aaa-testimonials .chev-left  {
  margin-left: 8px;
  transform: rotate(-135deg);
}
.aaa-testimonials .chev-right {
  transform: rotate(45deg);
}

@media (prefers-reduced-motion: reduce) {
  .aaa-testimonials .slider-track {
    transition: none;
  }
}