Ex.

<div class="accordion" id="buyingquestion">
    <div class="accordion-item rounded">
        <h2 class="accordion-header" id="headingOne">
            <button class="accordion-button border-0 bg-light" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne"
                aria-expanded="true" aria-controls="collapseOne">
                How does it work ?
            </button>
        </h2>
        <div id="collapseOne" class="accordion-collapse border-0 collapse show" aria-labelledby="headingOne"
            data-bs-parent="#buyingquestion">
            <div class="accordion-body text-muted">
                There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.
            </div>
        </div>
    </div>
    
    <div class="accordion-item rounded mt-2">
        <h2 class="accordion-header" id="headingTwo">
            <button class="accordion-button border-0 bg-light collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo"
                aria-expanded="false" aria-controls="collapseTwo">
                Do I need a designer to use Landrick ?
            </button>
        </h2>
        <div id="collapseTwo" class="accordion-collapse border-0 collapse" aria-labelledby="headingTwo"
            data-bs-parent="#buyingquestion">
            <div class="accordion-body text-muted">
                There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.
            </div>
        </div>
    </div>
</div>