<section data-component-type="Banner" class="py-8 md:py-12 bg-[#F6F6F6] overflow-hidden" data-component-slug="ss-education-template-marquee">
  <div class="relative flex overflow-x-hidden" data-component-type="Content">

    <!-- LEFT GRADIENT -->
    <div class="absolute left-0 top-0 h-full w-[300px] z-20 pointer-events-none
             bg-gradient-to-r from-[#F6F6F6] to-transparent"></div>

    <!-- RIGHT GRADIENT -->
    <div class="absolute right-0 top-0 h-full w-[300px] z-20 pointer-events-none
             bg-gradient-to-l from-[#F6F6F6] to-transparent"></div>

    <!-- MARQUEE ROW 1 -->
    <div class="animate-marquee whitespace-nowrap flex items-center gap-8 md:gap-14">

      <div class="flex items-center gap-4 md:gap-6">
        <img src="{{logo_1}}" data-node="logo_1" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1766750783/seltrix/templates/ss-education-template/m1.png" class="w-full">
      </div>

      <div class="flex items-center gap-4 md:gap-6">
        <img src="{{logo_2}}" data-node="logo_2" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1766750788/seltrix/templates/ss-education-template/m5.png" class="w-full">
      </div>

      <div class="flex items-center gap-4 md:gap-6">
        <img src="{{logo_3}}" data-node="logo_3" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1766750784/seltrix/templates/ss-education-template/m2.png" class="w-full">
      </div>

      <div class="flex items-center gap-4 md:gap-6">
        <img src="{{logo_4}}" data-node="logo_4" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1766750785/seltrix/templates/ss-education-template/m3.png" class="w-full">
      </div>

    </div>

    <!-- MARQUEE ROW 2 -->
    <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">
        <img src="{{logo_5}}" data-node="logo_5" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1766750784/seltrix/templates/ss-education-template/m2.png" class="w-full">
      </div>

      <div class="flex items-center gap-4 md:gap-6">
        <img src="{{logo_6}}" data-node="logo_6" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1766750785/seltrix/templates/ss-education-template/m3.png" class="w-full">
      </div>

      <div class="flex items-center gap-4 md:gap-6">
        <img src="{{logo_7}}" data-node="logo_7" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1766750787/seltrix/templates/ss-education-template/m4.png" class="w-full">
      </div>

      <div class="flex items-center gap-4 md:gap-6">
        <img src="{{logo_8}}" data-node="logo_8" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1766750788/seltrix/templates/ss-education-template/m5.png" class="w-full">
      </div>

      <div class="flex items-center gap-4 md:gap-6">
        <img src="{{logo_9}}" data-node="logo_9" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1766750783/seltrix/templates/ss-education-template/m1.png" class="w-full">
      </div>

    </div>

  </div>
</section>