<section class="flex justify-center pt-5 relative bg-white overflow-hidden" data-component-type="Content" data-component-slug="saas-template-TrustedAgencies">
  <div class="w-full lg:max-w-[90%] max-w-full relative">

    <!-- Heading -->
    <div class="text-center">
      <h1 data-node="trusted_heading" data-node-type="text" data-node-label="Trusted Agencies Heading" data-node-default="Trusted by 1,000+ Agencies" class="text-dark lg:text-[40px] md:text-[30px] text-[22px] text-center mt-3 mb-3 font-bold py-2 rounded-md">
        {{trusted_heading}}
      </h1>

      <h1 data-node="trusted_subheading" data-node-type="textarea" data-node-label="Trusted Agencies Subheading" data-node-default="Built to simplify operations, communications, and unlock productivity for teams of every size." class="text-[#4A6673] text-[20px] font-bold py-1 rounded-md">
        {{trusted_subheading}}
      </h1>
    </div>

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

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

    <!-- MARQUEE -->
    <div class="marquee mt-[50px]">
      <div class="marquee-track">

        <!-- LOGO SET 1 -->
        <div class="marquee-set">
             <img data-node="trusted_logo_1" data-node-type="file" data-node-label="Trusted Logo 1" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1765868911/seltrix/templates/saas-template/TrustedAgen/agent1.png" src="{{trusted_logo_1}}" alt="Agency logo" class="logo">
               <img data-node="trusted_logo_2" data-node-type="file" data-node-label="Trusted Logo 2" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1765868912/seltrix/templates/saas-template/TrustedAgen/agent2.png" src="{{trusted_logo_2}}" alt="Agency logo" class="logo">
          <img data-node="trusted_logo_3" data-node-type="file" data-node-label="Trusted Logo 3" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1765868913/seltrix/templates/saas-template/TrustedAgen/agent3.png" src="{{trusted_logo_3}}" alt="Agency logo" class="logo">
             <img data-node="trusted_logo_4" data-node-type="file" data-node-label="Trusted Logo 4" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1765868915/seltrix/templates/saas-template/TrustedAgen/agent4.png" src="{{trusted_logo_4}}" alt="Agency logo" class="logo">
          <img data-node="trusted_logo_5" data-node-type="file" data-node-label="Trusted Logo 5" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1765868915/seltrix/templates/saas-template/TrustedAgen/agent4.png" src="{{trusted_logo_5}}" alt="Agency logo" class="logo">
           <img data-node="trusted_logo_6" data-node-type="file" data-node-label="Trusted Logo 6" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1765868913/seltrix/templates/saas-template/TrustedAgen/agent3.png" src="{{trusted_logo_6}}" alt="Agency logo" class="logo">
        </div>

        <!-- LOGO SET 2 (DUPLICATE) -->
        <div class="marquee-set ml-[50px]">
          <img src="{{trusted_logo_1}}" class="logo">
          <img src="{{trusted_logo_2}}" class="logo">
          <img src="{{trusted_logo_3}}" class="logo">
          <img src="{{trusted_logo_4}}" class="logo">
          <img src="{{trusted_logo_5}}" class="logo">
          <img src="{{trusted_logo_6}}" class="logo">
        </div>

      </div>
    </div>

  </div>
</section>