.clients-section {
  overflow: hidden;
  padding: 40px 0;
}

.logo-carousel {
  display: flex;
  gap: 30px;
  width: max-content;
  animation: scroll 30s linear infinite;
}

.logo-item {
  width: 120px;
}

.logo-item img {
  max-width: 100%;
  opacity: 0.8;
  transition: 0.3s;
}

.logo-item img:hover {
  opacity: 1;
  transform: scale(1.05);
}

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