/* --------------------------------------------------------
   Splide Testimonials – One slide, centered text, no bg
-------------------------------------------------------- */

/* 1) Limit width via the wrapping .container, so no extra CSS needed there. */

/* 2) Remove any background from each slide, and center text */
.splide__slide {
  background: transparent;  /* no colored background */
  color: #fff;              /* dark text */
  padding: 2rem 1rem;       /* vertical and horizontal padding */
  text-align: center;       /* center the testimonial text */
  font-size: 1.1rem;        /* adjust as needed */
  line-height: 1.5;         /* for readability */
}

/* 3) Keep arrows as small triangles, positioned inside the container */
.splide__arrows {
  position: absolute;
  top: 50%;
  width: 100%;
  pointer-events: none;
}

.splide__arrow {
  pointer-events: auto;
  background: transparent;
  border: none;
  font-size: 0;
  position: absolute;
  transform: translateY(-50%);
  cursor: pointer;
}

.splide__arrow::before {
  content: '';
  display: inline-block;
  border: solid currentColor;
  border-width: 0 4px 4px 0;
  padding: 0.5rem;
}

.splide__arrow--prev {
  left: 0.5rem;
  color: #fff;
}
.splide__arrow--prev::before {
  transform: rotate(135deg);
}

.splide__arrow--next {
  right: 0.5rem;
  color: #fff;
}
.splide__arrow--next::before {
  transform: rotate(-45deg);
}

.splide__arrow--prev,
.splide__arrow--next {
  text-indent: -9999px;  /* hide “Prev”/“Next” text */
}

/* 4) Pagination (dots) centered */
.splide__pagination {
  text-align: center;
  margin-top: 1rem;
}
.splide__pagination__page {
  background: #ccc;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 50%;
  display: inline-block;
  transition: background 0.3s;
  cursor: pointer;
}
.splide__pagination__page.is-active {
  background: #333;
}

/* 5) Remove extra margins from lists if needed */
.splide__list {
  margin: 0;
  padding: 0;
  list-style: none;
}