/* Infinite Carousel for Brands */
.brands-carousel {
  overflow: hidden;
  padding: 40px 0;
  background: #fff;
  white-space: nowrap;
  position: relative;
  width: 100%;
}

.brands-track {
  display: inline-block;
  animation: scroll 30s linear infinite;
}

.brands-track img {
  height: 80px;
  margin: 0 50px;
  vertical-align: middle;
  filter: grayscale(100%);
  opacity: 0.5;
  transition: all 0.3s ease;
}

.brands-track img:hover {
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.1);
}

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

/* Ensure the track is wide enough for the duplication */
.brands-track {
  display: flex;
  align-items: center;
  width: max-content;
}