Accordion

<div class="horizontaltab tab-style4">
    <ul class="resp-tabs-list hor_1">
        <li class="tab1">
            <div class="tab-box">
                <h6>Environment</h6>
            </div>
        </li>
        <li class="tab2">
            <div class="tab-box">
                <h6>Ecology</h6>
            </div>
        </li>
        <li class="tab3">
            <div class="tab-box">
                <h6>wildlife</h6>
            </div>
        </li>
    </ul>
    <div class="resp-tabs-container hor_1">
        <div class="first">
            <div class="accordion style1" id="accordion">
                <div class="card">
                    <h2 class="card-header" id="headingOne">
                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">1. For what reason is it vital to help them ?</button>
                    </h2>
                    <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordion">
                        <div class="card-body">
                            Our environment is changing quickly and, without a quick transformation program, we will witness outrageous climate occasions turning out to be more regular, longer enduring in nature. The associated press economy and climate, environmental change, financial and political advancements on the planet.
                        </div>
                    </div>
                </div>
                <div class="card">
                    <h2 class="card-header" id="headingTwo">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">2. How to turned into a worker ?</button>
                    </h2>
                    <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordion">
                        <div class="card-body">
                            Our environment is changing quickly and, without a quick transformation program, we will witness outrageous climate occasions turning out to be more regular, longer enduring in nature. The associated press economy and climate, environmental change, financial and political advancements on the planet.
                        </div>
                    </div>
                </div>
                <div class="card">
                    <h2 class="card-header" id="headingThree">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">3. What installments do you acknowledge ?</button>
                    </h2>
                    <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordion">
                        <div class="card-body">
                            Our environment is changing quickly and, without a quick transformation program, we will witness outrageous climate occasions turning out to be more regular, longer enduring in nature. The associated press economy and climate, environmental change, financial and political advancements on the planet.
                        </div>
                    </div>
                </div>
                <div class="card">
                    <h2 class="card-header" id="headingFour">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="true" aria-controls="collapseFour">4. Are there events and donations ?</button>
                    </h2>
                    <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordion">
                        <div class="card-body">
                            Our environment is changing quickly and, without a quick transformation program, we will witness outrageous climate occasions turning out to be more regular, longer enduring in nature. The associated press economy and climate, environmental change, financial and political advancements on the planet.
                        </div>
                    </div>
                </div>
                <div class="card">
                    <h2 class="card-header" id="headingFive">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="true" aria-controls="collapseFive">5. I need more information about theme ?</button>
                    </h2>
                    <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#accordion">
                        <div class="card-body">
                            Our environment is changing quickly and, without a quick transformation program, we will witness outrageous climate occasions turning out to be more regular, longer enduring in nature. The associated press economy and climate, environmental change, financial and political advancements on the planet.
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="second">
            <div class="accordion style1" id="accordion1">
                <div class="card">
                    <h2 class="card-header" id="headingSix">
                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="true" aria-controls="collapseSix">1. For what reason is it vital to help them ?</button>
                    </h2>
                    <div id="collapseSix" class="accordion-collapse collapse show" aria-labelledby="headingSix" data-bs-parent="#accordion1">
                        <div class="card-body">
                            Our environment is changing quickly and, without a quick transformation program, we will witness outrageous climate occasions turning out to be more regular, longer enduring in nature. The associated press economy and climate, environmental change, financial and political advancements on the planet.
                        </div>
                    </div>
                </div>
                <div class="card">
                    <h2 class="card-header" id="headingSeven">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSeven" aria-expanded="true" aria-controls="collapseSeven">2. How to turned into a worker ?</button>
                    </h2>
                    <div id="collapseSeven" class="accordion-collapse collapse" aria-labelledby="headingSeven" data-bs-parent="#accordion1">
                        <div class="card-body">
                            Our environment is changing quickly and, without a quick transformation program, we will witness outrageous climate occasions turning out to be more regular, longer enduring in nature. The associated press economy and climate, environmental change, financial and political advancements on the planet.
                        </div>
                    </div>
                </div>
                <div class="card">
                    <h2 class="card-header" id="headingEight">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseEight" aria-expanded="true" aria-controls="collapseEight">3. What installments do you acknowledge ?</button>
                    </h2>
                    <div id="collapseEight" class="accordion-collapse collapse" aria-labelledby="headingEight" data-bs-parent="#accordion1">
                        <div class="card-body">
                            Our environment is changing quickly and, without a quick transformation program, we will witness outrageous climate occasions turning out to be more regular, longer enduring in nature. The associated press economy and climate, environmental change, financial and political advancements on the planet.
                        </div>
                    </div>
                </div>
                <div class="card">
                    <h2 class="card-header" id="headingNine">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseNine" aria-expanded="true" aria-controls="collapseNine">4. Are there events and donations ?</button>
                    </h2>
                    <div id="collapseNine" class="accordion-collapse collapse" aria-labelledby="headingNine" data-bs-parent="#accordion1">
                        <div class="card-body">
                            Our environment is changing quickly and, without a quick transformation program, we will witness outrageous climate occasions turning out to be more regular, longer enduring in nature. The associated press economy and climate, environmental change, financial and political advancements on the planet.
                        </div>
                    </div>
                </div>
                <div class="card">
                    <h2 class="card-header" id="headingTen">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTen" aria-expanded="true" aria-controls="collapseTen">5. I need more information about theme ?</button>
                    </h2>
                    <div id="collapseTen" class="accordion-collapse collapse" aria-labelledby="headingTen" data-bs-parent="#accordion1">
                        <div class="card-body">
                            Our environment is changing quickly and, without a quick transformation program, we will witness outrageous climate occasions turning out to be more regular, longer enduring in nature. The associated press economy and climate, environmental change, financial and political advancements on the planet.
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="third">
            <div class="accordion style1" id="accordion2">
                <div class="card">
                    <h2 class="card-header" id="headingEleven">
                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseEleven" aria-expanded="true" aria-controls="collapseEleven">1. For what reason is it vital to help them ?</button>
                    </h2>
                    <div id="collapseEleven" class="accordion-collapse collapse show" aria-labelledby="headingEleven" data-bs-parent="#accordion2">
                        <div class="card-body">
                            Our environment is changing quickly and, without a quick transformation program, we will witness outrageous climate occasions turning out to be more regular, longer enduring in nature. The associated press economy and climate, environmental change, financial and political advancements on the planet.
                        </div>
                    </div>
                </div>
                <div class="card">
                    <h2 class="card-header" id="headingTwelve">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwelve" aria-expanded="true" aria-controls="collapseTwelve">2. How to turned into a worker ?</button>
                    </h2>
                    <div id="collapseTwelve" class="accordion-collapse collapse" aria-labelledby="headingTwelve" data-bs-parent="#accordion2">
                        <div class="card-body">
                            Our environment is changing quickly and, without a quick transformation program, we will witness outrageous climate occasions turning out to be more regular, longer enduring in nature. The associated press economy and climate, environmental change, financial and political advancements on the planet.
                        </div>
                    </div>
                </div>
                <div class="card">
                    <h2 class="card-header" id="headingThree">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">3. What installments do you acknowledge ?</button>
                    </h2>
                    <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordion2">
                        <div class="card-body">
                            Our environment is changing quickly and, without a quick transformation program, we will witness outrageous climate occasions turning out to be more regular, longer enduring in nature. The associated press economy and climate, environmental change, financial and political advancements on the planet.
                        </div>
                    </div>
                </div>
                <div class="card">
                    <h2 class="card-header" id="headingFour">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="true" aria-controls="collapseFour">4. Are there events and donations ?</button>
                    </h2>
                    <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordion2">
                        <div class="card-body">
                            Our environment is changing quickly and, without a quick transformation program, we will witness outrageous climate occasions turning out to be more regular, longer enduring in nature. The associated press economy and climate, environmental change, financial and political advancements on the planet.
                        </div>
                    </div>
                </div>
                <div class="card">
                    <h2 class="card-header" id="headingFive">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="true" aria-controls="collapseFive">5. I need more information about theme ?</button>
                    </h2>
                    <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#accordion2">
                        <div class="card-body">
                            Our environment is changing quickly and, without a quick transformation program, we will witness outrageous climate occasions turning out to be more regular, longer enduring in nature. The associated press economy and climate, environmental change, financial and political advancements on the planet.
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>