Accordion

<div class="accordion" id="accordion">
    <div class="card">
        <h2 class="card-header" id="headingOne">
            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">01. Can i ask lawyer question for free?</button>
        </h2>
        <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordion">
            <div class="card-body">
                Various versions have evolved over the years, sometimes by accident, sometimes on purpose. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour
            </div>
        </div>
    </div>
    <div class="card">
        <h2 class="card-header" id="headingTwo">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">02. How does the consulting process work?</button>
        </h2>
        <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordion">
            <div class="card-body">
                Various versions have evolved over the years, sometimes by accident, sometimes on purpose. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour
            </div>
        </div>
    </div>
    <div class="card">
        <h2 class="card-header" id="headingThree">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">03. Do you give the free lawyer services?</button>
        </h2>
        <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordion">
            <div class="card-body">
                Various versions have evolved over the years, sometimes by accident, sometimes on purpose. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour
            </div>
        </div>
    </div>
    <div class="card">
        <h2 class="card-header" id="headingFour">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="true" aria-controls="collapseFour">04. What happens when my permit terminates?</button>
        </h2>
        <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordion">
            <div class="card-body">
                Various versions have evolved over the years, sometimes by accident, sometimes on purpose. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour
            </div>
        </div>
    </div>
    <div class="card">
        <h2 class="card-header" id="headingFive">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="true" aria-controls="collapseFive">05. I need to realize what is thoughtful case?</button>
        </h2>
        <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#accordion">
            <div class="card-body">
                Various versions have evolved over the years, sometimes by accident, sometimes on purpose. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour
            </div>
        </div>
    </div>
</div>