Accordion

Accordion Style 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim venia quis nostrud exercitation ullamco labori s nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillu dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim venia quis nostrud exercitation ullamco labori s nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillu dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim venia quis nostrud exercitation ullamco labori s nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillu dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim venia quis nostrud exercitation ullamco labori s nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillu dolore eu fugiat nulla pariatur.
                            
<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>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod dolore ?</h4>
                            <div>
                                <svg class="svg-minus" xmlns="http://www.w3.org/2000/svg" width="32" height="4" viewBox="0 0 32 4">
                                    <path data-name="Path 38019" d="M7.5,18h28" transform="translate(-5.5 -16)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
                                </svg>
                                <svg class="svg-plus d-none" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                                    <g data-name="Icon feather-plus" transform="translate(-5.5 -5.5)">
                                        <path data-name="Path 1555" d="M18,7.5v28" transform="translate(3.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
                                        <path data-name="Path 1556" d="M7.5,18h28" transform="translate(0 3.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
                                    </g>
                                </svg>
                            </div>
                        </a>
                    </div>
                    <div class="sub-content collapse show" id="accordion1-1" data-bs-parent="#accordion1">
                        <div class="card card-body">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim venia quis nostrud exercitation ullamco labori s nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillu dolore eu fugiat nulla pariatur.
                        </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>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod dolore ?</h4>
                            <div>
                                <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="32" height="4" viewBox="0 0 32 4">
                                    <path data-name="Path 38019" d="M7.5,18h28" transform="translate(-5.5 -16)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
                                </svg>
                                <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                                    <g data-name="Icon feather-plus" transform="translate(-5.5 -5.5)">
                                        <path data-name="Path 1555" d="M18,7.5v28" transform="translate(3.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
                                        <path data-name="Path 1556" d="M7.5,18h28" transform="translate(0 3.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
                                    </g>
                                </svg>
                            </div>
                        </a>
                    </div>
                    <div class="sub-content collapse" id="accordion1-2" data-bs-parent="#accordion1">
                        <div class="card card-body">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim venia quis nostrud exercitation ullamco labori s nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillu dolore eu fugiat nulla pariatur.
                        </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>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod dolore ?</h4>
                            <div>
                                <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="32" height="4" viewBox="0 0 32 4">
                                    <path data-name="Path 38019" d="M7.5,18h28" transform="translate(-5.5 -16)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
                                </svg>
                                <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                                    <g data-name="Icon feather-plus" transform="translate(-5.5 -5.5)">
                                        <path data-name="Path 1555" d="M18,7.5v28" transform="translate(3.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
                                        <path data-name="Path 1556" d="M7.5,18h28" transform="translate(0 3.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
                                    </g>
                                </svg>
                            </div>
                        </a>
                    </div>
                    <div class="sub-content collapse" id="accordion1-3" data-bs-parent="#accordion1">
                        <div class="card card-body">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim venia quis nostrud exercitation ullamco labori s nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillu dolore eu fugiat nulla pariatur.
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="main-content">
                        <a class="icon collapsed" data-bs-toggle="collapse" href="#accordion1-4" role="button" aria-expanded="false" aria-controls="accordion1-4">
                            <h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod dolore ?</h4>
                            <div>
                                <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" width="32" height="4" viewBox="0 0 32 4">
                                    <path data-name="Path 38019" d="M7.5,18h28" transform="translate(-5.5 -16)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
                                </svg>
                                <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                                    <g data-name="Icon feather-plus" transform="translate(-5.5 -5.5)">
                                        <path data-name="Path 1555" d="M18,7.5v28" transform="translate(3.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
                                        <path data-name="Path 1556" d="M7.5,18h28" transform="translate(0 3.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
                                    </g>
                                </svg>
                            </div>
                        </a>
                    </div>
                    <div class="sub-content collapse" id="accordion1-4" data-bs-parent="#accordion1">
                        <div class="card card-body">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim venia quis nostrud exercitation ullamco labori s nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillu dolore eu fugiat nulla pariatur.
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                            
                        
                        

Accordion Style 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                            
<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">
                            <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidid unt ut labore et dolore</h3>
                            <div>
                                <svg class="svg-minus" xmlns="http://www.w3.org/2000/svg" data-name="Group 37333" width="45.115" height="47.603" viewBox="0 0 45.115 47.603">
                                    <path data-name="Icon ionic-ios-arrow-back" d="M19.26,22.551,1.012,5.495a3.066,3.066,0,0,1,0-4.553,3.633,3.633,0,0,1,4.881,0L26.567,20.268a3.07,3.07,0,0,1,.1,4.445L5.908,44.174a3.572,3.572,0,0,1-2.441.94,3.572,3.572,0,0,1-2.441-.94,3.066,3.066,0,0,1,0-4.553Z" transform="translate(0 47.603) rotate(-90)" fill="#ed4b4b"/>
                                    <path data-name="Icon ionic-ios-arrow-back" d="M19.26,22.551,1.012,5.495a3.066,3.066,0,0,1,0-4.553,3.633,3.633,0,0,1,4.881,0L26.567,20.268a3.07,3.07,0,0,1,.1,4.445L5.908,44.174a3.572,3.572,0,0,1-2.441.94,3.572,3.572,0,0,1-2.441-.94,3.066,3.066,0,0,1,0-4.553Z" transform="translate(0 27.571) rotate(-90)" fill="#ed4b4b"/>
                                </svg>
                                <svg class="svg-plus d-none" xmlns="http://www.w3.org/2000/svg" data-name="Group 37332" width="45.115" height="47.603" viewBox="0 0 45.115 47.603">
                                    <path data-name="Icon ionic-ios-arrow-back" d="M19.26,22.564,1.012,39.621a3.066,3.066,0,0,0,0,4.553,3.633,3.633,0,0,0,4.881,0L26.567,24.847a3.07,3.07,0,0,0,.1-4.446L5.908.94A3.572,3.572,0,0,0,3.467,0,3.572,3.572,0,0,0,1.027.94a3.066,3.066,0,0,0,0,4.553Z" transform="translate(45.116 0) rotate(90)" fill="#ed4b4b"/>
                                    <path data-name="Icon ionic-ios-arrow-back" d="M19.26,22.564,1.012,39.621a3.066,3.066,0,0,0,0,4.553,3.633,3.633,0,0,0,4.881,0L26.567,24.847a3.07,3.07,0,0,0,.1-4.446L5.908.94A3.572,3.572,0,0,0,3.467,0,3.572,3.572,0,0,0,1.027.94a3.066,3.066,0,0,0,0,4.553Z" transform="translate(45.116 20.032) rotate(90)" fill="#ed4b4b"/>
                                </svg>
                            </div>
                        </a>
                    </div>
                    <div class="sub-content collapse show" id="accordion2-1" data-bs-parent="#accordion2">
                        <div class="card card-body">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                        </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">
                            <h3>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</h3>
                            <div>
                                <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" data-name="Group 37333" width="45.115" height="47.603" viewBox="0 0 45.115 47.603">
                                    <path data-name="Icon ionic-ios-arrow-back" d="M19.26,22.551,1.012,5.495a3.066,3.066,0,0,1,0-4.553,3.633,3.633,0,0,1,4.881,0L26.567,20.268a3.07,3.07,0,0,1,.1,4.445L5.908,44.174a3.572,3.572,0,0,1-2.441.94,3.572,3.572,0,0,1-2.441-.94,3.066,3.066,0,0,1,0-4.553Z" transform="translate(0 47.603) rotate(-90)" fill="#ed4b4b"/>
                                    <path data-name="Icon ionic-ios-arrow-back" d="M19.26,22.551,1.012,5.495a3.066,3.066,0,0,1,0-4.553,3.633,3.633,0,0,1,4.881,0L26.567,20.268a3.07,3.07,0,0,1,.1,4.445L5.908,44.174a3.572,3.572,0,0,1-2.441.94,3.572,3.572,0,0,1-2.441-.94,3.066,3.066,0,0,1,0-4.553Z" transform="translate(0 27.571) rotate(-90)" fill="#ed4b4b"/>
                                </svg>
                                <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" data-name="Group 37332" width="45.115" height="47.603" viewBox="0 0 45.115 47.603">
                                    <path data-name="Icon ionic-ios-arrow-back" d="M19.26,22.564,1.012,39.621a3.066,3.066,0,0,0,0,4.553,3.633,3.633,0,0,0,4.881,0L26.567,24.847a3.07,3.07,0,0,0,.1-4.446L5.908.94A3.572,3.572,0,0,0,3.467,0,3.572,3.572,0,0,0,1.027.94a3.066,3.066,0,0,0,0,4.553Z" transform="translate(45.116 0) rotate(90)" fill="#ed4b4b"/>
                                    <path data-name="Icon ionic-ios-arrow-back" d="M19.26,22.564,1.012,39.621a3.066,3.066,0,0,0,0,4.553,3.633,3.633,0,0,0,4.881,0L26.567,24.847a3.07,3.07,0,0,0,.1-4.446L5.908.94A3.572,3.572,0,0,0,3.467,0,3.572,3.572,0,0,0,1.027.94a3.066,3.066,0,0,0,0,4.553Z" transform="translate(45.116 20.032) rotate(90)" fill="#ed4b4b"/>
                                </svg>
                            </div>
                        </a>
                    </div>
                    <div class="sub-content collapse" id="accordion2-2" data-bs-parent="#accordion2">
                        <div class="card card-body">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                        </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">
                            <h3>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariaturute irure dolor in reprehenderit in voluptate</h3>
                            <div>
                                <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" data-name="Group 37333" width="45.115" height="47.603" viewBox="0 0 45.115 47.603">
                                    <path data-name="Icon ionic-ios-arrow-back" d="M19.26,22.551,1.012,5.495a3.066,3.066,0,0,1,0-4.553,3.633,3.633,0,0,1,4.881,0L26.567,20.268a3.07,3.07,0,0,1,.1,4.445L5.908,44.174a3.572,3.572,0,0,1-2.441.94,3.572,3.572,0,0,1-2.441-.94,3.066,3.066,0,0,1,0-4.553Z" transform="translate(0 47.603) rotate(-90)" fill="#ed4b4b"/>
                                    <path data-name="Icon ionic-ios-arrow-back" d="M19.26,22.551,1.012,5.495a3.066,3.066,0,0,1,0-4.553,3.633,3.633,0,0,1,4.881,0L26.567,20.268a3.07,3.07,0,0,1,.1,4.445L5.908,44.174a3.572,3.572,0,0,1-2.441.94,3.572,3.572,0,0,1-2.441-.94,3.066,3.066,0,0,1,0-4.553Z" transform="translate(0 27.571) rotate(-90)" fill="#ed4b4b"/>
                                </svg>
                                <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" data-name="Group 37332" width="45.115" height="47.603" viewBox="0 0 45.115 47.603">
                                    <path data-name="Icon ionic-ios-arrow-back" d="M19.26,22.564,1.012,39.621a3.066,3.066,0,0,0,0,4.553,3.633,3.633,0,0,0,4.881,0L26.567,24.847a3.07,3.07,0,0,0,.1-4.446L5.908.94A3.572,3.572,0,0,0,3.467,0,3.572,3.572,0,0,0,1.027.94a3.066,3.066,0,0,0,0,4.553Z" transform="translate(45.116 0) rotate(90)" fill="#ed4b4b"/>
                                    <path data-name="Icon ionic-ios-arrow-back" d="M19.26,22.564,1.012,39.621a3.066,3.066,0,0,0,0,4.553,3.633,3.633,0,0,0,4.881,0L26.567,24.847a3.07,3.07,0,0,0,.1-4.446L5.908.94A3.572,3.572,0,0,0,3.467,0,3.572,3.572,0,0,0,1.027.94a3.066,3.066,0,0,0,0,4.553Z" transform="translate(45.116 20.032) rotate(90)" fill="#ed4b4b"/>
                                </svg>
                            </div>
                        </a>
                    </div>
                    <div class="sub-content collapse" id="accordion2-3" data-bs-parent="#accordion2">
                        <div class="card card-body">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="main-content">
                        <a class="icon collapsed" data-bs-toggle="collapse" href="#accordion2-4" role="button" aria-expanded="false" aria-controls="accordion2-4">
                            <h3>Dolore ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidid unt ut labore et dolore</h3>
                            <div>
                                <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" data-name="Group 37333" width="45.115" height="47.603" viewBox="0 0 45.115 47.603">
                                    <path data-name="Icon ionic-ios-arrow-back" d="M19.26,22.551,1.012,5.495a3.066,3.066,0,0,1,0-4.553,3.633,3.633,0,0,1,4.881,0L26.567,20.268a3.07,3.07,0,0,1,.1,4.445L5.908,44.174a3.572,3.572,0,0,1-2.441.94,3.572,3.572,0,0,1-2.441-.94,3.066,3.066,0,0,1,0-4.553Z" transform="translate(0 47.603) rotate(-90)" fill="#ed4b4b"/>
                                    <path data-name="Icon ionic-ios-arrow-back" d="M19.26,22.551,1.012,5.495a3.066,3.066,0,0,1,0-4.553,3.633,3.633,0,0,1,4.881,0L26.567,20.268a3.07,3.07,0,0,1,.1,4.445L5.908,44.174a3.572,3.572,0,0,1-2.441.94,3.572,3.572,0,0,1-2.441-.94,3.066,3.066,0,0,1,0-4.553Z" transform="translate(0 27.571) rotate(-90)" fill="#ed4b4b"/>
                                </svg>
                                <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" data-name="Group 37332" width="45.115" height="47.603" viewBox="0 0 45.115 47.603">
                                    <path data-name="Icon ionic-ios-arrow-back" d="M19.26,22.564,1.012,39.621a3.066,3.066,0,0,0,0,4.553,3.633,3.633,0,0,0,4.881,0L26.567,24.847a3.07,3.07,0,0,0,.1-4.446L5.908.94A3.572,3.572,0,0,0,3.467,0,3.572,3.572,0,0,0,1.027.94a3.066,3.066,0,0,0,0,4.553Z" transform="translate(45.116 0) rotate(90)" fill="#ed4b4b"/>
                                    <path data-name="Icon ionic-ios-arrow-back" d="M19.26,22.564,1.012,39.621a3.066,3.066,0,0,0,0,4.553,3.633,3.633,0,0,0,4.881,0L26.567,24.847a3.07,3.07,0,0,0,.1-4.446L5.908.94A3.572,3.572,0,0,0,3.467,0,3.572,3.572,0,0,0,1.027.94a3.066,3.066,0,0,0,0,4.553Z" transform="translate(45.116 20.032) rotate(90)" fill="#ed4b4b"/>
                                </svg>
                            </div>
                        </a>
                    </div>
                    <div class="sub-content collapse" id="accordion2-4" data-bs-parent="#accordion2">
                        <div class="card card-body">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="main-content">
                        <a class="icon collapsed" data-bs-toggle="collapse" href="#accordion2-5" role="button" aria-expanded="false" aria-controls="accordion2-5">
                            <h3>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque core</h3>
                            <div>
                                <svg class="svg-minus d-none" xmlns="http://www.w3.org/2000/svg" data-name="Group 37333" width="45.115" height="47.603" viewBox="0 0 45.115 47.603">
                                    <path data-name="Icon ionic-ios-arrow-back" d="M19.26,22.551,1.012,5.495a3.066,3.066,0,0,1,0-4.553,3.633,3.633,0,0,1,4.881,0L26.567,20.268a3.07,3.07,0,0,1,.1,4.445L5.908,44.174a3.572,3.572,0,0,1-2.441.94,3.572,3.572,0,0,1-2.441-.94,3.066,3.066,0,0,1,0-4.553Z" transform="translate(0 47.603) rotate(-90)" fill="#ed4b4b"/>
                                    <path data-name="Icon ionic-ios-arrow-back" d="M19.26,22.551,1.012,5.495a3.066,3.066,0,0,1,0-4.553,3.633,3.633,0,0,1,4.881,0L26.567,20.268a3.07,3.07,0,0,1,.1,4.445L5.908,44.174a3.572,3.572,0,0,1-2.441.94,3.572,3.572,0,0,1-2.441-.94,3.066,3.066,0,0,1,0-4.553Z" transform="translate(0 27.571) rotate(-90)" fill="#ed4b4b"/>
                                </svg>
                                <svg class="svg-plus" xmlns="http://www.w3.org/2000/svg" data-name="Group 37332" width="45.115" height="47.603" viewBox="0 0 45.115 47.603">
                                    <path data-name="Icon ionic-ios-arrow-back" d="M19.26,22.564,1.012,39.621a3.066,3.066,0,0,0,0,4.553,3.633,3.633,0,0,0,4.881,0L26.567,24.847a3.07,3.07,0,0,0,.1-4.446L5.908.94A3.572,3.572,0,0,0,3.467,0,3.572,3.572,0,0,0,1.027.94a3.066,3.066,0,0,0,0,4.553Z" transform="translate(45.116 0) rotate(90)" fill="#ed4b4b"/>
                                    <path data-name="Icon ionic-ios-arrow-back" d="M19.26,22.564,1.012,39.621a3.066,3.066,0,0,0,0,4.553,3.633,3.633,0,0,0,4.881,0L26.567,24.847a3.07,3.07,0,0,0,.1-4.446L5.908.94A3.572,3.572,0,0,0,3.467,0,3.572,3.572,0,0,0,1.027.94a3.066,3.066,0,0,0,0,4.553Z" transform="translate(45.116 20.032) rotate(90)" fill="#ed4b4b"/>
                                </svg>
                            </div>
                        </a>
                    </div>
                    <div class="sub-content collapse" id="accordion2-5" data-bs-parent="#accordion2">
                        <div class="card card-body">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>