{% if page.handheld_section5.i_imagebg %}
{% assign main_bg = '' %}
{% capture main_bg %}{% picture open_graph_1920 pages/{{ page.handheld_section5.i_imagebg}} %}{% endcapture %}
{% endif %}
<section class="faq_feature_wrapper handheld_section5" {% if page.pocket_sized.main_bg %} style="background-image: url('{{ site.baseurl }}{{ main_bg }}')" {% endif %}>
  <div class="is-container">
    <div class="faq_feature">
      <div class="row align-items-center">
        <div class="col-sm-6 col-md-6">
            {% assign hero_main = '' %}
            {% capture hero_main %}{% picture open_graph pages/{{ page.handheld_section5.i_image }} %}{% endcapture %}
            <img src="{{ hero_main }}" alt="{{page.handheld_section5.i_image | remove: '.png' | remove: '.webp' | remove: '.jpg'| replace: '-',' ' | replace: '_',' ' }}">
        </div>
        <div class="col-sm-6 col-md-6">
          <h2>{{ page.handheld_section5.t_heading }}</h2>
          <div class="handheld_section5_items">
          {% for bundle in page.handheld_section5.bundles %}
            <div class="faq_dropdown {% if forloop.first %}open{% endif %}">
              <div class="faq_dropdown_title">
                <div>{{ bundle.t_title }}</div>
                <span class="arrow">
                  
                <svg class="arrow_plus" xmlns="http://www.w3.org/2000/svg" width="26.999" height="27" viewBox="0 0 26.999 27">
                  <path id="Path_98347" data-name="Path 98347" d="M-1893-6826v-11h-11v-5h11v-11h5v11h11v5h-11v11Z" transform="translate(1903.999 6853)" fill="#fff"/>
                </svg>

                
                <svg class="arrow_minus" xmlns="http://www.w3.org/2000/svg" width="27" height="5" viewBox="0 0 27 5">
                  <rect id="Rectangle_23237" data-name="Rectangle 23237" width="27" height="5" fill="#fff"/>
                </svg>


                </span>
              </div>
              <div class="dropdown-content">
                <p>{{ bundle.t_description }}</p>
              </div>
            </div>
          {% endfor %}
          </div>
        </div>
      </div>
    </div>
  </div>
</section>