<div class="faq-section">
    <div class="accordion" id="faq-ask-questions">
        @foreach ($faqs as $index => $faq)
            <div class="accordion-item">
                <div class="accordion-header" id="heading{{ $index }}">
                    <a class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse{{ $index }}" aria-expanded="true" aria-controls="collapse{{ $index }}">
                        {{ $faq->Question }}
                    </a>
                </div>
                <div id="collapse{{ $index }}" class="accordion-collapse collapse" aria-labelledby="heading{{ $index }}" data-bs-parent="#faq-ask-questions">
                    <div class="accordion-body">
                        {!! $faq->Answer !!}
                    </div>
                </div>
            </div>
        @endforeach
    </div>
</div>