<section data-component-type="Gallery" class="w-full pt-0 pb-[60px] px-[24px] lg:px-10 md:py-[60px] md:px-5 sm:px-4 bg-white overflow-hidden" data-component-slug="clothing-template-trusted-million">
  

  <div class="grid grid-cols-2 lg:grid-cols-1 gap-20 lg:gap-10 items-center">
    <!-- Left Content -->
    <div>
      <h2 class="title-stroke font-black text-[48px] md:text-[36px] leading-[122%] mb-5" data-node="trusted_title" data-node-type="text" data-node-label="Trusted Title" data-node-default="Trusted by Over a Million Fits">
        {{trusted_title}}
      </h2>
      <p class="text-xl md:text-lg leading-[32px] text-[#7e7e7e] max-w-[580px]" data-node="trusted_description" data-node-type="text" data-node-label="Trusted Description" data-node-default="Where bold style meets everyday comfort. Built for the streets, worn by the culture. A community that grows with every drop.">
        {{trusted_description}}
      </p>
    </div>

    <!-- Logo Slider -->
    <div class="logo-slider-wrapper relative w-full overflow-hidden">
      <div class="logo-slider flex w-max">
        <div class="flex gap-[60px] items-center pr-[60px]">
          <div>
            <img src="{{logo_1}}" data-node="logo_1" data-node-type="file" data-node-label="Logo 1" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1766744606/seltrix/templates/clothing-template/Logo%20%281%29.png" class="h-9 w-auto opacity-90 block">
          </div>
          <div>
            <img src="{{logo_2}}" data-node="logo_2" data-node-type="file" data-node-label="Logo 2" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1766744608/seltrix/templates/clothing-template/Logo%20%282%29.png" class="h-9 w-auto opacity-90 block">
          </div>
          <div>
            <img src="{{logo_3}}" data-node="logo_3" data-node-type="file" data-node-label="Logo 3" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1766744609/seltrix/templates/clothing-template/Logo%20%283%29.png" class="h-9 w-auto opacity-90 block">
          </div>
          <div>
            <img src="{{logo_4}}" data-node="logo_4" data-node-type="file" data-node-label="Logo 4" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1766744611/seltrix/templates/clothing-template/Logo%20%284%29.png" class="h-9 w-auto opacity-90 block">
          </div>
        </div>
        <!-- Duplicate for infinite scroll -->
        <div class="flex gap-[60px] items-center pr-[60px]">
          <div><img src="{{logo_1}}" class="h-9 w-auto opacity-90 block"></div>
          <div><img src="{{logo_2}}" class="h-9 w-auto opacity-90 block"></div>
          <div><img src="{{logo_3}}" class="h-9 w-auto opacity-90 block"></div>
          <div><img src="{{logo_4}}" class="h-9 w-auto opacity-90 block"></div>
        </div>
      </div>
    </div>
  </div>
</section>