<section data-component-type="Banner" class="py-8 md:py-12 border-y border-gray-300 overflow-hidden" data-component-slug="ss-sports-running-marquee">
  <div class="relative flex overflow-x-hidden">
    <div class="animate-marquee whitespace-nowrap flex items-center gap-10 md:gap-20">
      <div class="flex items-center gap-4 md:gap-6">
        <span class="text-2xl md:text-4xl font-semibold">
          <span data-node="marquee_prefix" data-node-type="text" data-node-label="Prefix Text" data-node-default="NEVER" class="text-black">{{marquee_prefix}}
          </span>
          <span data-node="marquee_text" data-node-type="text" data-node-label="Accent Word" data-node-default="SETTLE" class="text-red-600">{{marquee_text}}</span>
        </span>
        <img src="{{arrow_up_right}}" alt="arrow-up-right" class="w-6 h-6 md:w-8 md:h-8 text-red-600" data-node="arrow_up_right" data-node-type="file" data-node-label="Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767348205/seltrix/templates/ss-sports-running/arrow-up-right.svg">
      </div>
      <div class="flex items-center gap-4 md:gap-6">
        <span class="text-2xl md:text-4xl font-semibold">
          <span class="text-black">{{marquee_prefix}} </span>
          <span class="text-red-600">{{marquee_text}}</span>
        </span>
        <img src="{{arrow_up_right}}" alt="arrow-up-right" class="w-6 h-6 md:w-8 md:h-8 text-red-600" data-node="arrow_up_right" data-node-type="file" data-node-label="Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767348205/seltrix/templates/ss-sports-running/arrow-up-right.svg">
      </div>
      <div class="flex items-center gap-4 md:gap-6">
        <span class="text-2xl md:text-4xl font-semibold">
          <span class="text-black">{{marquee_prefix}} </span>
          <span class="text-red-600">{{marquee_text}}</span>
        </span>
        <img src="{{arrow_up_right}}" alt="arrow-up-right" class="w-6 h-6 md:w-8 md:h-8 text-red-600" data-node="arrow_up_right" data-node-type="file" data-node-label="Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767348205/seltrix/templates/ss-sports-running/arrow-up-right.svg">
      </div>
      <div class="flex items-center gap-4 md:gap-6">
        <span class="text-2xl md:text-4xl font-semibold">
          <span class="text-black">{{marquee_prefix}} </span>
          <span class="text-red-600">{{marquee_text}}</span>
        </span>
        <img src="{{arrow_up_right}}" alt="arrow-up-right" class="w-6 h-6 md:w-8 md:h-8 text-red-600" data-node="arrow_up_right" data-node-type="file" data-node-label="Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767348205/seltrix/templates/ss-sports-running/arrow-up-right.svg">
      </div>
      <div class="flex items-center gap-4 md:gap-6">
        <span class="text-2xl md:text-4xl font-semibold">
          <span class="text-black">{{marquee_prefix}} </span>
          <span class="text-red-600">{{marquee_text}}</span>
        </span>
        <img src="{{arrow_up_right}}" alt="arrow-up-right" class="w-6 h-6 md:w-8 md:h-8 text-red-600" data-node="arrow_up_right" data-node-type="file" data-node-label="Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767348205/seltrix/templates/ss-sports-running/arrow-up-right.svg">
      </div>
      <div class="flex items-center gap-4 md:gap-6">
        <span class="text-2xl md:text-4xl font-semibold">
          <span class="text-black">{{marquee_prefix}} </span>
          <span class="text-red-600">{{marquee_text}}</span>
        </span>
        <img src="{{arrow_up_right}}" alt="arrow-up-right" class="w-6 h-6 md:w-8 md:h-8 text-red-600" data-node="arrow_up_right" data-node-type="file" data-node-label="Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767348205/seltrix/templates/ss-sports-running/arrow-up-right.svg">
      </div>
    </div>

    <div class="absolute top-0 animate-marquee2 whitespace-nowrap flex items-center gap-8 md:gap-14">
      <div class="flex items-center gap-4 md:gap-6">
        <span class="text-2xl md:text-4xl font-semibold">
          <span class="text-black">{{marquee_prefix}} </span>
          <span class="text-red-600">{{marquee_text}}</span>
        </span>
        <img src="{{arrow_up_right}}" alt="arrow-up-right" class="w-6 h-6 md:w-8 md:h-8 text-red-600" data-node="arrow_up_right" data-node-type="file" data-node-label="Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767348205/seltrix/templates/ss-sports-running/arrow-up-right.svg">
      </div>
      <div class="flex items-center gap-4 md:gap-6">
        <span class="text-2xl md:text-4xl font-semibold">
          <span class="text-black">{{marquee_prefix}} </span>
          <span class="text-red-600">{{marquee_text}}</span>
        </span>
        <img src="{{arrow_up_right}}" alt="arrow-up-right" class="w-6 h-6 md:w-8 md:h-8 text-red-600" data-node="arrow_up_right" data-node-type="file" data-node-label="Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767348205/seltrix/templates/ss-sports-running/arrow-up-right.svg">
      </div>
      <div class="flex items-center gap-4 md:gap-6">
        <span class="text-2xl md:text-4xl font-semibold">
          <span class="text-black">{{marquee_prefix}} </span>
          <span class="text-red-600">{{marquee_text}}</span>
        </span>
        <img src="{{arrow_up_right}}" alt="arrow-up-right" class="w-6 h-6 md:w-8 md:h-8 text-red-600" data-node="arrow_up_right" data-node-type="file" data-node-label="Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767348205/seltrix/templates/ss-sports-running/arrow-up-right.svg">
      </div>
      <div class="flex items-center gap-4 md:gap-6">
        <span class="text-2xl md:text-4xl font-semibold">
          <span class="text-black">{{marquee_prefix}} </span>
          <span class="text-red-600">{{marquee_text}}</span>
        </span>
        <img src="{{arrow_up_right}}" alt="arrow-up-right" class="w-6 h-6 md:w-8 md:h-8 text-red-600" data-node="arrow_up_right" data-node-type="file" data-node-label="Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767348205/seltrix/templates/ss-sports-running/arrow-up-right.svg">
      </div>
      <div class="flex items-center gap-4 md:gap-6">
        <span class="text-2xl md:text-4xl font-semibold">
          <span class="text-black">{{marquee_prefix}} </span>
          <span class="text-red-600">{{marquee_text}}</span>
        </span>
        <img src="{{arrow_up_right}}" alt="arrow-up-right" class="w-6 h-6 md:w-8 md:h-8 text-red-600" data-node="arrow_up_right" data-node-type="file" data-node-label="Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767348205/seltrix/templates/ss-sports-running/arrow-up-right.svg">
      </div>
      <div class="flex items-center gap-4 md:gap-6">
        <span class="text-2xl md:text-4xl font-semibold">
          <span class="text-black">{{marquee_prefix}} </span>
          <span class="text-red-600">{{marquee_text}}</span>
        </span>
        <img src="{{arrow_up_right}}" alt="arrow-up-right" class="w-6 h-6 md:w-8 md:h-8 text-red-600" data-node="arrow_up_right" data-node-type="file" data-node-label="Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767348205/seltrix/templates/ss-sports-running/arrow-up-right.svg">
      </div>
    </div>
  </div>
</section>