.brands-marquee-wrapper {
  overflow: hidden;
  width: 100%;
  background: #f0f0f0; /* optional wrapper background */
  padding: 15px 0;      /* increase top/bottom spacing */
}

.brands-marquee-track {
  display: flex;
  width: max-content;               /* allows continuous scrolling */
  animation: marquee 24s linear infinite;
}

.brand-item {
  flex: 0 0 auto;                   
  margin: 0 5px;                   /* more space between boxes */
  background: #fff;                  
  padding: 25px;                     /* increased padding inside box */
  display: flex;                     
  align-items: center;
  justify-content: center;
  border-radius: 0px;                
  box-shadow: 0 2px 5px rgba(0,0,0,0.1); 
}

.brand-item img {
  max-height: 40px;                  /* shrink image by ~25% (was 60px) */
  width: auto;
  object-fit: contain;
  display: block;
}

.brands-marquee-wrapper:hover .brands-marquee-track {
  animation-play-state: paused;
}

/* Smooth continuous marquee animation */
@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);     
  }
}

/* Responsive adjustments */
@media (max-width: 992px) {
  .brand-item img {
    max-height: 37px;                 /* shrink proportionally */
  }
}

@media (max-width: 768px) {
  .brand-item img {
    max-height: 30px;
  }
}

@media (max-width: 480px) {
  .brand-item img {
    max-height: 25px;
  }
}