@keyframes marquee {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      transform: translate3d(-50%, 0, 0);
    }
  }

  .marquee_stats-wrap {
    animation: marquee linear 60s infinite;
  }

  .marquee_stats-wrap.is-reversed {
    animation: marquee linear 60s infinite reverse;
  }

  /* Faster animation on mobile */
  @media (max-width: 768px) {
    .marquee_stats-wrap {
      animation-duration: 30s;
    }
    .marquee_stats-wrap.is-reversed {
      animation-duration: 30s;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .marquee_stats-wrapper {
      padding-left: var(--size--4rem);
      padding-right: var(--size--4rem);
    }

    .marquee_stats-wrap,
    .marquee_stats-wrap.is-reversed {
      animation: none;
    }

    .marquee_stats-outer {
      margin: 0 auto;
      max-width: var(--container--main);
      display: flex;
      flex-wrap: wrap;
    }
    
    .marquee_stats-layout {
      /*margin: 0 auto;
      max-width: var(--container--main);
      display: flex;
      flex-wrap: wrap;*/
    }
    
    .marquee_stats-wrap {
      flex-wrap: wrap;
      flex: 1 1 100%;
      width: 100%;
      gap: var(--_spacing---space--medium);
      overflow: visible;
    }

    .marquee_stats-list ~ .marquee_stats-list {
      display: none;
    }

    .marquee_stats-list {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      column-gap: var(--_spacing---space--medium);
      row-gap: var(--_spacing---space--xlarge);
      width: 100%;
      margin-right: 0;
      min-width: 0;
    }

    .gradient-element {
      display: none;
    }
  }
  
  @media (prefers-reduced-motion: reduce) and (max-width: 1024px) {
    .marquee_stats-list {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  
  @media (prefers-reduced-motion: reduce) and (max-width: 991px) {
    .marquee_stats-list {
      grid-template-columns: repeat(3, 1fr);
    }
     .marquee_stats-wrapper {
      padding-right: var(--site--gutter);
      padding-left: var(--site--gutter);
    }
  }
  @media (prefers-reduced-motion: reduce) and (max-width: 768px) {
    .marquee_stats-list {
      grid-template-columns: repeat(2, 1fr);
    }
  }
   @media (prefers-reduced-motion: reduce) and (max-width: 479px) {
    .marquee_stats-list {
      grid-template-columns: repeat(1, 1fr);
    }
  }