<div class="faq_section">
    <div class="container">

        <div class="title3">
            <div class="title-inner3">FAQs</div>
            <div class="line"></div>
        </div>
        <div class="clearfix"></div>
        <div class="row justify-content-center">
            <div class="col-lg-10 col-12">
                <div class="accordion" id="accordionExample">
                    <?php $i = 1;
                    $faq_sql = mysqli_query($GLOBALS['dbconn'], "select * from faq_tbl  order by slno ASC");
                    while ($faq_res = mysqli_fetch_array($faq_sql)) { ?>
                        <div class="accordion-item wow fadeInLeft" data-wow-delay=".<?= $i; ?>s">
                            <div class="accordion-header" id="heading_<?= $faq_res['slno']; ?>">
                                <span class="accordion-button <?= $i == 1 ? '' : 'collapsed'; ?>" role="button" data-bs-toggle="collapse" data-bs-target="#faq_<?= $faq_res['slno']; ?>" aria-expanded="true" aria-controls="heading_<?= $faq_res['slno']; ?>"><?= $faq_res['question']; ?>
                                </span>
                            </div>
                            <div id="faq_<?= $faq_res['slno']; ?>" class="accordion-collapse <?= $i == 1 ? 'in' : ''; ?> collapse <?= $i == 1 ? 'show' : ''; ?>" aria-labelledby="heading_<?= $faq_res['slno']; ?>" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    <p><?= $faq_res['answer']; ?></p>
                                </div>
                            </div>
                        </div>
                    <?php $i++;
                    } ?>

                </div>
            </div>
        </div>
    </div>

</div>