<section id="faqs" class="faqs">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h1 id="faqs-heading" class="h2-header xxl-font fw-bold">Freehold Express Plan FAQs</h1>
</div>
<div class="row">
<div class="col-lg-12 pt-4 pt-lg-0 order-2 order-lg-1 content">
<div class="accordion" id="accordionExample">
<div class="accordion-item" v-for="faq in faqs">
<h2 class="accordion-header" id="heading-{{faq.faqOrder}}">
<button class="accordion-button" v-bind:class="{ 'collapsed' : faq.faqOrder != 1}" type="button" data-bs-toggle="collapse" :data-bs-target="`#collapse${faq.faqOrder}`" aria-expanded="true" aria-controls="collapse{{faq.faqOrder}}">
{{faq.faqOrder}}. {{faq.question}}
</button>
</h2>
<div :id="`collapse${faq.faqOrder}`" class="accordion-collapse collapse" v-bind:class="{ 'show' : faq.faqOrder == 1}" aria-labelledby="heading-{{faq.faqOrder}}" data-bs-parent="#accordionExample">
<div class="accordion-body">
{{faq.answer}}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
