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

  100% {
    transform: translateX(calc(-200px * 6));
  }
}

.animate-scroll {
  animation: scroll 30s linear infinite;
  display: flex;
  width: calc(200px * 12);
  will-change: transform;
  /* For smoother animation */
}

/* Optional: Pause animation on hover */
.animate-scroll:hover {
  animation-play-state: paused;
}

.shadow-new{
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}