{% if widget.content.faq.items is defined and widget.content.faq.items is not empty %}
    <div class="widget widget--faq">
        <ol class="drop__list  drop__list--depth-1">
            {% for item in widget.content.faq.items %}
                <li class="drop__list-item">
                    <a href="#" class="drop__link  drop__link--accordion">{{ item.question }}</a>
                    {% if item.children is defined and item.children is not empty %}
                        <ol class="drop__list  drop__list--depth-2">
                        {% for child in item.children %}
                            <li class="drop__list-item  drop__list-item--section">{{ child.question }}</li>
                            <p>{{ child.answer|raw }}</p>
                        {% endfor %}
                        </ol>
                    {% else %}
                        <div class="drop__list drop__list--depth-2">
                            <p>{{ item.answer|raw }}</p>
                        </div>
                    {% endif %}
                </li>
            {% endfor %}
        </ol>
    </div>
{% endif %}