<section data-component-type="Gallery" class="w-full bg-white" data-component-slug="politician-party-template-engagement-in-action">
  

  <!-- ================= CONTENT ================= -->
  <div class="engage-wrap">
    <div class="engage-header">
      <div>
        <div class="engage-eyebrow">
          <div class="engage-dot"></div>
          <span data-node="engage_eyebrow" data-node-type="text" data-node-default="ENGAGEMENT IN ACTION">
            {{engage_eyebrow}}
          </span>
        </div>

        <h2 class="engage-title" data-node="engage_title" data-node-type="text" data-node-default="Working With Communities">
          {{engage_title}}
        </h2>
      </div>

      <div class="engage-nav">
        <div class="engage-btn active" id="prevBtn">
          <img src="https://res.cloudinary.com/duukclzsd/image/upload/v1768045429/seltrix/templates/politician-party-template/previous-next.svg">
          <span>Previous</span>
        </div>
        <div class="engage-btn next" id="nextBtn">
          <span>Next</span>
          <img src="https://res.cloudinary.com/duukclzsd/image/upload/v1768045429/seltrix/templates/politician-party-template/previous-next.svg">
        </div>
      </div>
    </div>

    <div class="engage-slider">
      <div class="engage-track" id="engageTrack">
        <!-- cards unchanged -->
        <!-- CARD 1 -->
        <div class="engage-card">
          <img src="{{card_1_image}}" data-node="card_1_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767855835/seltrix/templates/politician-party-template/public-policy.webp">
          <h4 data-node="card_1_title" data-node-type="text" data-node-default="Public Policy Forums">
            {{card_1_title}}
          </h4>
          <p data-node="card_1_desc" data-node-type="text" data-node-default="Open dialogues bringing citizens, experts, and leaders together to shape informed solutions.">
            {{card_1_desc}}
          </p>
        </div>

        <!-- CARD 2 -->
        <div class="engage-card">
          <img src="{{card_2_image}}" data-node="card_2_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767855819/seltrix/templates/politician-party-template/neighbourhood.webp">
          <h4 data-node="card_2_title" data-node-type="text" data-node-default="Neighbourhood Walkabouts">
            {{card_2_title}}
          </h4>
          <p data-node="card_2_desc" data-node-type="text" data-node-default="Direct engagement sessions to listen, understand concerns, and strengthen grassroots connections.">
            {{card_2_desc}}
          </p>
        </div>

        <!-- CARD 3 -->
        <div class="engage-card">
          <img src="{{card_3_image}}" data-node="card_3_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767855845/seltrix/templates/politician-party-template/youth-engage.webp">
          <h4 data-node="card_3_title" data-node-type="text" data-node-default="Youth Engagement Drives">
            {{card_3_title}}
          </h4>
          <p data-node="card_3_desc" data-node-type="text" data-node-default="Initiatives encouraging civic awareness, participation, and leadership among younger generations.">
            {{card_3_desc}}
          </p>
        </div>

        <!-- CARD 4 -->
        <div class="engage-card">
          <img src="{{card_4_image}}" data-node="card_4_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767855835/seltrix/templates/politician-party-template/public-policy.webp">
          <h4 data-node="card_4_title" data-node-type="text" data-node-default="Community Outreach">
            {{card_4_title}}
          </h4>
          <p data-node="card_4_desc" data-node-type="text" data-node-default="Grassroots initiatives strengthening trust and collaboration within communities.">
            {{card_4_desc}}
          </p>
        </div>

        <!-- CARD 5 -->
        <div class="engage-card">
          <img src="{{card_5_image}}" data-node="card_5_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767855819/seltrix/templates/politician-party-template/neighbourhood.webp">
          <h4 data-node="card_5_title" data-node-type="text" data-node-default="Citizen Engagement">
            {{card_5_title}}
          </h4>
          <p data-node="card_5_desc" data-node-type="text" data-node-default="Empowering citizens to participate actively in shaping public dialogue.">
            {{card_5_desc}}
          </p>
        </div>
      </div>
    </div>
  </div>

  <!-- ================= SCRIPT ================= -->
  
</section>