Eng
Spn
It
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 veniam, quis nost rud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
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 nost rud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
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 nost rud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
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 nost rud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<section class="accordion-style dt-section elements">
<div class="container">
<div class="accordion-block">
<div id="accordion1" class="accordion1">
<div class="content">
<div class="main-content">
<a class="icon collapsed" data-bs-toggle="collapse" href="#accordion2-1" role="button" aria-expanded="false" aria-controls="accordion2-1">
<div class="svg-wrapper">
<div class="acc1-svg-wrapper">
<div class="svg-wrapp svg-plus">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="87.5" viewBox="0 0 150 87.5">
<path data-name="Path 40146" d="M72.172,0,87.5,15.929,30.978,75,87.5,134.071,72.172,150,0,75Z" transform="translate(0 87.5) rotate(-90)" fill="#1a1725"/>
</svg>
</div>
<div class="svg-wrapp svg-minus d-none">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="87.5" viewBox="0 0 150 87.5">
<path data-name="Path 40148" d="M72.172,150,87.5,134.071,30.978,75,87.5,15.929,72.172,0,0,75Z" transform="translate(150) rotate(90)" fill="#1a1725"/>
</svg>
</div>
</div>
</div>
<h4>1. Lorem ipsum dolor sit amet, consectetur adipiscing sed do incididunt ut labore?</h4>
</a>
</div>
<div class="sub-content collapse" id="accordion2-1">
<div class="card card-body">
<p>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 nost rud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</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">
<div class="svg-wrapper">
<div class="acc1-svg-wrapper">
<div class="svg-wrapp svg-plus">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="87.5" viewBox="0 0 150 87.5">
<path data-name="Path 40146" d="M72.172,0,87.5,15.929,30.978,75,87.5,134.071,72.172,150,0,75Z" transform="translate(0 87.5) rotate(-90)" fill="#1a1725"/>
</svg>
</div>
<div class="svg-wrapp svg-minus d-none">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="87.5" viewBox="0 0 150 87.5">
<path data-name="Path 40148" d="M72.172,150,87.5,134.071,30.978,75,87.5,15.929,72.172,0,0,75Z" transform="translate(150) rotate(90)" fill="#1a1725"/>
</svg>
</div>
</div>
</div>
<h4>2. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolore?</h4>
</a>
</div>
<div class="sub-content collapse" id="accordion2-2">
<div class="card card-body">
<p>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 nost rud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</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">
<div class="svg-wrapper">
<div class="acc1-svg-wrapper">
<div class="svg-wrapp svg-plus">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="87.5" viewBox="0 0 150 87.5">
<path data-name="Path 40146" d="M72.172,0,87.5,15.929,30.978,75,87.5,134.071,72.172,150,0,75Z" transform="translate(0 87.5) rotate(-90)" fill="#1a1725"/>
</svg>
</div>
<div class="svg-wrapp svg-minus d-none">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="87.5" viewBox="0 0 150 87.5">
<path data-name="Path 40148" d="M72.172,150,87.5,134.071,30.978,75,87.5,15.929,72.172,0,0,75Z" transform="translate(150) rotate(90)" fill="#1a1725"/>
</svg>
</div>
</div>
</div>
<h4>3. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit?</h4>
</a>
</div>
<div class="sub-content collapse" id="accordion2-3">
<div class="card card-body">
<p>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 nost rud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</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">
<div class="svg-wrapper">
<div class="acc1-svg-wrapper">
<div class="svg-wrapp svg-plus">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="87.5" viewBox="0 0 150 87.5">
<path data-name="Path 40146" d="M72.172,0,87.5,15.929,30.978,75,87.5,134.071,72.172,150,0,75Z" transform="translate(0 87.5) rotate(-90)" fill="#1a1725"/>
</svg>
</div>
<div class="svg-wrapp svg-minus d-none">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="87.5" viewBox="0 0 150 87.5">
<path data-name="Path 40148" d="M72.172,150,87.5,134.071,30.978,75,87.5,15.929,72.172,0,0,75Z" transform="translate(150) rotate(90)" fill="#1a1725"/>
</svg>
</div>
</div>
</div>
<h4>4. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil labore?</h4>
</a>
</div>
<div class="sub-content collapse" id="accordion2-4">
<div class="card card-body">
<p>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 nost rud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</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.
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.
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.
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.
<section class="accordion-style dt-section elements">
<div class="container">
<div class="accordion-block">
<div id="accordion2" class="accordion2">
<h2>Accordion Style 2</h2>
<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">
<div class="svg-wrapper">
<div class="acc1-svg-wrapper">
<div class="svg-wrapp svg-plus">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="87.5" viewBox="0 0 150 87.5">
<path data-name="Path 40146" d="M72.172,0,87.5,15.929,30.978,75,87.5,134.071,72.172,150,0,75Z" transform="translate(0 87.5) rotate(-90)" fill="#1a1725"/>
</svg>
</div>
<div class="svg-wrapp svg-minus d-none">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="87.5" viewBox="0 0 150 87.5">
<path data-name="Path 40148" d="M72.172,150,87.5,134.071,30.978,75,87.5,15.929,72.172,0,0,75Z" transform="translate(150) rotate(90)" fill="#1a1725"/>
</svg>
</div>
</div>
</div>
<h3>1. Duis aute irure dolor in reprehenderit in voluptate velit?</h3>
</a>
</div>
<div class="sub-content collapse" id="accordion3-1">
<div class="card card-body">
<p>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.</p>
</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">
<div class="svg-wrapper">
<div class="acc1-svg-wrapper">
<div class="svg-wrapp svg-plus">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="87.5" viewBox="0 0 150 87.5">
<path data-name="Path 40146" d="M72.172,0,87.5,15.929,30.978,75,87.5,134.071,72.172,150,0,75Z" transform="translate(0 87.5) rotate(-90)" fill="#1a1725"/>
</svg>
</div>
<div class="svg-wrapp svg-minus d-none">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="87.5" viewBox="0 0 150 87.5">
<path data-name="Path 40148" d="M72.172,150,87.5,134.071,30.978,75,87.5,15.929,72.172,0,0,75Z" transform="translate(150) rotate(90)" fill="#1a1725"/>
</svg>
</div>
</div>
</div>
<h3>2. Nemo enim ipsam voluptatem qui voluptas sit aspernatur aut odit aut?</h3>
</a>
</div>
<div class="sub-content collapse" id="accordion3-2">
<div class="card card-body">
<p>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.</p>
</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-2">
<div class="svg-wrapper">
<div class="acc1-svg-wrapper">
<div class="svg-wrapp svg-plus">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="87.5" viewBox="0 0 150 87.5">
<path data-name="Path 40146" d="M72.172,0,87.5,15.929,30.978,75,87.5,134.071,72.172,150,0,75Z" transform="translate(0 87.5) rotate(-90)" fill="#1a1725"/>
</svg>
</div>
<div class="svg-wrapp svg-minus d-none">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="87.5" viewBox="0 0 150 87.5">
<path data-name="Path 40148" d="M72.172,150,87.5,134.071,30.978,75,87.5,15.929,72.172,0,0,75Z" transform="translate(150) rotate(90)" fill="#1a1725"/>
</svg>
</div>
</div>
</div>
<h3>3. Quis autem vel eum iure reprehenderit qui in ea voluptate velit?</h3>
</a>
</div>
<div class="sub-content collapse" id="accordion3-3">
<div class="card card-body">
<p>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.</p>
</div>
</div>
</div>
<div class="content">
<div class="main-content">
<a class="icon collapsed" data-bs-toggle="collapse" href="#accordion3-4" role="button" aria-expanded="false" aria-controls="accordion3-4">
<div class="svg-wrapper">
<div class="acc1-svg-wrapper">
<div class="svg-wrapp svg-plus">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="87.5" viewBox="0 0 150 87.5">
<path data-name="Path 40146" d="M72.172,0,87.5,15.929,30.978,75,87.5,134.071,72.172,150,0,75Z" transform="translate(0 87.5) rotate(-90)" fill="#1a1725"/>
</svg>
</div>
<div class="svg-wrapp svg-minus d-none">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="87.5" viewBox="0 0 150 87.5">
<path data-name="Path 40148" d="M72.172,150,87.5,134.071,30.978,75,87.5,15.929,72.172,0,0,75Z" transform="translate(150) rotate(90)" fill="#1a1725"/>
</svg>
</div>
</div>
</div>
<h3>4. Nam libero tempore, cum soluta nobis est eligendi optio cumque?</h3>
</a>
</div>
<div class="sub-content collapse" id="accordion3-4">
<div class="card card-body">
<p>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.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>