<!-- TESTIMONIAL ANIMATED CARDS -->

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" />

<style>
img.img-text-feature:hover {
    transform: scale(1.2);
}
img.img-text-feature {
    transition: ease-in-out all .3s;
}

  
.swiper{ 

padding-bottom: 60px;
}


.swiper-slide-shadow {
background-color: rgba(0,0,0,0) !important;
}

/* Set the width and height of the dots */
.swiper-pagination-bullet {
  width: 40px;
  height: 15px;
  border-radius: 100px;
}

/* Set the background color of the active dot */
.swiper-pagination-bullet-active {
  background-color: white;
}
span.swiper-pagination-bullet {
    background: white;
}

/*Slider color*/
</style>

<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>

<script>
  var swiper = new Swiper(".customers", {
    effect: "cards",
    grabCursor: true,
      pagination: {
  el: ".swiper-pagination",
  clickable: true,
},
  });
</script>