:root {
  --marquee-gap: 1.875rem;
}

@media screen and (max-width: 575.98px) {
  :root {
    --marquee-gap: 1.125rem;
  }
}

.marquee-wrapper {
  position: relative;
  display: flex;
  overflow: hidden;
  gap: var(--marquee-gap);
}
@media (any-hover: none) {
  .marquee-wrapper {
    overflow: auto;
  }
}
.marquee-wrapper .card-testimonial {
  width: 400px;
  height: 600px;
  overflow: hidden;
}
.marquee-wrapper .marquee-content {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: var(--marquee-gap);
  cursor: grab;
}
.marquee-wrapper:hover .scrollingX {
  animation-play-state: paused;
}
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc( -100% - var(--marquee-gap) ));
  }
}

/*# sourceMappingURL=style.css.map */