{% set faq = customer.faq %}
{% if faq.active == 1 %}
<section class="faq-area mt-5 mb-5" id="faq">
<div class="container">
<div class="row align-items-center pb-90 pb-md-30 pb-xs-30">
<div class="col-lg-12 col-md-12">
<div class="faq-wrap3 pr-30 pr-lg-0 pr-md-0 pr-xs-0">
<h2 class="sect-title mb-5">{{ 'app.faq_complete'|trans }}</h2>
<div class="faq-que-list faq-que2 mb-30">
<div class="accordion" id="accordionExample">
{% for item in faq.items %}
<div class="accordion-item">
<h2 class="accordion-header" id="heading{{ loop.index }}">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ loop.index }}" aria-expanded="false" aria-controls="collapse{{ loop.index }}">
<span>{{ "%02d"|format(loop.index) }}. </span> {{ item.name }}
</button>
</h2>
<div id="collapse{{ loop.index }}" class="accordion-collapse collapse"
aria-labelledby="heading{{ loop.index }}" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p class="fs-14">{{ item.description|raw }}</p>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{% endif %}