/*
 * "120+ Apps" client-logo marquee.
 *
 * Shared by `/` and `/about/jobs`. The extracted Webflow body contains two
 * identical `.partners-block-2` lanes inside `.partners-wrapper-2`. Webflow
 * Interactions JS used to scroll the lanes; we replay it here in pure CSS.
 *
 * Translating each block by -100% of its own width shifts both lanes left by
 * exactly one block width. Because the two lanes are identical, the keyframe
 * loop is visually seamless. The third `.partners-block-2.three` lane
 * (social icons) is hidden because it isn't part of the client-logo carousel.
 *
 * Hover pauses the marquee; reduced motion stops it entirely.
 */

/*
 * Compact sizing — full-bleed width, slim vertical band.
 */

.wf-body .partners-section.partners-background-dark {
  padding-top: 16px;
  padding-bottom: 18px;
}

.wf-body .partners-section .partners-heading {
  font-size: 1.4rem;
  line-height: 1.75rem;
}

.wf-body .partners-section .partners-heading .font-style-change-2 {
  font-size: 1.6rem;
  line-height: 1.75rem;
}

.wf-body .partners-section .partners-block-2 {
  grid-column-gap: 32px;
  padding-right: 32px;
}

.wf-body .partners-section .partners-block-2 img {
  height: 44px;
  width: auto;
}

.wf-body .partners-section .partners-block-2 img.star-image {
  height: 18px;
}

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

.wf-body .partners-section .partners-wrapper-2 > .partners-block-2 {
  animation: wf-partners-marquee 36s linear infinite;
}

.wf-body .partners-section .partners-wrapper-2 > .partners-block-2.three {
  display: none;
}

.wf-body .partners-section .partners-wrapper-2:hover > .partners-block-2 {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .wf-body .partners-section .partners-wrapper-2 > .partners-block-2 {
    animation: none;
    transform: none;
  }
}