<section data-component-type="Features" class="w-full bg-white" data-component-slug="politician-party-template-values-marquee">
  

  <!-- ================= CONTENT ================= -->
  <div class="marquee-wrap">
    <div class="marquee-track">
      <!-- GROUP 1 -->
      <div class="marquee-group">
        <div class="marquee-item">
          <div class="marquee-dot"></div>
          <span class="marquee-text" data-node="marquee_1" data-node-type="text" data-node-default="UNITY">{{marquee_1}}</span>
        </div>

        <div class="marquee-item">
          <div class="marquee-dot"></div>
          <span class="marquee-text" data-node="marquee_2" data-node-type="text" data-node-default="PROGRESS">{{marquee_2}}</span>
        </div>

        <div class="marquee-item">
          <div class="marquee-dot"></div>
          <span class="marquee-text" data-node="marquee_3" data-node-type="text" data-node-default="RESILIENCE">{{marquee_3}}</span>
        </div>

        <div class="marquee-item">
          <div class="marquee-dot"></div>
          <span class="marquee-text" data-node="marquee_4" data-node-type="text" data-node-default="TRUST">{{marquee_4}}</span>
        </div>

        <div class="marquee-item">
          <div class="marquee-dot"></div>
          <span class="marquee-text" data-node="marquee_5" data-node-type="text" data-node-default="RESPONSIBILITY">{{marquee_5}}</span>
        </div>

        <div class="marquee-item">
          <div class="marquee-dot"></div>
          <span class="marquee-text" data-node="marquee_6" data-node-type="text" data-node-default="CONTINUITY">{{marquee_6}}</span>
        </div>

        <div class="marquee-item">
          <div class="marquee-dot"></div>
          <span class="marquee-text" data-node="marquee_7" data-node-type="text" data-node-default="INTEGRITY">{{marquee_7}}</span>
        </div>
      </div>

      <!-- GROUP 2 (DUPLICATE FOR LOOP) -->
      <div class="marquee-group">
        <div class="marquee-item">
          <div class="marquee-dot"></div>
          <span class="marquee-text">{{marquee_1}}</span>
        </div>
        <div class="marquee-item">
          <div class="marquee-dot"></div>
          <span class="marquee-text">{{marquee_2}}</span>
        </div>
        <div class="marquee-item">
          <div class="marquee-dot"></div>
          <span class="marquee-text">{{marquee_3}}</span>
        </div>
        <div class="marquee-item">
          <div class="marquee-dot"></div>
          <span class="marquee-text">{{marquee_4}}</span>
        </div>
        <div class="marquee-item">
          <div class="marquee-dot"></div>
          <span class="marquee-text">{{marquee_5}}</span>
        </div>
        <div class="marquee-item">
          <div class="marquee-dot"></div>
          <span class="marquee-text">{{marquee_6}}</span>
        </div>
        <div class="marquee-item">
          <div class="marquee-dot"></div>
          <span class="marquee-text">{{marquee_7}}</span>
        </div>
      </div>
    </div>
  </div>
</section>