@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap");

html {
  scroll-behavior: smooth;
}

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

@keyframes infiniteLoop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}

._loop-animation {
  animation: infiniteLoop 15s linear infinite;
}

/* Scrollbar track */
.slider-wrapper::-webkit-scrollbar {
  background: transparent; /* track background */
  border-radius: 30px !important;
  height: 12px;
}

/* Scrollbar handle (thumb) */
.slider-wrapper::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.7); /* thumb color */
  border-radius: 4px;
}

/* Thumb hover effect */
.slider-wrapper.slider-wrapper::-webkit-scrollbar-thumb:hover {
  background: orange;
}