* {
  font-display: swap;
}
.animate-gradient {
  background-size: 200% 200%;
  animation: gradient 8s ease infinite;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.swiper.marquee-swiper {
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    white 10%,
    white 90%,
    transparent 100%
  );
}
.swiper-wrapper.marquee-swiper {
  transition-timing-function: linear;
  align-items: center;
}
.swiper-slide.marquee-swiper {
  width: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.featured-testimonials-swiper .swiper-slide {
  height: fit-content;
}
@property --border-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
.animate-border {
  --border-angle: 0deg;
  animation: rotate-border 4s linear infinite;
}
@keyframes rotate-border {
  to {
    --border-angle: 360deg;
  }
}
.testimonialSwiper .swiper-pagination {
  position: absolute;
  bottom: 0;
}
.testimonialSwiper .swiper-wrapper {
  position: relative;
  padding-bottom: 3rem;
}
.swiper-pagination-bullet-active {
  background: rgb(45, 212, 191) !important;
}

.no-scrollbar::-webkit-scrollbar {
  display: none !important;
}

.no-scrollbar {
  -ms-overflow-style: none !important; /* IE and Edge */
  scrollbar-width: none !important; /* Firefox */
}