/* ==========================================================================
   TRUST MARQUEE COMPONENT (INFINITE SCROLL & GRAYSCALE OVERLAY)
   ========================================================================== */

.trust-marquee-section {
  padding: 2.5rem 0 2rem 0;
  background: var(--bg-main);
  overflow: hidden;
  position: relative;
  z-index: 5;
}

.marquee-header {
  margin-bottom: 1.5rem;
}

.marquee-section-title {
  font-family: var(--font-heading);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--text-muted);
  opacity: 0.85;
}

.marquee-track-container {
  display: flex;
  overflow: hidden;
  user-select: none;
  mask-image: linear-gradient(to right, transparent, black 12%, black 88%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 12%, black 88%, transparent);
}

.marquee-track {
  display: flex;
  align-items: center;
  gap: 3.5rem;
  width: max-content;
  animation: marqueeInfiniteScroll 14s linear infinite;
}

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

.marquee-item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
}

.trust-logo-img {
  height: 38px;
  width: auto;
  max-width: 140px;
  object-fit: contain;
  filter: grayscale(100%) opacity(0.55);
  transition: filter 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s ease;
}

.trust-logo-img:hover {
  filter: grayscale(0%) opacity(1);
  transform: scale(1.08);
}

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