.horaizontal_scroll_bar{
    max-width: 90%;
    margin: 20px auto;
}

.carousel {
  width: 100%;
  overflow: hidden; /* hides scrollbar */
  background: #fff;
}

.carousel-track {
  display: flex;
  width: calc(105px * 22); /* 11 images x2 for loop */
  animation: scroll 90s linear infinite;
}

.carousel-track img {
  width: 105px;
  height: 105px;
  object-fit: cover;
  margin: 0 10px;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* Animation */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}