<!-- FAQ Dropdown BEGIN -->
<section class="faq-dropdown-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
    <div class="container pb-5 mb-3">
        <div class="row">
            <div class="col">
                <div class="accordion" id="accordionId">
                    {{#each questions}}
                    <div class="accordion-item">
                        <h3 class="accordion-header" id="heading-{{@index}}">
                            <button class="accordion-button {{#if @first}}{{else}}collapsed{{/if}}"
                                type="button"
                                data-bs-toggle="collapse"
                                data-bs-target="#collapse-{{@index}}"
                                aria-expanded="{{#if @first}}true{{else}}false{{/if}}"
                                aria-controls="collapse-{{@index}}">
                                {{question}}
                            </button>
                        </h3>
                        <div id="collapse-{{@index}}"
                            class="accordion-collapse collapse {{#if @first}}show{{else}}{{/if}}"
                            aria-labelledby="heading-{{@index}}"
                            data-bs-parent="#accordionId">
                            <div class="accordion-body f-black">
                                {{{answer}}}
                            </div>
                        </div>
                    </div>
                    {{/each}}
                </div>
            </div>
        </div>
    </div>
</section>
<!-- FAQ Dropdown END -->

<script type="text/javascript">
    $(window).on('load', function () {
        $('#collapse-0').addClass("show");
    });
</script>