<section data-component-type="Content" class="w-full bg-white" data-component-slug="politician-party-template-shaping-tabs">
  

  <div class="rt-wrap">
    <!-- MAIN TITLE -->
    <h2 class="rt-title" data-node="rt_main_title" data-node-type="text" data-node-default="Shaping Tomorrow Through Shared Responsibility">
      {{rt_main_title}}
    </h2>

    <!-- TABS -->
    <div class="rt-tabs">
      <div class="rt-tab active" data-tab="1" data-node="tab_1" data-node-type="text" data-node-default="Governance">
        {{tab_1}}
      </div>
      <div class="rt-tab" data-tab="2" data-node="tab_2" data-node-type="text" data-node-default="Progress">
        {{tab_2}}
      </div>
      <div class="rt-tab" data-tab="3" data-node="tab_3" data-node-type="text" data-node-default="Unity">
        {{tab_3}}
      </div>
      <div class="rt-tab" data-tab="4" data-node="tab_4" data-node-type="text" data-node-default="Participation">
        {{tab_4}}
      </div>
    </div> 

    <!-- ===== TAB 1 ===== -->
    <div class="rt-content active" data-content="1">
      <div class="rt-image">
        <img src="{{tab_1_image}}" data-node="tab_1_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767855798/seltrix/templates/politician-party-template/governance.webp">
      </div>
      <div class="rt-text">
        <h3 data-node="tab_1_title" data-node-type="text" data-node-default="Participation Strengthens Democracy and Governance">
          {{tab_1_title}}
        </h3>
        <p data-node="tab_1_desc" data-node-type="text" data-node-default="A strong nation is built when citizens actively participate in shaping its future. Public engagement ensures governance remains responsive, relevant, and grounded.">
          {{tab_1_desc}}
        </p>
        <a class="rt-btn" href="{{tab_1_btn_link}}" data-node="tab_1_btn_link" data-node-type="url" data-node-default="#">
          <span data-node="tab_1_btn_text" data-node-type="text" data-node-default="Learn More">
            {{tab_1_btn_text}}
          </span>
        </a>
      </div>
    </div>

    <!-- ===== TAB 2 ===== -->
    <div class="rt-content" data-content="2">
      <div class="rt-image">
        <img src="{{tab_2_image}}" data-node="tab_2_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767855834/seltrix/templates/politician-party-template/progress.webp">
      </div>
      <div class="rt-text">
        <h3 data-node="tab_2_title" data-node-type="text" data-node-default="Progress That Delivers Impact">
          {{tab_2_title}}
        </h3>
        <p data-node="tab_2_desc" data-node-type="text" data-node-default="Long-term progress comes from responsible decision-making, innovation, and policies aligned with national priorities.">
          {{tab_2_desc}}
        </p>
        <a class="rt-btn" href="{{tab_2_btn_link}}" data-node="tab_2_btn_link" data-node-type="url" data-node-default="#">
          <span data-node="tab_2_btn_text" data-node-type="text" data-node-default="Learn More">
            {{tab_2_btn_text}}
          </span>
        </a>
      </div>
    </div>

    <!-- ===== TAB 3 ===== -->
    <div class="rt-content" data-content="3">
      <div class="rt-image">
        <img src="{{tab_3_image}}" data-node="tab_3_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767855798/seltrix/templates/politician-party-template/governance.webp">
      </div>
      <div class="rt-text">
        <h3 data-node="tab_3_title" data-node-type="text" data-node-default="Unity Through Shared Values">
          {{tab_3_title}}
        </h3>
        <p data-node="tab_3_desc" data-node-type="text" data-node-default="Unity is built when communities come together with shared purpose, trust, and mutual respect.">
          {{tab_3_desc}}
        </p>
        <a class="rt-btn" href="{{tab_3_btn_link}}" data-node="tab_3_btn_link" data-node-type="url" data-node-default="#">
          <span data-node="tab_3_btn_text" data-node-type="text" data-node-default="Learn More">
            {{tab_3_btn_text}}
          </span>
        </a>
      </div>
    </div>

    <!-- ===== TAB 4 ===== -->
    <div class="rt-content" data-content="4">
      <div class="rt-image">
        <img src="{{tab_4_image}}" data-node="tab_4_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767855798/seltrix/templates/politician-party-template/governance.webp">
      </div>
      <div class="rt-text">
        <h3 data-node="tab_4_title" data-node-type="text" data-node-default="Participation Empowers Society">
          {{tab_4_title}}
        </h3>
        <p data-node="tab_4_desc" data-node-type="text" data-node-default="Inclusive participation strengthens democracy and ensures governance reflects the needs of the people.">
          {{tab_4_desc}}
        </p>
        <a class="rt-btn" href="{{tab_4_btn_link}}" data-node="tab_4_btn_link" data-node-type="url" data-node-default="#">
          <span data-node="tab_4_btn_text" data-node-type="text" data-node-default="Learn More">
            {{tab_4_btn_text}}
          </span>
        </a>
      </div>
    </div>
  </div>

  <!-- ===== SCRIPT (VISIBILITY ONLY) ===== -->
  
</section>