FAQ Sections

<!--Have question start-->
<section class="py-xl-9 py-5 bg-gray-100">
    <div class="container">
        <div class="row">
            <div class="col-lg-5 col-md-6">
                <div class="mb-7 mb-md-0 me-lg-7">
                    <div class="mb-4">
                        <h2 class="mb-3">Still have questions?</h2>
                        <p class="mb-0">We've answered a few FAQs to get you
                            started. But please don't hesitate to reach out
                            with more.</p>
                    </div>

                    <a href="#!" class="btn btn-outline-primary">Support
                        Team</a>
                    <span class="ms-3">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16"
                            height="16" fill="currentColor"
                            class="bi bi-telephone text-primary"
                            viewBox="0 0 16 16">
                            <path
                                d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
                        </svg>
                    </span>
                    <span class="ms-2 text-primary">(000) 123-4567</span>
                </div>
            </div>
            <div class="col-lg-7 col-md-6">
                <div class="pb-4 border-bottom">
                    <h4 class="mb-3">What is Block Event for developer?</h4>
                    <p class="mb-0">Pellentesque accumsan velit nec mi
                        viverra, bibendum pharetra risus dictum. In finibus
                        turpis at dui accumsan, a vehicula lectus pulvinar.
                    </p>
                </div>
                <div class="py-4 border-bottom">
                    <h4 class="mb-3">Will the sessions be recorded for
                        watching later?</h4>
                    <p class="mb-0">
                        Duis iaculis molestie ex, non vehicula nulla
                        tristique id. Etiam sed pellentesque est. Phasellus
                        magna mauris, bibendum a nisi et, vulputate volutpat
                        felis.
                    </p>
                </div>
                <div class="py-4 border-bottom">
                    <h4 class="mb-3">Will I receive a certificate of
                        attendance?</h4>
                    <p class="mb-0">Aenean id laoreet nunc, eget efficitur
                        ipsum. Curabitur eu luctus leo. Nullam eu neque
                        sollicitudin, maximus nulla et, mattis tortor.</p>
                </div>
                <div class="py-4 border-bottom">
                    <h4 class="mb-3">How do I pay for the conference?</h4>
                    <p class="mb-0">Pellentesque et nunc porta, vehicula
                        libero ut, accumsan elit. Sed vel ante dapibus,
                        fermentum purus eget, viverra leo.</p>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Have question end-->

 <!--asked question-->
<section class="mb-xl-9 mb-4">
    <div class="container">
        <div class="row">
            <div class="col-lg-10 offset-lg-1 col-md-12 col-12">
                <div class="text-center mb-7">
                    <h2>Frequently asked questions</h2>
                    <p class="mb-0">
                        Can’t find any answer for your question?
                        <br />
                        Ask our
                        <a href="#" class="text-primary">customer
                            support</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-10 offset-lg-1 col-md-12 col-12">
                <div class="accordion" id="accordionExample">
                    <div class="border mb-2 rounded-3 p-3">
                        <h2 class="h5 mb-0">
                            <a href="#"
                                class="text-reset d-flex justify-content-between align-items-center"
                                data-bs-toggle="collapse"
                                data-bs-target="#collapseOne"
                                aria-expanded="false"
                                aria-controls="collapseOne">
                                Can I trial block before paying?
                                <span class="chevron-arrow"><i
                                        class="bi bi-chevron-down"></i></span>
                            </a>
                        </h2>
                        <div id="collapseOne"
                            class="accordion-collapse collapse"
                            data-bs-parent="#accordionExample">
                            <div class="mt-3">
                                Lorem ipsum dolor sit amet, consectetur
                                adipisicing elit. Quae harum adipisci
                                possimus et. Iusto pariatur iste nam
                                incidunt ratione modi.
                            </div>
                        </div>
                    </div>

                    <div class="border mb-2 rounded-3 p-3">
                        <h2 class="h5 mb-0">
                            <a href="#"
                                class="text-reset d-flex justify-content-between align-items-center"
                                data-bs-toggle="collapse"
                                data-bs-target="#collapseTwo"
                                aria-expanded="true"
                                aria-controls="collapseTwo">
                                How are additional plan billed?
                                <span class="chevron-arrow"><i
                                        class="bi bi-chevron-down"></i></span>
                            </a>
                        </h2>
                        <div id="collapseTwo"
                            class="accordion-collapse collapse show"
                            data-bs-parent="#accordionExample">
                            <div class="mt-3">
                                Sed urna felis, dapibus quis leo nec, luctus
                                auctor augue. Nam gravida placerat sem vitae
                                rutrum. Integer accumsan, enim et facilisis
                                eleifend, ante ligula
                                ornare nulla, sed pharetra tortor diam eget
                                magna.
                            </div>
                        </div>
                    </div>
                    <div class="border mb-2 rounded-3 p-3">
                        <h2 class="h5 mb-0">
                            <a href="#"
                                class="text-reset d-flex justify-content-between align-items-center"
                                data-bs-toggle="collapse"
                                data-bs-target="#collapseThree"
                                aria-expanded="false"
                                aria-controls="collapseThree">
                                When should I change my plan?
                                <span class="chevron-arrow"><i
                                        class="bi bi-chevron-down"></i></span>
                            </a>
                        </h2>
                        <div id="collapseThree"
                            class="accordion-collapse collapse"
                            data-bs-parent="#accordionExample">
                            <div class="mt-3">
                                Lorem ipsum dolor sit, amet consectetur
                                adipisicing elit. Inventore tenetur cum
                                doloremque iusto molestiae. Minus beatae
                                quam cumque modi quidem asperiores
                                aliquam pariatur in iste.
                            </div>
                        </div>
                    </div>
                    <div class="border mb-2 rounded-3 p-3">
                        <h2 class="h5 mb-0">
                            <a href="#"
                                class="text-reset d-flex justify-content-between align-items-center"
                                data-bs-toggle="collapse"
                                data-bs-target="#collapseFour"
                                aria-expanded="false"
                                aria-controls="collapseFour">
                                What payment methods do you offer?
                                <span class="chevron-arrow"><i
                                        class="bi bi-chevron-down"></i></span>
                            </a>
                        </h2>
                        <div id="collapseFour"
                            class="accordion-collapse collapse"
                            data-bs-parent="#accordionExample">
                            <div class="mt-3">
                                Lorem ipsum dolor sit, amet consectetur
                                adipisicing elit. Inventore tenetur cum
                                doloremque iusto molestiae. Minus beatae
                                quam cumque modi quidem asperiores
                                aliquam pariatur in iste.
                            </div>
                        </div>
                    </div>
                    <div class="border mb-2 rounded-3 p-3">
                        <h2 class="h5 mb-0">
                            <a href="#"
                                class="text-reset d-flex justify-content-between align-items-center"
                                data-bs-toggle="collapse"
                                data-bs-target="#collapseFive"
                                aria-expanded="false"
                                aria-controls="collapseFive">
                                What is your refund policy?
                                <span class="chevron-arrow"><i
                                        class="bi bi-chevron-down"></i></span>
                            </a>
                        </h2>
                        <div id="collapseFive"
                            class="accordion-collapse collapse"
                            data-bs-parent="#accordionExample">
                            <div class="mt-3">
                                Lorem ipsum dolor sit, amet consectetur
                                adipisicing elit. Inventore tenetur cum
                                doloremque iusto molestiae. Minus beatae
                                quam cumque modi quidem asperiores
                                aliquam pariatur in iste.
                            </div>
                        </div>
                    </div>
                    <div class="border mb-2 rounded-3 p-3">
                        <h2 class="h5 mb-0">
                            <a href="#"
                                class="text-reset d-flex justify-content-between align-items-center"
                                data-bs-toggle="collapse"
                                data-bs-target="#collapseSix"
                                aria-expanded="false"
                                aria-controls="collapseSix">
                                How are paid plans billed when moving other
                                plan?
                                <span class="chevron-arrow"><i
                                        class="bi bi-chevron-down"></i></span>
                            </a>
                        </h2>
                        <div id="collapseSix"
                            class="accordion-collapse collapse"
                            data-bs-parent="#accordionExample">
                            <div class="mt-3">
                                Lorem ipsum dolor sit, amet consectetur
                                adipisicing elit. Inventore tenetur cum
                                doloremque iusto molestiae. Minus beatae
                                quam cumque modi quidem asperiores
                                aliquam pariatur in iste.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--asked question-->