@import url("./animations.css");

@import url("./sections/section-pattern.css");

@import url("./components/hero.css");
@import url("./components/product-card.css");
@import url("./components/animated-text-gradient.css");
@import url("./components/animated-circles.css");
@import url("./components/_forminator.css");

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Montserrat", system-ui, sans-serif;
}

/* Simple Infinite Slider */
@keyframes infinite-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.animate-infinite-slide {
  animation: infinite-slide 35s linear infinite;
}

.footer-slider-container:hover .animate-infinite-slide {
  animation-play-state: paused;
}