.trusted-logos {
  padding: 3rem 0;
  text-align: center;
}
.trusted-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: #333;
}

.logos-container {
  overflow: hidden;
  cursor: grab;
  width: 100%;
}

.logos-container:active {
  cursor: grabbing;
}

.logos-track {
  display: flex;
  gap: 4rem;
  /* animate leftward by half its width over 20s */
  animation: marquee 20s linear infinite;
}

.logos-track img {
  flex: 0 0 250px;
  width: 100px;
  height: 100px;
  object-fit: contain;
  user-select: none;
  pointer-events: none;
}

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

/* pause on hover */
.logos-track:hover {
  animation-play-state: paused;
}