Accordions

Accordion Style 1

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores. 
                            
<section class="accordion elements-page">
    <div class="container">
        <div class="accordion-block">

        <div id="accordion1" class="accordion1">
                        <div class="content">
                            <div class="main-content">
                                <a class="icon" data-bs-toggle="collapse" href="#accordion1-1" role="button" aria-expanded="false" aria-controls="accordion1-1">
                                    <h4>How to edit the listing details with location ?</h4>
                                    <i>
                                        <svg class="svg-minus" xmlns="http://www.w3.org/2000/svg" width="150" height="75" viewBox="0 0 150 75">
                                            <path data-name="Path 39280" d="M.527,73.734,72.008.528A1.735,1.735,0,0,1,73.921.136,1.777,1.777,0,0,1,75,1.774V21.937a1.688,1.688,0,0,1-.521,1.247L23.866,75.019l50.609,51.8A1.834,1.834,0,0,1,75,128.063v20.163a1.775,1.775,0,0,1-1.079,1.639,1.679,1.679,0,0,1-1.877-.392L.522,76.227A1.81,1.81,0,0,1,0,74.98a1.749,1.749,0,0,1,.522-1.247Z" transform="translate(150) rotate(90)" fill="#111"></path>
                                        </svg>
                                        <svg class="svg-plus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="75" viewBox="0 0 150 75">
                                            <path data-name="Path 39277" d="M.527,76.266l71.48,73.207a1.735,1.735,0,0,0,1.913.392A1.777,1.777,0,0,0,75,148.226V128.063a1.688,1.688,0,0,0-.521-1.247L23.866,74.981l50.609-51.8A1.834,1.834,0,0,0,75,21.937V1.775A1.775,1.775,0,0,0,73.917.136,1.679,1.679,0,0,0,72.04.528L.522,73.773A1.81,1.81,0,0,0,0,75.02a1.749,1.749,0,0,0,.522,1.247Z" transform="translate(0 75) rotate(-90)" fill="#111"></path>
                                        </svg>
                                    </i>
                                </a>
                            </div>
                            <div class="sub-content collapse show" id="accordion1-1" data-bs-parent="#accordion1">
                                <div class="card card-body">
                                    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.
                                </div>
                            </div>
                        </div>
                        <div class="content">
                            <div class="main-content">
                                <a class="icon collapsed" data-bs-toggle="collapse" href="#accordion1-2" role="button" aria-expanded="false" aria-controls="accordion1-2">
                                    <h4>How to edit the listing details with location ?</h4>
                                    <i>
                                        <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="75" viewBox="0 0 150 75">
                                            <path data-name="Path 39280" d="M.527,73.734,72.008.528A1.735,1.735,0,0,1,73.921.136,1.777,1.777,0,0,1,75,1.774V21.937a1.688,1.688,0,0,1-.521,1.247L23.866,75.019l50.609,51.8A1.834,1.834,0,0,1,75,128.063v20.163a1.775,1.775,0,0,1-1.079,1.639,1.679,1.679,0,0,1-1.877-.392L.522,76.227A1.81,1.81,0,0,1,0,74.98a1.749,1.749,0,0,1,.522-1.247Z" transform="translate(150) rotate(90)" fill="#111"></path>
                                        </svg>
                                        <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" width="150" height="75" viewBox="0 0 150 75">
                                            <path data-name="Path 39277" d="M.527,76.266l71.48,73.207a1.735,1.735,0,0,0,1.913.392A1.777,1.777,0,0,0,75,148.226V128.063a1.688,1.688,0,0,0-.521-1.247L23.866,74.981l50.609-51.8A1.834,1.834,0,0,0,75,21.937V1.775A1.775,1.775,0,0,0,73.917.136,1.679,1.679,0,0,0,72.04.528L.522,73.773A1.81,1.81,0,0,0,0,75.02a1.749,1.749,0,0,0,.522,1.247Z" transform="translate(0 75) rotate(-90)" fill="#111"></path>
                                        </svg>
                                    </i>
                                </a>
                            </div>
                            <div class="sub-content collapse" id="accordion1-2" data-bs-parent="#accordion1">
                                <div class="card card-body">
                                    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.
                                </div>
                            </div>
                        </div>
                        <div class="content">
                            <div class="main-content">
                                <a class="icon collapsed" data-bs-toggle="collapse" href="#accordion1-3" role="button" aria-expanded="false" aria-controls="accordion1-3">
                                    <h4>How to edit the listing details with location ?</h4>
                                    <i>
                                        <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="75" viewBox="0 0 150 75">
                                            <path data-name="Path 39280" d="M.527,73.734,72.008.528A1.735,1.735,0,0,1,73.921.136,1.777,1.777,0,0,1,75,1.774V21.937a1.688,1.688,0,0,1-.521,1.247L23.866,75.019l50.609,51.8A1.834,1.834,0,0,1,75,128.063v20.163a1.775,1.775,0,0,1-1.079,1.639,1.679,1.679,0,0,1-1.877-.392L.522,76.227A1.81,1.81,0,0,1,0,74.98a1.749,1.749,0,0,1,.522-1.247Z" transform="translate(150) rotate(90)" fill="#111"></path>
                                        </svg>
                                        <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" width="150" height="75" viewBox="0 0 150 75">
                                            <path data-name="Path 39277" d="M.527,76.266l71.48,73.207a1.735,1.735,0,0,0,1.913.392A1.777,1.777,0,0,0,75,148.226V128.063a1.688,1.688,0,0,0-.521-1.247L23.866,74.981l50.609-51.8A1.834,1.834,0,0,0,75,21.937V1.775A1.775,1.775,0,0,0,73.917.136,1.679,1.679,0,0,0,72.04.528L.522,73.773A1.81,1.81,0,0,0,0,75.02a1.749,1.749,0,0,0,.522,1.247Z" transform="translate(0 75) rotate(-90)" fill="#111"></path>
                                        </svg>
                                    </i>
                                </a>
                            </div>
                            <div class="sub-content collapse" id="accordion1-3" data-bs-parent="#accordion1">
                                <div class="card card-body">
                                    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.
                                </div>
                            </div>
                        </div>
                    </div>

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

Accordion Style 2

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores. 
                            
<section class="accordion elements-page">
    <div class="container">
        <div class="accordion-block">

            <div id="accordion2" class="accordion2">
                <div class="content">
                    <div class="main-content">
                        <a class="icon" data-bs-toggle="collapse" href="#accordion2-1" role="button" aria-expanded="false" aria-controls="accordion2-1">
                            <h4>How to edit the listing details with location ?</h4>
                            <i>
                                <svg class="svg-minus" xmlns="http://www.w3.org/2000/svg" width="150" height="75" viewBox="0 0 150 75">
                                    <path data-name="Path 39280" d="M.527,73.734,72.008.528A1.735,1.735,0,0,1,73.921.136,1.777,1.777,0,0,1,75,1.774V21.937a1.688,1.688,0,0,1-.521,1.247L23.866,75.019l50.609,51.8A1.834,1.834,0,0,1,75,128.063v20.163a1.775,1.775,0,0,1-1.079,1.639,1.679,1.679,0,0,1-1.877-.392L.522,76.227A1.81,1.81,0,0,1,0,74.98a1.749,1.749,0,0,1,.522-1.247Z" transform="translate(150) rotate(90)" fill="#111"></path>
                                </svg>
                                <svg class="svg-plus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="75" viewBox="0 0 150 75">
                                    <path data-name="Path 39277" d="M.527,76.266l71.48,73.207a1.735,1.735,0,0,0,1.913.392A1.777,1.777,0,0,0,75,148.226V128.063a1.688,1.688,0,0,0-.521-1.247L23.866,74.981l50.609-51.8A1.834,1.834,0,0,0,75,21.937V1.775A1.775,1.775,0,0,0,73.917.136,1.679,1.679,0,0,0,72.04.528L.522,73.773A1.81,1.81,0,0,0,0,75.02a1.749,1.749,0,0,0,.522,1.247Z" transform="translate(0 75) rotate(-90)" fill="#111"></path>
                                </svg>
                            </i>
                        </a>
                    </div>
                    <div class="sub-content collapse show" id="accordion2-1" data-bs-parent="#accordion2">
                        <div class="card card-body">
                            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="main-content">
                        <a class="icon collapsed" data-bs-toggle="collapse" href="#accordion2-2" role="button" aria-expanded="false" aria-controls="accordion2-2">
                            <h4>How to edit the listing details with location ?</h4>
                            <i>
                                <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="75" viewBox="0 0 150 75">
                                    <path data-name="Path 39280" d="M.527,73.734,72.008.528A1.735,1.735,0,0,1,73.921.136,1.777,1.777,0,0,1,75,1.774V21.937a1.688,1.688,0,0,1-.521,1.247L23.866,75.019l50.609,51.8A1.834,1.834,0,0,1,75,128.063v20.163a1.775,1.775,0,0,1-1.079,1.639,1.679,1.679,0,0,1-1.877-.392L.522,76.227A1.81,1.81,0,0,1,0,74.98a1.749,1.749,0,0,1,.522-1.247Z" transform="translate(150) rotate(90)" fill="#111"></path>
                                </svg>
                                <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" width="150" height="75" viewBox="0 0 150 75">
                                    <path data-name="Path 39277" d="M.527,76.266l71.48,73.207a1.735,1.735,0,0,0,1.913.392A1.777,1.777,0,0,0,75,148.226V128.063a1.688,1.688,0,0,0-.521-1.247L23.866,74.981l50.609-51.8A1.834,1.834,0,0,0,75,21.937V1.775A1.775,1.775,0,0,0,73.917.136,1.679,1.679,0,0,0,72.04.528L.522,73.773A1.81,1.81,0,0,0,0,75.02a1.749,1.749,0,0,0,.522,1.247Z" transform="translate(0 75) rotate(-90)" fill="#111"></path>
                                </svg>
                            </i>
                        </a>
                    </div>
                    <div class="sub-content collapse" id="accordion2-2" data-bs-parent="#accordion2">
                        <div class="card card-body">
                            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="main-content">
                        <a class="icon collapsed" data-bs-toggle="collapse" href="#accordion2-3" role="button" aria-expanded="false" aria-controls="accordion2-3">
                            <h4>How to edit the listing details with location ?</h4>
                            <i>
                                <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="75" viewBox="0 0 150 75">
                                    <path data-name="Path 39280" d="M.527,73.734,72.008.528A1.735,1.735,0,0,1,73.921.136,1.777,1.777,0,0,1,75,1.774V21.937a1.688,1.688,0,0,1-.521,1.247L23.866,75.019l50.609,51.8A1.834,1.834,0,0,1,75,128.063v20.163a1.775,1.775,0,0,1-1.079,1.639,1.679,1.679,0,0,1-1.877-.392L.522,76.227A1.81,1.81,0,0,1,0,74.98a1.749,1.749,0,0,1,.522-1.247Z" transform="translate(150) rotate(90)" fill="#111"></path>
                                </svg>
                                <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" width="150" height="75" viewBox="0 0 150 75">
                                    <path data-name="Path 39277" d="M.527,76.266l71.48,73.207a1.735,1.735,0,0,0,1.913.392A1.777,1.777,0,0,0,75,148.226V128.063a1.688,1.688,0,0,0-.521-1.247L23.866,74.981l50.609-51.8A1.834,1.834,0,0,0,75,21.937V1.775A1.775,1.775,0,0,0,73.917.136,1.679,1.679,0,0,0,72.04.528L.522,73.773A1.81,1.81,0,0,0,0,75.02a1.749,1.749,0,0,0,.522,1.247Z" transform="translate(0 75) rotate(-90)" fill="#111"></path>
                                </svg>
                            </i>
                        </a>
                    </div>
                    <div class="sub-content collapse" id="accordion2-3" data-bs-parent="#accordion2">
                        <div class="card card-body">
                            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.
                        </div>
                    </div>
                </div>
            </div>

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

Accordion Style 3

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores. 
                            
<section class="accordion elements-page">
    <div class="container">
        <div class="accordion-block">

            <div id="accordion3" class="accordion3">
                <div class="content">
                    <div class="main-content">
                        <a class="icon" data-bs-toggle="collapse" href="#accordion3-1" role="button" aria-expanded="false" aria-controls="accordion3-1">
                            <h4>How to edit the listing details with location ?</h4>
                            <i>
                                <svg class="svg-minus" xmlns="http://www.w3.org/2000/svg" width="150" height="75" viewBox="0 0 150 75">
                                    <path data-name="Path 39280" d="M.527,73.734,72.008.528A1.735,1.735,0,0,1,73.921.136,1.777,1.777,0,0,1,75,1.774V21.937a1.688,1.688,0,0,1-.521,1.247L23.866,75.019l50.609,51.8A1.834,1.834,0,0,1,75,128.063v20.163a1.775,1.775,0,0,1-1.079,1.639,1.679,1.679,0,0,1-1.877-.392L.522,76.227A1.81,1.81,0,0,1,0,74.98a1.749,1.749,0,0,1,.522-1.247Z" transform="translate(150) rotate(90)" fill="#111"></path>
                                </svg>
                                <svg class="svg-plus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="75" viewBox="0 0 150 75">
                                    <path data-name="Path 39277" d="M.527,76.266l71.48,73.207a1.735,1.735,0,0,0,1.913.392A1.777,1.777,0,0,0,75,148.226V128.063a1.688,1.688,0,0,0-.521-1.247L23.866,74.981l50.609-51.8A1.834,1.834,0,0,0,75,21.937V1.775A1.775,1.775,0,0,0,73.917.136,1.679,1.679,0,0,0,72.04.528L.522,73.773A1.81,1.81,0,0,0,0,75.02a1.749,1.749,0,0,0,.522,1.247Z" transform="translate(0 75) rotate(-90)" fill="#111"></path>
                                </svg>
                            </i>
                        </a>
                    </div>
                    <div class="sub-content collapse show" id="accordion3-1" data-bs-parent="#accordion3">
                        <div class="card card-body">
                            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="main-content">
                        <a class="icon collapsed" data-bs-toggle="collapse" href="#accordion3-2" role="button" aria-expanded="false" aria-controls="accordion3-2">
                            <h4>How to edit the listing details with location ?</h4>
                            <i>
                                <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="75" viewBox="0 0 150 75">
                                    <path data-name="Path 39280" d="M.527,73.734,72.008.528A1.735,1.735,0,0,1,73.921.136,1.777,1.777,0,0,1,75,1.774V21.937a1.688,1.688,0,0,1-.521,1.247L23.866,75.019l50.609,51.8A1.834,1.834,0,0,1,75,128.063v20.163a1.775,1.775,0,0,1-1.079,1.639,1.679,1.679,0,0,1-1.877-.392L.522,76.227A1.81,1.81,0,0,1,0,74.98a1.749,1.749,0,0,1,.522-1.247Z" transform="translate(150) rotate(90)" fill="#111"></path>
                                </svg>
                                <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" width="150" height="75" viewBox="0 0 150 75">
                                    <path data-name="Path 39277" d="M.527,76.266l71.48,73.207a1.735,1.735,0,0,0,1.913.392A1.777,1.777,0,0,0,75,148.226V128.063a1.688,1.688,0,0,0-.521-1.247L23.866,74.981l50.609-51.8A1.834,1.834,0,0,0,75,21.937V1.775A1.775,1.775,0,0,0,73.917.136,1.679,1.679,0,0,0,72.04.528L.522,73.773A1.81,1.81,0,0,0,0,75.02a1.749,1.749,0,0,0,.522,1.247Z" transform="translate(0 75) rotate(-90)" fill="#111"></path>
                                </svg>
                            </i>
                        </a>
                    </div>
                    <div class="sub-content collapse" id="accordion3-2" data-bs-parent="#accordion3">
                        <div class="card card-body">
                            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="main-content">
                        <a class="icon collapsed" data-bs-toggle="collapse" href="#accordion3-3" role="button" aria-expanded="false" aria-controls="accordion3-3">
                            <h4>How to edit the listing details with location ?</h4>
                            <i>
                                <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="75" viewBox="0 0 150 75">
                                    <path data-name="Path 39280" d="M.527,73.734,72.008.528A1.735,1.735,0,0,1,73.921.136,1.777,1.777,0,0,1,75,1.774V21.937a1.688,1.688,0,0,1-.521,1.247L23.866,75.019l50.609,51.8A1.834,1.834,0,0,1,75,128.063v20.163a1.775,1.775,0,0,1-1.079,1.639,1.679,1.679,0,0,1-1.877-.392L.522,76.227A1.81,1.81,0,0,1,0,74.98a1.749,1.749,0,0,1,.522-1.247Z" transform="translate(150) rotate(90)" fill="#111"></path>
                                </svg>
                                <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" width="150" height="75" viewBox="0 0 150 75">
                                    <path data-name="Path 39277" d="M.527,76.266l71.48,73.207a1.735,1.735,0,0,0,1.913.392A1.777,1.777,0,0,0,75,148.226V128.063a1.688,1.688,0,0,0-.521-1.247L23.866,74.981l50.609-51.8A1.834,1.834,0,0,0,75,21.937V1.775A1.775,1.775,0,0,0,73.917.136,1.679,1.679,0,0,0,72.04.528L.522,73.773A1.81,1.81,0,0,0,0,75.02a1.749,1.749,0,0,0,.522,1.247Z" transform="translate(0 75) rotate(-90)" fill="#111"></path>
                                </svg>
                            </i>
                        </a>
                    </div>
                    <div class="sub-content collapse" id="accordion3-3" data-bs-parent="#accordion3">
                        <div class="card card-body">
                            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores.
                        </div>
                    </div>
                </div>
            </div>

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