Accordion

Lemon drops chocolate cake gummies carrot cake chupa chups muffin topping. Sesame snaps icing marzipan gummi bears macaroon dragée danish caramels powder. Bear claw dragée pastry topping soufflé. Wafer gummi bears marshmallow pastry pie.

Dessert ice cream donut oat cake jelly-o pie sugar plum cheesecake. Bear claw dragée oat cake dragée ice cream halvah tootsie roll. Danish cake oat cake pie macaroon tart donut gummies. Jelly beans candy canes carrot cake. Fruitcake chocolate chupa chups.

Oat cake toffee chocolate bar jujubes. Marshmallow brownie lemon drops cheesecake. Bonbon gingerbread marshmallow sweet jelly beans muffin. Sweet roll bear claw candy canes oat cake dragée caramels. Ice cream wafer danish cookie caramels muffin.
Accordion – Code View
        
<!-- Cards with few info -->
<div class="row g-6 mb-6">
    <!-- single card  -->
    <div class="col-12">
        <div class="card">
            <div class="card-widget-separator-wrapper">
                <div class="card-body card-widget-separator">
                    <div class="row gy-4 gy-sm-1">
                        <div class="col-sm-6 col-lg-3">
                            <div class="d-flex justify-content-between align-items-center card-widget-1 border-end pb-4 pb-sm-0">
                                <div>
                                    <h4 class="mb-0">24</h4>
                                    <p class="mb-0">Clients</p>
                                </div>
                                <div class="avatar me-sm-6">
                                    <span class="avatar-initial rounded bg-label-secondary text-heading">
                                        <i class="icon-base bx bx-user icon-26px"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <!-- more cards here (same as your dashboard markup) -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /Cards with few info -->
            <!-- Accordion Example -->
<div class="row g-6">
    <div class="col-md">
        <div class="accordion mt-4" id="accordionExample">
            <div class="accordion-item active">
                <h2 class="accordion-header" id="headingOne">
                    <button type="button"
                            class="accordion-button"
                            data-bs-toggle="collapse"
                            data-bs-target="#accordionOne"
                            aria-expanded="true"
                            aria-controls="accordionOne">
                        Accordion Item 1
                    </button>
                </h2>
                <div id="accordionOne"
                     class="accordion-collapse collapse show"
                     data-bs-parent="#accordionExample">
                    <div class="accordion-body">
                        Lemon drops chocolate cake gummies carrot cake chupa chups muffin topping.
                    </div>
                </div>
            </div>
            <div class="accordion-item">
                <h2 class="accordion-header" id="headingTwo">
                    <button type="button"
                            class="accordion-button collapsed"
                            data-bs-toggle="collapse"
                            data-bs-target="#accordionTwo"
                            aria-expanded="false"
                            aria-controls="accordionTwo">
                        Accordion Item 2
                    </button>
                </h2>
                <div id="accordionTwo"
                     class="accordion-collapse collapse"
                     data-bs-parent="#accordionExample">
                    <div class="accordion-body">
                        Dessert ice cream donut oat cake jelly-o pie sugar plum cheesecake.
                    </div>
                </div>
            </div>
            <div class="accordion-item">
                <h2 class="accordion-header" id="headingThree">
                    <button type="button"
                            class="accordion-button collapsed"
                            data-bs-toggle="collapse"
                            data-bs-target="#accordionThree"
                            aria-expanded="false"
                            aria-controls="accordionThree">
                        Accordion Item 3
                    </button>
                </h2>
                <div id="accordionThree"
                     class="accordion-collapse collapse"
                     data-bs-parent="#accordionExample">
                    <div class="accordion-body">
                        Oat cake toffee chocolate bar jujubes.
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /Accordion Example -->