.fc_usps {
  display: flex;
  gap: var(--gap-s);
  overflow: hidden;

  &.bg_black div.the_usps p.hero {
    color: var(--color-green);
  }

  .the_usps {
    display: flex;
    justify-content: flex-start;
    gap: var(--gap-s);
    flex-shrink: 0;
    animation: marquee 48s linear infinite;

    &:hover {
      cursor: default;
    }
  }
}

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