<section class="service pb-130">
            <div class="service__shape wow slideInRight d-none d-xl-block" data-wow-duration="1s" data-wow-delay="1s">
                <img src=" assets/images/shape/service1.png" alt="shape">
            </div>
            <div class="text-center pb-3">
                <h5 class="primary-color wow fadeInUp" data-wow-duration="1.2s" data-wow-delay=".2s"><img class="me-1"
                        src="assets/images/icon/leaf.svg" alt="image"> OUR SERVICE
                </h5>
            </div>
            <!-- Text slider area start here -->
            <div class="marquee-wrapper text-slider">
                <div class="marquee-inner to-left">
                    <ul class="marqee-list d-flex">
                        <li class="marquee-item">
                            our service <img src="assets/images/icon/text-slider-leaf.svg" alt="icon"> <span
                                class="stroke-text">what we do</span> <img src="assets/images/icon/text-slider-leaf.svg"
                                alt="icon">
                            our service <img src="assets/images/icon/text-slider-leaf.svg" alt="icon"> <span
                                class="stroke-text">what we do</span> <img src="assets/images/icon/text-slider-leaf.svg"
                                alt="icon">
                            our service <img src="assets/images/icon/text-slider-leaf.svg" alt="icon"> <span
                                class="stroke-text">what we do</span> <img src="assets/images/icon/text-slider-leaf.svg"
                                alt="icon">
                            our service <img src="assets/images/icon/text-slider-leaf.svg" alt="icon"> <span
                                class="stroke-text">what we do</span> <img src="assets/images/icon/text-slider-leaf.svg"
                                alt="icon">
                            our service <img src="assets/images/icon/text-slider-leaf.svg" alt="icon"> <span
                                class="stroke-text">what we do</span>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- Text slider area end here -->
            <div class="container">
                <div class="row g-4">
                    <div class="col-xl-6">
                        <div class="service__left-item">
                            <div class="accordion" id="accordionExample">
                                <div class="accordion-item wow fadeInUp" data-wow-duration="1.2s" data-wow-delay=".2s">
                                    <h2 class="accordion-header" id="headingOne">
                                        <button class="accordion-button changeImage"
                                            data-image="assets/images/service/01.jpg" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true"
                                            aria-controls="collapseOne">
                                            Carbon Offsetting
                                        </button>
                                    </h2>
                                    <div id="collapseOne" class="accordion-collapse collapse show"
                                        aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>Tree planting is the act of planting young trees, shrubs, or other woody
                                                plants into the ground to establish new forests
                                                or enhance existing ones. It is a crucial component of environmental</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item bor-top wow fadeInUp" data-wow-duration="1.4s"
                                    data-wow-delay=".4s">
                                    <h2 class="accordion-header" id="headingTwo">
                                        <button class="accordion-button changeImage collapsed"
                                            data-image="assets/images/service/02.jpg" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapseTwo"
                                            aria-expanded="false" aria-controls="collapseTwo">
                                            E-Waste Recycling
                                        </button>
                                    </h2>
                                    <div id="collapseTwo" class="accordion-collapse collapse"
                                        aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>Tree planting is the act of planting young trees, shrubs, or other woody
                                                plants into the ground to establish new forests
                                                or enhance existing ones. It is a crucial component of environmental</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item wow fadeInUp" data-wow-duration="1.6s" data-wow-delay=".6s">
                                    <h2 class="accordion-header" id="headingThree">
                                        <button class="accordion-button changeImage collapsed"
                                            data-image="assets/images/service/03.jpg" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapseThree"
                                            aria-expanded="false" aria-controls="collapseThree">
                                            Water Conservation
                                        </button>
                                    </h2>
                                    <div id="collapseThree" class="accordion-collapse collapse"
                                        aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>Tree planting is the act of planting young trees, shrubs, or other woody
                                                plants into the ground to establish new forests
                                                or enhance existing ones. It is a crucial component of environmental</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item wow fadeInUp" data-wow-duration="1.8s" data-wow-delay=".8s">
                                    <h2 class="accordion-header" id="headingFour">
                                        <button class="accordion-button changeImage collapsed"
                                            data-image="assets/images/service/04.jpg" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapseFour"
                                            aria-expanded="false" aria-controls="collapseFour">
                                            Community Foresty
                                        </button>
                                    </h2>
                                    <div id="collapseFour" class="accordion-collapse collapse"
                                        aria-labelledby="headingFour" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>Tree planting is the act of planting young trees, shrubs, or other woody
                                                plants into the ground to establish new forests
                                                or enhance existing ones. It is a crucial component of environmental</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 wow fadeInDown" data-wow-duration="1.8s" data-wow-delay=".4s">
                        <div class="image">
                            <img id="myImage" src="assets/images/service/01.jpg" alt="image">
                        </div>
                    </div>
                </div>
            </div>
        </section>