<section class="tools-faqs-area">
    <div class="small-container container">
        @if (widget('tools_convert','faqs','upper_title') || widget('tools_convert','faqs','title') || widget('tools_convert','faqs','text'))
            <div class="section-heading text-center mb-4">
                @if (widget('tools_convert','faqs','upper_title'))
                    <p class="section-heading-upper animate animate__fadeIn" data-anm-delay="1200ms">
                        {{ widget('tools_convert','faqs','upper_title') }}
                    </p>
                @endif
                @if (widget('tools_convert','faqs','title'))
                    <h2 class="position-relative pb-5 mb-4 animate animate__fadeIn" data-anm-delay="1600ms">
                        {{ widget('tools_convert','faqs','title') }}
                    </h2>
                @endif
                @if (widget('tools_convert','faqs','text'))
                    <p class="section-heading-text mb-0 animate animate__fadeIn" data-anm-delay="2000ms">
                        {{ widget('tools_convert','faqs','text') }}
                    </p>
                @endif
            </div>
        @endif
        <div class="accordion accordion-flush" id="faqs">
            @if (widget('tools_convert','faqs','question_1') && widget('tools_convert','faqs','answer_1'))
                <div class="accordion-item">
                    <h2 class="accordion-header">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-1" aria-expanded="false" aria-controls="flush-1">
                            {{ widget('tools_convert','faqs','question_1') }}
                        </button>
                    </h2>
                    <div id="flush-1" class="accordion-collapse collapse" data-bs-parent="#faqs">
                        <div class="accordion-body">{{ widget('tools_convert','faqs','answer_1') }}</div>
                    </div>
                </div>
            @endif
            @if (widget('tools_convert','faqs','question_2') && widget('tools_convert','faqs','answer_2'))
                <div class="accordion-item">
                    <h2 class="accordion-header">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-2" aria-expanded="false" aria-controls="flush-2">
                            {{ widget('tools_convert','faqs','question_2') }}
                        </button>
                    </h2>
                    <div id="flush-2" class="accordion-collapse collapse" data-bs-parent="#faqs">
                        <div class="accordion-body">{{ widget('tools_convert','faqs','answer_2') }}</div>
                    </div>
                </div>
            @endif
            @if (widget('tools_convert','faqs','question_3') && widget('tools_convert','faqs','answer_3'))
                <div class="accordion-item">
                    <h2 class="accordion-header">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-3" aria-expanded="false" aria-controls="flush-3">
                            {{ widget('tools_convert','faqs','question_3') }}
                        </button>
                    </h2>
                    <div id="flush-3" class="accordion-collapse collapse" data-bs-parent="#faqs">
                        <div class="accordion-body">{{ widget('tools_convert','faqs','answer_3') }}</div>
                    </div>
                </div>
            @endif
            @if (widget('tools_convert','faqs','question_4') && widget('tools_convert','faqs','answer_4'))
                <div class="accordion-item">
                    <h2 class="accordion-header">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-4" aria-expanded="false" aria-controls="flush-4">
                            {{ widget('tools_convert','faqs','question_4') }}
                        </button>
                    </h2>
                    <div id="flush-4" class="accordion-collapse collapse" data-bs-parent="#faqs">
                        <div class="accordion-body">{{ widget('tools_convert','faqs','answer_4') }}</div>
                    </div>
                </div>
            @endif
            @if (widget('tools_convert','faqs','question_5') && widget('tools_convert','faqs','answer_5'))
                <div class="accordion-item">
                    <h2 class="accordion-header">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-5" aria-expanded="false" aria-controls="flush-5">
                            {{ widget('tools_convert','faqs','question_5') }}
                        </button>
                    </h2>
                    <div id="flush-5" class="accordion-collapse collapse" data-bs-parent="#faqs">
                        <div class="accordion-body">{{ widget('tools_convert','faqs','answer_5') }}</div>
                    </div>
                </div>
            @endif
        </div>
    </div>
</section>