<style>
    .slick-prev .slick-arrow{
        display:none;
    }
</style>
<div class="slider-area">
            <div class="slider-active">
                <div class="single-slider slider-03-height d-flex align-items-center" data-background="assets/img/slider/slider-1.jpg">
                    <div id="overlay"></div>
                    <div class="container">
                        <div class="row">
                            <div class="col-xl-6 col-lg-8 ">
                                <div class="slider-content">
                                    <!-- <span data-animation="fadeInUp" data-delay=".3s"><i class="far fa-heart-circle"></i> charity fund</span> -->
                                    <h1 data-animation="fadeInLeft" data-delay=".5s">Donation is the best humanity</h1>
                                    <div class="slider-button">
                                        <a data-animation="fadeInLeft" data-delay=".8s" class="btn" href="about-us.php">About Us<i class="far fa-long-arrow-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="single-slider slider-03-height d-flex align-items-center" data-background="assets/img/slider/slider-2.jpg">
                    <div id="overlay"></div>
                    <div class="container">
                        <div class="row">
                            <div class="col-xl-6 col-lg-8 ">
                                <div class="slider-content">
                                    <!-- <span data-animation="fadeInUp" data-delay=".3s"><i class="far fa-heart-circle"></i> charity fund</span> -->
                                    <h1 data-animation="fadeInLeft" data-delay=".5s">Donation is the best humanity</h1>
                                    <div class="slider-button">
                                        <a data-animation="fadeInLeft" data-delay=".8s" class="btn" href="causes-details.html">Donate now <i class="far fa-long-arrow-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- <div class="single-slider slider-03-height d-flex align-items-center" data-background="assets/img/slider/slider-3.jpg">
                    <div id="overlay"></div>
                    <div class="container">
                        <div class="row">
                            <div class="col-xl-6 col-lg-8 ">
                                <div class="slider-content">
                                    <h1 data-animation="fadeInLeft" data-delay=".5s">Donation is the best humanity</h1>
                                    <div class="slider-button">
                                        <a data-animation="fadeInLeft" data-delay=".8s" class="btn" href="causes-details.html">Donate now <i class="far fa-long-arrow-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="single-slider slider-03-height d-flex align-items-center" data-background="assets/img/slider/slider-4.jpg">
                    <div id="overlay"></div>
                    <div class="container">
                        <div class="row">
                            <div class="col-xl-6 col-lg-8 ">
                                <div class="slider-content">
                                    <h1 data-animation="fadeInLeft" data-delay=".5s">Donation is the best humanity</h1>
                                    <div class="slider-button">
                                        <a data-animation="fadeInLeft" data-delay=".8s" class="btn" href="causes-details.html">Donate now <i class="far fa-long-arrow-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> -->
            </div>
        </div>