.trusted-by {
  background: #fff;
  padding: 60px 20px;
  text-align: center;
}

.trusted-heading {
  font-size: 1.8rem;
  font-weight: 700;
  color: #083a5c;
  margin-bottom: 40px;
}

.logo-carousel {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.logo-track {
  display: flex;
  gap: 60px;
  animation: scrollLogos 20s linear infinite;
}

.logo-track img {
  max-height: 60px;
  width: auto;
  object-fit: contain;
  filter: grayscale(30%);
  transition: filter 0.3s ease;
}

.logo-track img:hover {
  filter: grayscale(0%);
}

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