/* Outer wrapper: defines visible area */
.logo-loop-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  padding: 20px 0;
  box-sizing: border-box;
}

/* Inner loop: the moving part */
.logo-loop {
  display: flex;
  flex-wrap: nowrap;
  animation: scroll-logos 40s linear infinite;
  width: max-content;
}

/* Logo images */
.logo-loop img {
  height: 60px;
  width: auto;
  margin: 0 30px;
  flex-shrink: 0;
  object-fit: contain;
}

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