{% if faqs is defined and faqs is not empty %}
<section id="list_faqs" class="py-5" {% if widget.bgimage is defined and widget.bgimage != null %}style="background: url({{asset_image(widget.bgimage)}}) " {% elseif widget.bgcolor != null %}style="background-color:{{widget.bgcolor}}"{% endif %}>
<div class="container-fluid wrapper">
<div class="row">
<div class="col-sm-12 text-center">
<h2 class="title">{{widget.title|raw}}</h2>
{% if widget.subTitle is not empty %}
<h2 class="sub-title">{{widget.subTitle|raw}}</h2>
{% endif %}
{% if widget.description is not empty %}
<div>
<p>{{widget.description|raw}}</p>
</div>
{% endif %}
</div>
<div class="col-sm-12 faqs-grid">
{% for item in faqs %}
<div class="faqs-item">
<a class="faqs-title" href="javascript:void(0);">
{{item.question}}
</a>
<div class="faqs-content">
<div class="faqs-content-inside">
{{item.reponse|replace({'\r\n':'<br />'})|raw}}
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</section>
{% endif %}