<section data-component-type="FAQ" class="w-full bg-white" data-component-slug="politician-party-template-faq">
  

  <!-- ================= CONTENT ================= -->
  <div class="learn-wrap">
    <!-- LEFT -->
    <div class="learn-left">
      <h2 data-node="learn_title" data-node-type="text" data-node-default="Learn More About Our Work">
        {{learn_title}}
      </h2>

      <p data-node="learn_desc" data-node-type="text" data-node-default="Clear information builds trust and encourages meaningful participation.">
        {{learn_desc}}
      </p>
    </div>

    <!-- RIGHT -->
    <div class="accordion" data-accordion-container>
      <!-- ITEM 1 -->
      <div class="accordion-item" data-accordion-item>
        <div class="accordion-trigger" data-accordion-trigger aria-expanded="false">
          <span class="accordion-question" data-node="faq_1_question" data-node-type="text" data-node-default="How are policies developed and reviewed?">
            {{faq_1_question}}
          </span>
          <img src="https://res.cloudinary.com/duukclzsd/image/upload/v1768045389/seltrix/templates/politician-party-template/arrow-down.svg" class="accordion-icon" data-accordion-icon>
        </div>
        <div class="accordion-content" data-accordion-content>
          <p class="accordion-answer" data-node="faq_1_answer" data-node-type="text" data-node-default="Policies are developed through research, public consultation, expert review, and regular evaluations.">
            {{faq_1_answer}}
          </p>
        </div>
      </div>

      <!-- ITEM 2 -->
      <div class="accordion-item" data-accordion-item>
        <div class="accordion-trigger" data-accordion-trigger aria-expanded="false">
          <span class="accordion-question" data-node="faq_2_question" data-node-type="text" data-node-default="How do you engage with citizens?">
            {{faq_2_question}}
          </span>
          <img src="https://res.cloudinary.com/duukclzsd/image/upload/v1768045389/seltrix/templates/politician-party-template/arrow-down.svg" class="accordion-icon" data-accordion-icon>
        </div>
        <div class="accordion-content" data-accordion-content>
          <p class="accordion-answer" data-node="faq_2_answer" data-node-type="text" data-node-default="We engage through town halls, digital platforms, surveys, and grassroots outreach.">
            {{faq_2_answer}}
          </p>
        </div>
      </div>

      <!-- ITEM 3 -->
      <div class="accordion-item" data-accordion-item>
        <div class="accordion-trigger" data-accordion-trigger aria-expanded="false">
          <span class="accordion-question" data-node="faq_3_question" data-node-type="text" data-node-default="What is the focus on long-term planning?">
            {{faq_3_question}}
          </span>
          <img src="https://res.cloudinary.com/duukclzsd/image/upload/v1768045389/seltrix/templates/politician-party-template/arrow-down.svg" class="accordion-icon" data-accordion-icon>
        </div>
        <div class="accordion-content" data-accordion-content>
          <p class="accordion-answer" data-node="faq_3_answer" data-node-type="text" data-node-default="Long-term planning ensures sustainability, resilience, and responsible governance.">
            {{faq_3_answer}}
          </p>
        </div>
      </div>

      <!-- ITEM 4 -->
      <div class="accordion-item" data-accordion-item>
        <div class="accordion-trigger" data-accordion-trigger aria-expanded="false">
          <span class="accordion-question" data-node="faq_4_question" data-node-type="text" data-node-default="How do you plan for the future?">
            {{faq_4_question}}
          </span>
          <img src="https://res.cloudinary.com/duukclzsd/image/upload/v1768045389/seltrix/templates/politician-party-template/arrow-down.svg" class="accordion-icon" data-accordion-icon>
        </div>
        <div class="accordion-content" data-accordion-content>
          <p class="accordion-answer" data-node="faq_4_answer" data-node-type="text" data-node-default="We rely on data-driven forecasting, scenario planning, and continuous review.">
            {{faq_4_answer}}
          </p>
        </div>
      </div>

      <!-- ITEM 5 -->
      <div class="accordion-item" data-accordion-item>
        <div class="accordion-trigger" data-accordion-trigger aria-expanded="false">
          <span class="accordion-question" data-node="faq_5_question" data-node-type="text" data-node-default="How can residents participate?">
            {{faq_5_question}}
          </span>
          <img src="https://res.cloudinary.com/duukclzsd/image/upload/v1768045389/seltrix/templates/politician-party-template/arrow-down.svg" class="accordion-icon" data-accordion-icon>
        </div>
        <div class="accordion-content" data-accordion-content>
          <p class="accordion-answer" data-node="faq_5_answer" data-node-type="text" data-node-default="Residents can participate through consultations, forums, volunteering, and feedback channels.">
            {{faq_5_answer}}
          </p>
        </div>
      </div>
    </div>
  </div>

  <!-- ================= SCRIPT (CMS FORMAT) ================= -->
  
</section>