/** Shopify CDN: Minification failed

Line 90:0 Expected "*/" to terminate multi-line comment

**/

.swiper-wrapper {
  display: flex;
    justify-content :space-between ;
    gap:20px;
}
/* .testimonials-item p{
    padding: 50px;
    border:1px solid #000;
} */
.testimonial-slide-content {
    border:1px solid #000;
    padding:50px;
}
.testimonial-swiper {
  width: 100%;
  padding: 20px 0;
}

.testimonial-slide-content {
  background: #f8f8f8;
  padding: 20px;
  border-radius: 10px;
}

.swiper-wrapper{
    display: flex;
        padding: 20px;
}
.section-testimonial-wrapper h2{

  padding-left: 25px;
}
/* ---------------
<section class="section-testimonial">
  <div class="section-testimonial-wrapper">
    {% if section.settings.testimonial_heading != blank %}
      <h2>{{ section.settings.testimonial_heading }}</h2>
    {% endif %}

    <!-- Swiper -->
    <div class="swiper testimonial-swiper">
      <div class="swiper-wrapper">
        {% for block in section.blocks %}
          {% if block.settings.testimonial_content != blank %}
            <div class="swiper-slide">
              <div class="testimonial-slide-content">
                <p>{{ block.settings.testimonial_content }}</p>
              </div>
            </div>
          {% endif %}
        {% endfor %}
      </div>

      <!-- Add Pagination -->
      <div class="swiper-pagination"></div>

      <!-- Optional navigation -->
      <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div>
    </div>
  </div>
</section>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    new Swiper(".testimonial-swiper", {
      loop: true,
      slidesPerView: 3,
      spaceBetween: 20,
      pagination: {
        el: ".swiper-pagination",
        clickable: true,
      },
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
      autoplay: {
        delay: 5000,
      },
    });
  });
</script>