Accordion | Biz Pro

Accordion Style 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt?

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo invent ore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur autiu odit aut fugit, sed quia consequuntur magni dolores eos qui ratione.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id?

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis?

Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus?

                                
<section class="accordion-block-area">
    <div class="container">
        <div class="accordion">
            <div class="acco-style1 ">
                <h2>Accordion Title</h2>
                <div id="accordion1">
                    <div class="content1">
                        <div class="main-content">
                            <a class="icon" data-bs-toggle="collapse" href="#multiCollapseExample1" role="button" aria-expanded="false" aria-controls="multiCollapseExample1">
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt?</p>
                                <i>
                                    <svg class="svg-minus" xmlns="http://www.w3.org/2000/svg" width="150" height="25" viewBox="0 0 150 25">
                                        <path d="M290,257.5A12.5,12.5,0,0,1,277.5,270h-125a12.5,12.5,0,0,1,0-25h125A12.5,12.5,0,0,1,290,257.5Z" transform="translate(-140 -245)" fill="#111"/>
                                    </svg>
                                    <svg class="svg-plus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                        <path data-name="Path 39008" d="M296.2,151.2a9.784,9.784,0,0,0-9.783,9.783v55.434H230.982a9.783,9.783,0,1,0,0,19.566h55.434v55.434a9.783,9.783,0,0,0,19.566,0V235.983h55.434a9.783,9.783,0,1,0,0-19.566H305.982V160.983A9.783,9.783,0,0,0,296.2,151.2Z" transform="translate(-221.199 -151.2)" fill="#111"/>
                                    </svg>
                                </i>
                            </a>
                        </div>
                        <div class="sub-content collapse show" id="multiCollapseExample1" 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 invent ore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur autiu odit aut fugit, sed quia consequuntur magni dolores eos qui ratione. 
                            </div>
                        </div>
                    </div>
                    <div class="content1">
                        <div class="main-content">
                            <a class="icon" data-bs-toggle="collapse" href="#multiCollapseExample2" role="button" aria-expanded="false" aria-controls="multiCollapseExample2">
                                <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id?</p>
                                <i>
                                    <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="25" viewBox="0 0 150 25">
                                        <path d="M290,257.5A12.5,12.5,0,0,1,277.5,270h-125a12.5,12.5,0,0,1,0-25h125A12.5,12.5,0,0,1,290,257.5Z" transform="translate(-140 -245)" fill="#111"/>
                                    </svg>
                                    <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                        <path data-name="Path 39008" d="M296.2,151.2a9.784,9.784,0,0,0-9.783,9.783v55.434H230.982a9.783,9.783,0,1,0,0,19.566h55.434v55.434a9.783,9.783,0,0,0,19.566,0V235.983h55.434a9.783,9.783,0,1,0,0-19.566H305.982V160.983A9.783,9.783,0,0,0,296.2,151.2Z" transform="translate(-221.199 -151.2)" fill="#111"/>
                                    </svg>
                                </i>
                            </a>
                        </div>
                        <div class="sub-content collapse" id="multiCollapseExample2" 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 invent ore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur autiu odit aut fugit, sed quia consequuntur magni dolores eos qui ratione. 
                            </div>
                        </div>
                    </div>
                    <div class="content1">
                        <div class="main-content">
                            <a class="icon" data-bs-toggle="collapse" href="#multiCollapseExample3" role="button" aria-expanded="false" aria-controls="multiCollapseExample3">
                                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis?</p>
                                <i>
                                    <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="25" viewBox="0 0 150 25">
                                        <path d="M290,257.5A12.5,12.5,0,0,1,277.5,270h-125a12.5,12.5,0,0,1,0-25h125A12.5,12.5,0,0,1,290,257.5Z" transform="translate(-140 -245)" fill="#111"/>
                                    </svg>
                                    <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                        <path data-name="Path 39008" d="M296.2,151.2a9.784,9.784,0,0,0-9.783,9.783v55.434H230.982a9.783,9.783,0,1,0,0,19.566h55.434v55.434a9.783,9.783,0,0,0,19.566,0V235.983h55.434a9.783,9.783,0,1,0,0-19.566H305.982V160.983A9.783,9.783,0,0,0,296.2,151.2Z" transform="translate(-221.199 -151.2)" fill="#111"/>
                                    </svg>
                                </i>
                            </a>
                        </div>
                        <div class="sub-content collapse" id="multiCollapseExample3" 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 invent ore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur autiu odit aut fugit, sed quia consequuntur magni dolores eos qui ratione. 
                            </div>
                        </div>
                    </div>
                    <div class="content1 mb-0">
                        <div class="main-content">
                            <a class="icon" data-bs-toggle="collapse" href="#multiCollapseExample4" role="button" aria-expanded="false" aria-controls="multiCollapseExample4">
                                <p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus?</p>
                                <i>
                                    <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="25" viewBox="0 0 150 25">
                                        <path d="M290,257.5A12.5,12.5,0,0,1,277.5,270h-125a12.5,12.5,0,0,1,0-25h125A12.5,12.5,0,0,1,290,257.5Z" transform="translate(-140 -245)" fill="#111"/>
                                    </svg>
                                    <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                        <path data-name="Path 39008" d="M296.2,151.2a9.784,9.784,0,0,0-9.783,9.783v55.434H230.982a9.783,9.783,0,1,0,0,19.566h55.434v55.434a9.783,9.783,0,0,0,19.566,0V235.983h55.434a9.783,9.783,0,1,0,0-19.566H305.982V160.983A9.783,9.783,0,0,0,296.2,151.2Z" transform="translate(-221.199 -151.2)" fill="#111"/>
                                    </svg>
                                </i>
                            </a>
                        </div>
                        <div class="sub-content collapse" id="multiCollapseExample4" 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 invent ore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur autiu odit aut fugit, sed quia consequuntur magni dolores eos qui ratione. 
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

Accordion Style 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt?

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae illo invent ore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id?

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis?

Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus?

                                
<section class="accordion-block-area">
    <div class="container">
        <div class="accordion">
            <div class="acco-style2 ">
                <h2>Accordion Title</h2>
                <div id="accordion2">
                    <div class="content3">
                        <div class="main-content">
                            <a class="icon" data-bs-toggle="collapse" href="#multiCollapseExample9" role="button" aria-expanded="false" aria-controls="multiCollapseExample1">
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt?</p>
                                <i>
                                    <svg class="svg-minus" xmlns="http://www.w3.org/2000/svg" width="150" height="25" viewBox="0 0 150 25">
                                        <path d="M290,257.5A12.5,12.5,0,0,1,277.5,270h-125a12.5,12.5,0,0,1,0-25h125A12.5,12.5,0,0,1,290,257.5Z" transform="translate(-140 -245)" fill="#111"/>
                                    </svg>
                                    <svg class="svg-plus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                        <path data-name="Path 39008" d="M296.2,151.2a9.784,9.784,0,0,0-9.783,9.783v55.434H230.982a9.783,9.783,0,1,0,0,19.566h55.434v55.434a9.783,9.783,0,0,0,19.566,0V235.983h55.434a9.783,9.783,0,1,0,0-19.566H305.982V160.983A9.783,9.783,0,0,0,296.2,151.2Z" transform="translate(-221.199 -151.2)" fill="#111"/>
                                    </svg>
                                </i>
                            </a>
                        </div>
                        <div class="sub-content collapse show" id="multiCollapseExample9" 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 illo invent ore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit. 
                            </div>
                        </div>
                    </div>
                    <div class="content3">
                        <div class="main-content">
                            <a class="icon" data-bs-toggle="collapse" href="#multiCollapseExample10" role="button" aria-expanded="false" aria-controls="multiCollapseExample2">
                                <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id?</p>
                                <i>
                                    <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="25" viewBox="0 0 150 25">
                                        <path d="M290,257.5A12.5,12.5,0,0,1,277.5,270h-125a12.5,12.5,0,0,1,0-25h125A12.5,12.5,0,0,1,290,257.5Z" transform="translate(-140 -245)" fill="#111"/>
                                    </svg>
                                    <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                        <path data-name="Path 39008" d="M296.2,151.2a9.784,9.784,0,0,0-9.783,9.783v55.434H230.982a9.783,9.783,0,1,0,0,19.566h55.434v55.434a9.783,9.783,0,0,0,19.566,0V235.983h55.434a9.783,9.783,0,1,0,0-19.566H305.982V160.983A9.783,9.783,0,0,0,296.2,151.2Z" transform="translate(-221.199 -151.2)" fill="#111"/>
                                    </svg>
                                </i>
                            </a>
                        </div>
                        <div class="sub-content collapse" id="multiCollapseExample10" 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 illo invent ore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit. 
                            </div>
                        </div>
                    </div>
                    <div class="content3">
                        <div class="main-content">
                            <a class="icon" data-bs-toggle="collapse" href="#multiCollapseExample11" role="button" aria-expanded="false" aria-controls="multiCollapseExample3">
                                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis?</p>
                                <i>
                                    <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="25" viewBox="0 0 150 25">
                                        <path d="M290,257.5A12.5,12.5,0,0,1,277.5,270h-125a12.5,12.5,0,0,1,0-25h125A12.5,12.5,0,0,1,290,257.5Z" transform="translate(-140 -245)" fill="#111"/>
                                    </svg>
                                    <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                        <path data-name="Path 39008" d="M296.2,151.2a9.784,9.784,0,0,0-9.783,9.783v55.434H230.982a9.783,9.783,0,1,0,0,19.566h55.434v55.434a9.783,9.783,0,0,0,19.566,0V235.983h55.434a9.783,9.783,0,1,0,0-19.566H305.982V160.983A9.783,9.783,0,0,0,296.2,151.2Z" transform="translate(-221.199 -151.2)" fill="#111"/>
                                    </svg>
                                </i>
                            </a>
                        </div>
                        <div class="sub-content collapse" id="multiCollapseExample11" 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 illo invent ore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit. 
                            </div>
                        </div>
                    </div>
                    <div class="content3">
                        <div class="main-content">
                            <a class="icon" data-bs-toggle="collapse" href="#multiCollapseExample12" role="button" aria-expanded="false" aria-controls="multiCollapseExample4">
                                <p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus?</p>
                                <i>
                                    <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="25" viewBox="0 0 150 25">
                                        <path d="M290,257.5A12.5,12.5,0,0,1,277.5,270h-125a12.5,12.5,0,0,1,0-25h125A12.5,12.5,0,0,1,290,257.5Z" transform="translate(-140 -245)" fill="#111"/>
                                    </svg>
                                    <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                        <path data-name="Path 39008" d="M296.2,151.2a9.784,9.784,0,0,0-9.783,9.783v55.434H230.982a9.783,9.783,0,1,0,0,19.566h55.434v55.434a9.783,9.783,0,0,0,19.566,0V235.983h55.434a9.783,9.783,0,1,0,0-19.566H305.982V160.983A9.783,9.783,0,0,0,296.2,151.2Z" transform="translate(-221.199 -151.2)" fill="#111"/>
                                    </svg>
                                </i>
                            </a>
                        </div>
                        <div class="sub-content collapse" id="multiCollapseExample12" 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 illo invent ore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit. 
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

Accordion Style 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt?

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id?

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis?

Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus?

                                
<section class="accordion-block-area">
    <div class="container">
        <div class="accordion">
            <div class="acco-style3 ">
                <h2>Accordion Title</h2>
                <div id="accordion3">
                    <div class="content2">
                        <div class="main-content">
                            <a class="icon" data-bs-toggle="collapse" href="#multiCollapseExample5" role="button" aria-expanded="false" aria-controls="multiCollapseExample1">
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt?</p>
                                <i>
                                    <svg class="svg-minus" xmlns="http://www.w3.org/2000/svg" width="150" height="25" viewBox="0 0 150 25">
                                        <path d="M290,257.5A12.5,12.5,0,0,1,277.5,270h-125a12.5,12.5,0,0,1,0-25h125A12.5,12.5,0,0,1,290,257.5Z" transform="translate(-140 -245)" fill="#111"/>
                                    </svg>
                                    <svg class="svg-plus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                        <path data-name="Path 39008" d="M296.2,151.2a9.784,9.784,0,0,0-9.783,9.783v55.434H230.982a9.783,9.783,0,1,0,0,19.566h55.434v55.434a9.783,9.783,0,0,0,19.566,0V235.983h55.434a9.783,9.783,0,1,0,0-19.566H305.982V160.983A9.783,9.783,0,0,0,296.2,151.2Z" transform="translate(-221.199 -151.2)" fill="#111"/>
                                    </svg>
                                </i>
                            </a>
                        </div>
                        <div class="sub-content collapse show" id="multiCollapseExample5" 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 invent ore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur autiu odit aut fugit, sed quia consequuntur magni dolores eos qui ratione. 
                            </div>
                        </div>
                    </div>
                    <div class="content2">
                        <div class="main-content">
                            <a class="icon" data-bs-toggle="collapse" href="#multiCollapseExample6" role="button" aria-expanded="false" aria-controls="multiCollapseExample2">
                                <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id?</p>
                                <i>
                                    <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="25" viewBox="0 0 150 25">
                                        <path d="M290,257.5A12.5,12.5,0,0,1,277.5,270h-125a12.5,12.5,0,0,1,0-25h125A12.5,12.5,0,0,1,290,257.5Z" transform="translate(-140 -245)" fill="#111"/>
                                    </svg>
                                    <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                        <path data-name="Path 39008" d="M296.2,151.2a9.784,9.784,0,0,0-9.783,9.783v55.434H230.982a9.783,9.783,0,1,0,0,19.566h55.434v55.434a9.783,9.783,0,0,0,19.566,0V235.983h55.434a9.783,9.783,0,1,0,0-19.566H305.982V160.983A9.783,9.783,0,0,0,296.2,151.2Z" transform="translate(-221.199 -151.2)" fill="#111"/>
                                    </svg>
                                </i>
                            </a>
                        </div>
                        <div class="sub-content collapse" id="multiCollapseExample6" 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 invent ore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur autiu odit aut fugit, sed quia consequuntur magni dolores eos qui ratione. 
                            </div>
                        </div>
                    </div>
                    <div class="content2">
                        <div class="main-content">
                            <a class="icon" data-bs-toggle="collapse" href="#multiCollapseExample7" role="button" aria-expanded="false" aria-controls="multiCollapseExample3">
                                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis?</p>
                                <i>
                                    <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="25" viewBox="0 0 150 25">
                                        <path d="M290,257.5A12.5,12.5,0,0,1,277.5,270h-125a12.5,12.5,0,0,1,0-25h125A12.5,12.5,0,0,1,290,257.5Z" transform="translate(-140 -245)" fill="#111"/>
                                    </svg>
                                    <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                        <path data-name="Path 39008" d="M296.2,151.2a9.784,9.784,0,0,0-9.783,9.783v55.434H230.982a9.783,9.783,0,1,0,0,19.566h55.434v55.434a9.783,9.783,0,0,0,19.566,0V235.983h55.434a9.783,9.783,0,1,0,0-19.566H305.982V160.983A9.783,9.783,0,0,0,296.2,151.2Z" transform="translate(-221.199 -151.2)" fill="#111"/>
                                    </svg>
                                </i>
                            </a>
                        </div>
                        <div class="sub-content collapse" id="multiCollapseExample7" 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 invent ore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur autiu odit aut fugit, sed quia consequuntur magni dolores eos qui ratione. 
                            </div>
                        </div>
                    </div>
                    <div class="content2 mb-0">
                        <div class="main-content">
                            <a class="icon" data-bs-toggle="collapse" href="#multiCollapseExample8" role="button" aria-expanded="false" aria-controls="multiCollapseExample4">
                                <p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus?</p>
                                <i>
                                    <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="150" height="25" viewBox="0 0 150 25">
                                        <path d="M290,257.5A12.5,12.5,0,0,1,277.5,270h-125a12.5,12.5,0,0,1,0-25h125A12.5,12.5,0,0,1,290,257.5Z" transform="translate(-140 -245)" fill="#111"/>
                                    </svg>
                                    <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                        <path data-name="Path 39008" d="M296.2,151.2a9.784,9.784,0,0,0-9.783,9.783v55.434H230.982a9.783,9.783,0,1,0,0,19.566h55.434v55.434a9.783,9.783,0,0,0,19.566,0V235.983h55.434a9.783,9.783,0,1,0,0-19.566H305.982V160.983A9.783,9.783,0,0,0,296.2,151.2Z" transform="translate(-221.199 -151.2)" fill="#111"/>
                                    </svg>
                                </i>
                            </a>
                        </div>
                        <div class="sub-content collapse" id="multiCollapseExample8" 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 invent ore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur autiu odit aut fugit, sed quia consequuntur magni dolores eos qui ratione. 
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>