{% if faqs is defined and faqs is not empty %}
<div id="faq-section" 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 content-wrapper">
<div class="row">
<div class="col-xl-5 text-start">
{% if widget.title is not empty %}
<h2 class="title">{{widget.title|raw}}</h2>
{% endif %}
{% if widget.subTitle is not empty %}
<h3 class="sub-title">{{widget.subTitle|raw}}</h3>
{% endif %}
{% if widget.description is not empty %}
<div>
<p>{{widget.description|raw}}</p>
</div>
{% endif %}
</div>
<div class="col-xl-7 p-0">
{% for item in faqs %}
<div class="faq-item">
<div class="faq-question">
<span>{{item.question}}</span>
<span class="icon-plus"></span>
</div>
<div class="faq-answer">
<div class="content-answer">
{{item.reponse|replace({'\r\n':'<br />'})|raw}}
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
{% endif %}