<!-- Sliding Photos !-->
        <!--Main Slider Start-->
        <section class="main-slider">
            <div class="swiper-container thm-swiper__slider" data-swiper-options='{"slidesPerView": 1, "loop": true,
                "effect": "fade",
                "pagination": {
                "el": "#main-slider-pagination",
                "type": "bullets",
                "clickable": true
                },
                "navigation": {
                "nextEl": "#main-slider__swiper-button-next",
                "prevEl": "#main-slider__swiper-button-prev"
                },
                "autoplay": {
                "delay": 5000
                }}'>
                <div class="swiper-wrapper">

                    <!--Start Single Swiper Slide-->
                    <div class="swiper-slide"  >
                        <div class="image-layer" style="background-image: url('assets/images/slides/wipe-tears-africa-4.jpg');">
                        </div>
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="main-slider-content">
                                        <div class="main-slider-content__inner">
                                            <div class="big-title">
                                                <h2><span>Wipe Tears Africa is working hard to transform lives</span> of children from poor communities in Africa</h2>
                                            </div>
                                            <div class="btns-box d-none">
                                                <a class="btn btn-outline-light rounded-0 text-white" href="tower-and-fiber-site-acquisitions">
                                                  Read More
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> <!-- slide 1 !-->
                    <div class="swiper-slide"  >
                        <div class="image-layer" style="background-image: url('assets/images/slides/wipe-tears-africa-1.jpg');">
                        </div>
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="main-slider-content">
                                        <div class="main-slider-content__inner">
                                            <div class="big-title">
                                                <h2>We believe education is the foundation for a brighter future.</h2>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> <!-- slide 2 !-->
                    <div class="swiper-slide"  >
                        <div class="image-layer" style="background-image: url('assets/images/slides/wipe-tears-africa-5.jpg');">
                        </div>
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="main-slider-content">
                                        <div class="main-slider-content__inner">
                                            <div class="big-title">
                                                <h2><span>We support vulnerable children and their families</span> through Health programs</h2>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> <!-- slide 3 !-->
                    <div class="swiper-slide"  >
                        <div class="image-layer" style="background-image: url('assets/images/slides/wipe-tears-africa-3.jpg');">
                        </div>
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="main-slider-content">
                                        <div class="main-slider-content__inner">
                                            <div class="big-title">
                                                <h2><span>WTA champions the rights of the girl child</span> through empowerment initiatives</h2>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> <!-- slide 4 !-->


                    <!--End Single Swiper Slide-->

                  


                </div>

                <!-- If we need navigation buttons -->
                <div class="main-slider__nav">
                    <div class="swiper-button-prev" id="main-slider__swiper-button-next" tabindex="0" role="button" aria-label="Next slide">
                        <i class="bi bi-chevron-left"></i>
                    </div>
                    <div class="swiper-button-next" id="main-slider__swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide">
                        <i class="bi bi-chevron-right"></i>
                    </div>
                </div>

            </div>
        </section>
        <!--Main Slider End-->