/**
 * NEW HOME — TECHNOLOGY MARQUEE
 *
 * Two identical groups move together. Each group is at least one viewport
 * wide, so the black strip remains completely filled throughout the loop.
 */

/* ==================== START: MARQUEE SECTION ==================== */
#sertechs-site .sr-trust {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0 !important;
  overflow: hidden;
  border-block: 1px solid var(--sr-line);
  background: var(--sr-ink);
  color: #fff;
}
/* ===================== END: MARQUEE SECTION ===================== */

/* ==================== START: CONTINUOUS TRACK ==================== */
#sertechs-site .sr-trust__track {
  display: flex;
  width: max-content;
  min-width: 200%;
  align-items: center;
  animation: sr-marquee 28s linear infinite;
  will-change: transform;
}

#sertechs-site .sr-trust__group {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-around;
  min-width: 100vw;
  gap: clamp(24px, 2.2vw, 42px);
  padding: 21px clamp(22px, 3vw, 52px);
  box-sizing: border-box;
  white-space: nowrap;
}

#sertechs-site .sr-trust__group span,
#sertechs-site .sr-trust__group i {
  flex: 0 0 auto;
}

#sertechs-site .sr-trust__group span {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .02em;
}

#sertechs-site .sr-trust__group i {
  color: var(--sr-orange);
  font-style: normal;
}

@keyframes sr-marquee {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}
/* ===================== END: CONTINUOUS TRACK ===================== */

/* ==================== START: INTERACTION ==================== */
#sertechs-site .sr-trust:hover .sr-trust__track {
  animation-play-state: paused;
}
.sr-trust__track img{
  width: 100%;
  max-width: 140px !important;
}

@media (prefers-reduced-motion: reduce) {
  #sertechs-site .sr-trust__track {
    animation: none;
    transform: none;
  }
}
/* ===================== END: INTERACTION ===================== */

/* ==================== START: RESPONSIVE ==================== */
@media (max-width: 720px) {
  #sertechs-site .sr-trust__track {
    animation-duration: 22s;
  }

  #sertechs-site .sr-trust__group {
    justify-content: flex-start;
    min-width: max(100vw, max-content);
    gap: 24px;
    padding: 18px 24px;
  }

  #sertechs-site .sr-trust__group span {
    font-size: 14px;
  }
}
/* ===================== END: RESPONSIVE ===================== */