<?php $__env->startSection('title', 'Index One'); ?>
<?php $__env->startSection('content'); ?>

    <!-- ============================ header area ================================== -->
    <?php echo $__env->make('frontend.includes.headers.headerOne', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    <!-- ============================ header area end ================================== -->

    <!-- ==== banner section start ==== -->
    <section class="banner-two">
        <div class="banner-two__slider swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="banner-two__slider-single">
                        <div class="banner-two__slider-bg" data-background="<?php echo e(asset('assets/images/banner/banner-two-bg.png')); ?>">
                        </div>
                        <div class="container">
                            <div class="row">
                                <div class="col-12 col-md-9 col-lg-7 col-xxl-6">
                                    <div class="banner-two__slider-content">
                                        <span class="sub-title"><i class="icon-donation"></i>Start donating poor
                                            people</span>
                                        <h1>Giving help <br>
                                            To Those <span class="bottom-line">peoples</span>
                                            Who Need It.
                                        </h1>
                                        <div class="banner__content-cta cta">
                                            <a href="<?php echo e(route('our.causes')); ?>" aria-label="about us" title="about us"
                                                class="btn--tertiary">Discover More <i
                                                    class="fa-solid fa-arrow-right"></i></a>
                                            <a href="<?php echo e(route('contact')); ?>" aria-label="contact us" title="contact us"
                                                class="btn--primary">Get A Quote <i class="fa-solid fa-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="banner-two__slider-single">
                        <div class="banner-two__slider-bg" data-background="<?php echo e(asset('assets/images/banner/banner-one-bg.png')); ?>">
                        </div>
                        <div class="container">
                            <div class="row">
                                <div class="col-12 col-md-9  col-lg-7 col-xxl-6">
                                    <div class="banner-two__slider-content">
                                        <span class="sub-title"><i class="icon-donation"></i>Start donating poor
                                            people</span>
                                        <h1>Giving help <br>
                                            To Those <span class="bottom-line">peoples</span>
                                            Who Need It.
                                        </h1>
                                        <div class="banner__content-cta cta">
                                            <a href="<?php echo e(route('our.causes')); ?>" aria-label="about us" title="about us"
                                                class="btn--tertiary">Discover More <i
                                                    class="fa-solid fa-arrow-right"></i></a>
                                            <a href="<?php echo e(route('contact')); ?>" aria-label="contact us" title="contact us"
                                                class="btn--primary">Get A Quote <i class="fa-solid fa-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="banner-two__slider-single">
                        <div class="banner-two__slider-bg" data-background="<?php echo e(asset('assets/images/banner/banner-two-bg.png')); ?>">
                        </div>
                        <div class="container">
                            <div class="row">
                                <div class="col-12 col-md-9 col-lg-7 col-xxl-6">
                                    <div class="banner-two__slider-content">
                                        <span class="sub-title"><i class="icon-donation"></i>Start donating poor
                                            people</span>
                                        <h1>Giving help <br>
                                            To Those <span class="bottom-line">peoples</span>
                                            Who Need It.
                                        </h1>
                                        <div class="banner__content-cta cta">
                                            <a href="<?php echo e(route('our.causes')); ?>" aria-label="about us" title="about us"
                                                class="btn--tertiary">Discover More <i
                                                    class="fa-solid fa-arrow-right"></i></a>
                                            <a href="<?php echo e(route('contact')); ?>" aria-label="contact us" title="contact us"
                                                class="btn--primary">Get A Quote <i class="fa-solid fa-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="banner-two__slider-single">
                        <div class="banner-two__slider-bg" data-background="<?php echo e(asset('assets/images/banner/banner-one-bg.png')); ?>">
                        </div>
                        <div class="container">
                            <div class="row">
                                <div class="col-12 col-md-9 col-lg-7 col-xxl-6">
                                    <div class="banner-two__slider-content">
                                        <span class="sub-title"><i class="icon-donation"></i>Start donating poor
                                            people</span>
                                        <h1>Giving help <br>
                                            To Those <span class="bottom-line">peoples</span>
                                            Who Need It.
                                        </h1>
                                        <div class="banner__content-cta cta">
                                            <a href="<?php echo e(route('our.causes')); ?>" aria-label="about us" title="about us"
                                                class="btn--tertiary">Discover More <i
                                                    class="fa-solid fa-arrow-right"></i></a>
                                            <a href="<?php echo e(route('contact')); ?>" aria-label="contact us" title="contact us"
                                                class="btn--primary">Get A Quote <i class="fa-solid fa-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="slider-navigation d-none d-md-flex">
            <button type="button" aria-label="prev slide" title="prev slide" class="prev-banner slider-btn">
                <i class="fa-solid fa-arrow-left"></i>
            </button>
            <button type="button" aria-label="next slide" title="next slide"
                class="next-banner slider-btn slider-btn-next">
                <i class="fa-solid fa-arrow-right"></i>
            </button>
        </div>
        <div class="shape">
            <img src="<?php echo e(asset('assets/images/shape.png')); ?>" alt="Image">
        </div>
        <div class="shape-left" data-aos="fade-right" data-aos-duration="1000" data-aos-delay="300">
            <img src="<?php echo e(asset('assets/images/banner/banner-two-shape.png')); ?>" alt="Image">
        </div>
        <div class="sprade-shape">
            <img src="<?php echo e(asset('assets/images/sprade-base.png')); ?>" alt="Image" class="base-img" data-aos="zoom-in"
                data-aos-duration="1000">
        </div>
        <div class="unity">
            <img src="<?php echo e(asset('assets/images/unity.png')); ?>" alt="Image">
        </div>
    </section>
    <!-- ==== / banner section end ==== -->
    <!-- ==== partner section start ==== -->
    <div class="partner">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="partner__slider swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="partner__slider-single">
                                    <img src="<?php echo e(asset('assets/images/sponsor/one.png')); ?>" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="partner__slider-single">
                                    <img src="<?php echo e(asset('assets/images/sponsor/two.png')); ?>" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="partner__slider-single">
                                    <img src="<?php echo e(asset('assets/images/sponsor/three.png')); ?>" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="partner__slider-single">
                                    <img src="<?php echo e(asset('assets/images/sponsor/four.png')); ?>" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="partner__slider-single">
                                    <img src="<?php echo e(asset('assets/images/sponsor/five.png')); ?>" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="partner__slider-single">
                                    <img src="<?php echo e(asset('assets/images/sponsor/one.png')); ?>" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="partner__slider-single">
                                    <img src="<?php echo e(asset('assets/images/sponsor/two.png')); ?>" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="partner__slider-single">
                                    <img src="<?php echo e(asset('assets/images/sponsor/three.png')); ?>" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="partner__slider-single">
                                    <img src="<?php echo e(asset('assets/images/sponsor/four.png')); ?>" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="partner__slider-single">
                                    <img src="<?php echo e(asset('assets/images/sponsor/five.png')); ?>" alt="Image">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ==== / partner section end ==== -->
    <!-- ==== difference section start ==== -->
    <section class="difference">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-lg-10 col-xl-8">
                    <div class="section__header text-center" data-aos="fade-up" data-aos-duration="1000">
                        <span class="sub-title"><i class="icon-donation"></i>Start donating poor
                            people</span>
                        <h2 class="title-animation">Charity With Difference</h2>
                        <p>Join our monthly giving program to provide consistent support to our initiatives. Regular
                            contributions, no matter the size, help us plan and sustain long-term projects.
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="difference__inner">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="difference__slider swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="difference__single-wrapper">
                                        <div class="difference__single difference__single-first"
                                            data-background="<?php echo e(asset('assets/images/difference/bg-one.png')); ?>">
                                            <div class="difference__single-thumb">
                                                <i class="icon-education"></i>
                                            </div>
                                            <div class="difference__single-content">
                                                <h5><a href="<?php echo e(route('cause.details')); ?>">Child Education</a></h5>
                                                <p>Set up a secure and user-friendly online donation platform that accepts
                                                    multiple
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="difference__single-wrapper">
                                        <div class="difference__single difference__single-second"
                                            data-background="<?php echo e(asset('assets/images/difference/bg-two.png')); ?>">
                                            <div class="difference__single-thumb">
                                                <i class="icon-food"></i>
                                            </div>
                                            <div class="difference__single-content">
                                                <h5><a href="<?php echo e(route('cause.details')); ?>">Healthy Food</a></h5>
                                                <p>Set up a secure and user-friendly online donation platform that accepts
                                                    multiple
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="difference__single-wrapper">
                                        <div class="difference__single difference__single-third "
                                            data-background="<?php echo e(asset('assets/images/difference/bg-three.png')); ?>">
                                            <div class="difference__single-thumb">
                                                <i class="icon-health"></i>
                                            </div>
                                            <div class="difference__single-content">
                                                <h5><a href="<?php echo e(route('cause.details')); ?>">Medical Care</a></h5>
                                                <p>Set up a secure and user-friendly online donation platform that accepts
                                                    multiple
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="difference__single-wrapper">
                                        <div class="difference__single difference__single-first"
                                            data-background="<?php echo e(asset('assets/images/difference/bg-one.png')); ?>">
                                            <div class="difference__single-thumb">
                                                <i class="icon-education"></i>
                                            </div>
                                            <div class="difference__single-content">
                                                <h5><a href="<?php echo e(route('cause.details')); ?>">Child Education</a></h5>
                                                <p>Set up a secure and user-friendly online donation platform that accepts
                                                    multiple
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="difference__single-wrapper">
                                        <div class="difference__single difference__single-second"
                                            data-background="<?php echo e(asset('assets/images/difference/bg-two.png')); ?>">
                                            <div class="difference__single-thumb">
                                                <i class="icon-food"></i>
                                            </div>
                                            <div class="difference__single-content">
                                                <h5><a href="<?php echo e(route('cause.details')); ?>">Healthy Food</a></h5>
                                                <p>Set up a secure and user-friendly online donation platform that accepts
                                                    multiple
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="difference__single-wrapper">
                                        <div class="difference__single difference__single-third "
                                            data-background="<?php echo e(asset('assets/images/difference/bg-three.png')); ?>">
                                            <div class="difference__single-thumb">
                                                <i class="icon-health"></i>
                                            </div>
                                            <div class="difference__single-content">
                                                <h5><a href="<?php echo e(route('cause.details')); ?>">Medical Care</a></h5>
                                                <p>Set up a secure and user-friendly online donation platform that accepts
                                                    multiple
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="slider-navigation">
                <button type="button" aria-label="prev slide" title="prev slide" class="prev-difference slider-btn">
                    <i class="fa-solid fa-arrow-left"></i>
                </button>
                <button type="button" aria-label="next slide" title="next slide"
                    class="next-difference slider-btn slider-btn-next">
                    <i class="fa-solid fa-arrow-right"></i>
                </button>
            </div>
        </div>
        <div class="shape-hand" data-aos="fade-right" data-aos-duration="1000" data-aos-delay="300">
            <img src="<?php echo e(asset('assets/images/difference/shape-hand.png')); ?>" alt="Image">
        </div>
    </section>
    <!-- ==== / difference section end ==== -->
    <!-- ==== help section start ==== -->
    <section class="help">
        <div class="container">
            <div class="row align-items-center gutter-40">
                <div class="col-12 col-lg-5 col-xxl-6 d-none d-lg-block">
                    <div class="help__thumb">
                        <div class="help__thumb-inner">
                            <div class="thumb-top thumb">
                                <img src="<?php echo e(asset('assets/images/help/thumb-top.png')); ?>" alt="Image">
                            </div>
                            <div class="thumb-lg thumb" data-aos="fade-left" data-aos-duration="1000">
                                <img src="<?php echo e(asset('assets/images/help/thumb-lg.png')); ?>" alt="Image">
                                <div class="video-btn-wrapper">
                                    <a href="https://www.youtube.com/watch?v=RvreULjnzFo" target="_blank"
                                        title="video Player" class="open-video-popup">
                                        <i class="icon-play"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="thumb thumb-bottom">
                                <img src="<?php echo e(asset('assets/images/help/thumb-bottom.png')); ?>" alt="Image">
                            </div>
                            <div class="line">
                                <img src="<?php echo e(asset('assets/images/help/line.png')); ?>" alt="Image">
                            </div>
                            <div class="grid-line">
                                <img src="<?php echo e(asset('assets/images/help/grid.png')); ?>" alt="Image" class="base-img">
                            </div>
                            <div class="vertical-text">
                                <h5>We Give <span>Donations</span> to Poor People </h5>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-lg-7 col-xxl-6">
                    <div class="help__content">
                        <span class="sub-title"><i class="icon-donation"></i>Start donating poor
                            people</span>
                        <h2 class="title-animation">Helping each other can
                            make <span>world</span> better
                        </h2>
                        <p>Volunteering offers opportunities to develop new skills and gain valuable
                            experience. This can include leadership, communication, project management, and teamwork
                            skills.
                        </p>
                        <div class="help__content-icon-group">
                            <div class="help__content-icon">
                                <div class="thumb">
                                    <i class="icon-make-donation"></i>
                                </div>
                                <div class="content">
                                    <h6>Start helping them</h6>
                                    <p>Raising awareness about the charity's mission and cause.</p>
                                </div>
                            </div>
                            <div class="help__content-icon">
                                <div class="thumb">
                                    <i class="icon-support-heart"></i>
                                </div>
                                <div class="content">
                                    <h6>Make Donations</h6>
                                    <p>Raising awareness about the charity's mission and cause.</p>
                                </div>
                            </div>
                        </div>
                        <div class="help__content-list">
                            <ul>
                                <li><i class="fa-solid fa-circle-check"></i> Helped fund 3,265 Project powerful
                                    corporate poor.
                                </li>
                                <li><i class="fa-solid fa-circle-check"></i> We give child a gift of a education
                                </li>
                                <li><i class="fa-solid fa-circle-check"></i> We help companies develop powerful
                                    corporate social Responsibility,
                                </li>
                            </ul>
                        </div>
                        <div class="help__content-cta cta">
                            <a href="<?php echo e(route('about')); ?>" aria-label="more about us" title="about us"
                                class="btn--primary">More
                                About Us</a>
                            <div class="contact-btn">
                                <div class="contact-icon">
                                    <i class="icon-phone"></i>
                                </div>
                                <div class="contact-content">
                                    <p>Phone</p>
                                    <a href="tel:01-793-7938">+236 (456) 896 22</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="hand">
            <img src="<?php echo e(asset('assets/images/help/hand.png')); ?>" alt="Image">
        </div>
        <div class="parasuit">
            <img src="<?php echo e(asset('assets/images/parasuit.png')); ?>" alt="Image">
        </div>
        <div class="spade">
            <img src="<?php echo e(asset('assets/images/help/spade.png')); ?>" alt="Image">
        </div>
    </section>
    <!-- ==== / help section end ==== -->
    <!-- ==== cause slider section start ==== -->
    <section class="cause" data-background="<?php echo e(asset('assets/images/cause/cause-bg.png')); ?>">
        <div class="container">
            <div class="row gutter-30 align-items-center">
                <div class="col-12 col-md-8 col-xl-7">
                    <div class="section__header">
                        <span class="sub-title"><i class="icon-donation"></i>Start donating poor
                            people</span>
                        <h2 class="title-animation">Help & <span>donate</span> them when
                            they're in need
                        </h2>
                    </div>
                </div>
                <div class="col-12 col-md-4 col-xl-5">
                    <div class="slider-navigation">
                        <button type="button" aria-label="prev slide" title="prev slide" class="prev-cause slider-btn">
                            <i class="fa-solid fa-arrow-left"></i>
                        </button>
                        <button type="button" aria-label="next slide" title="next slide"
                            class="next-cause slider-btn slider-btn-next">
                            <i class="fa-solid fa-arrow-right"></i>
                        </button>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="cause__slider-wrapper">
                        <div class="cause__slider swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="cause__slider-inner">
                                        <div class="cause__slider-single">
                                            <div class="thumb">
                                                <a href="<?php echo e(route('cause.details')); ?>">
                                                    <img src="<?php echo e(asset('assets/images/cause/one.png')); ?>" alt="Image">
                                                </a>
                                                <div class="tag">
                                                    <a href="<?php echo e(route('our.causes')); ?>">Health</a>
                                                </div>
                                            </div>
                                            <div class="content">
                                                <h6><a href="<?php echo e(route('cause.details')); ?>">Children we work with</a></h6>
                                                <p>Lorem ipsum dolor sit amet, consete
                                                    sadipscing elitr, sed diam nonum
                                                </p>
                                            </div>
                                            <div class="cause__slider-cta">
                                                <div class="cause__progress progress-bar-single">
                                                    <div class="cause-progress__intro">
                                                        <p><span>Donation</span>
                                                            <span class="percent-value">85%</span>
                                                        </p>
                                                    </div>
                                                    <div class="cause-progress__bar">
                                                        <div class="progress-bar-wrapper" data-percent="85%">
                                                            <div class="progress-bar">
                                                                <div class="progress-bar-percent">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="cause-progress__goal">
                                                        <p>Raised: <span class="raised">$8500</span></p>
                                                        <p>Goal: <span class="goal">$1,0000</span></p>
                                                    </div>
                                                </div>
                                                <div class="cause__cta">
                                                    <a href="<?php echo e(route('donate.us')); ?>" aria-label="donate now" title="donate now"
                                                        class="btn--secondary">Donate Now</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="cause__slider-inner">
                                        <div class="cause__slider-single">
                                            <div class="thumb">
                                                <a href="<?php echo e(route('cause.details')); ?>">
                                                    <img src="<?php echo e(asset('assets/images/cause/two.png')); ?>" alt="Image">
                                                </a>
                                                <div class="tag">
                                                    <a href="<?php echo e(route('our.causes')); ?>">Food</a>
                                                </div>
                                            </div>
                                            <div class="content">
                                                <h6><a href="<?php echo e(route('cause.details')); ?>">Help For Education</a></h6>
                                                <p>Lorem ipsum dolor sit amet, consete
                                                    sadipscing elitr, sed diam nonum
                                                </p>
                                            </div>
                                            <div class="cause__slider-cta">
                                                <div class="cause__progress progress-bar-single">
                                                    <div class="cause-progress__intro">
                                                        <p><span>Donation</span>
                                                            <span class="percent-value">90%</span>
                                                        </p>
                                                    </div>
                                                    <div class="cause-progress__bar">
                                                        <div class="progress-bar-wrapper" data-percent="90%">
                                                            <div class="progress-bar">
                                                                <div class="progress-bar-percent">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="cause-progress__goal">
                                                        <p>Raised: <span class="raised">$8500</span></p>
                                                        <p>Goal: <span class="goal">$1,0000</span></p>
                                                    </div>
                                                </div>
                                                <div class="cause__cta">
                                                    <a href="<?php echo e(route('donate.us')); ?>" aria-label="donate now" title="donate now"
                                                        class="btn--secondary">Donate Now</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="cause__slider-inner">
                                        <div class="cause__slider-single">
                                            <div class="thumb">
                                                <a href="<?php echo e(route('cause.details')); ?>">
                                                    <img src="<?php echo e(asset('assets/images/cause/three.png')); ?>" alt="Image">
                                                </a>
                                                <div class="tag">
                                                    <a href="<?php echo e(route('our.causes')); ?>">Health</a>
                                                </div>
                                            </div>
                                            <div class="content">
                                                <h6><a href="<?php echo e(route('cause.details')); ?>">Help For Food</a></h6>
                                                <p>Lorem ipsum dolor sit amet, consete
                                                    sadipscing elitr, sed diam nonum
                                                </p>
                                            </div>
                                            <div class="cause__slider-cta">
                                                <div class="cause__progress progress-bar-single">
                                                    <div class="cause-progress__intro">
                                                        <p><span>Donation</span>
                                                            <span class="percent-value">75%</span>
                                                        </p>
                                                    </div>
                                                    <div class="cause-progress__bar">
                                                        <div class="progress-bar-wrapper" data-percent="75%">
                                                            <div class="progress-bar">
                                                                <div class="progress-bar-percent">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="cause-progress__goal">
                                                        <p>Raised: <span class="raised">$8500</span></p>
                                                        <p>Goal: <span class="goal">$1,0000</span></p>
                                                    </div>
                                                </div>
                                                <div class="cause__cta">
                                                    <a href="<?php echo e(route('donate.us')); ?>" aria-label="donate now" title="donate now"
                                                        class="btn--secondary">Donate Now</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="cause__slider-inner">
                                        <div class="cause__slider-single">
                                            <div class="thumb">
                                                <a href="<?php echo e(route('cause.details')); ?>">
                                                    <img src="<?php echo e(asset('assets/images/cause/four.png')); ?>" alt="Image">
                                                </a>
                                                <div class="tag">
                                                    <a href="<?php echo e(route('our.causes')); ?>">Food</a>
                                                </div>
                                            </div>
                                            <div class="content">
                                                <h6><a href="<?php echo e(route('cause.details')); ?>">Give health support</a></h6>
                                                <p>Lorem ipsum dolor sit amet, consete
                                                    sadipscing elitr, sed diam nonum
                                                </p>
                                            </div>
                                            <div class="cause__slider-cta">
                                                <div class="cause__progress progress-bar-single">
                                                    <div class="cause-progress__intro">
                                                        <p><span>Donation</span>
                                                            <span class="percent-value">65%</span>
                                                        </p>
                                                    </div>
                                                    <div class="cause-progress__bar">
                                                        <div class="progress-bar-wrapper" data-percent="65%">
                                                            <div class="progress-bar">
                                                                <div class="progress-bar-percent">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="cause-progress__goal">
                                                        <p>Raised: <span class="raised">$8500</span></p>
                                                        <p>Goal: <span class="goal">$1,0000</span></p>
                                                    </div>
                                                </div>
                                                <div class="cause__cta">
                                                    <a href="<?php echo e(route('donate.us')); ?>" aria-label="donate now" title="donate now"
                                                        class="btn--secondary">Donate Now</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="cause__slider-inner">
                                        <div class="cause__slider-single">
                                            <div class="thumb">
                                                <a href="<?php echo e(route('cause.details')); ?>">
                                                    <img src="<?php echo e(asset('assets/images/cause/one.png')); ?>" alt="Image">
                                                </a>
                                                <div class="tag">
                                                    <a href="<?php echo e(route('our.causes')); ?>">Health</a>
                                                </div>
                                            </div>
                                            <div class="content">
                                                <h6><a href="<?php echo e(route('cause.details')); ?>">Children we work with</a></h6>
                                                <p>Lorem ipsum dolor sit amet, consete
                                                    sadipscing elitr, sed diam nonum
                                                </p>
                                            </div>
                                            <div class="cause__slider-cta">
                                                <div class="cause__progress progress-bar-single">
                                                    <div class="cause-progress__intro">
                                                        <p><span>Donation</span>
                                                            <span class="percent-value">85%</span>
                                                        </p>
                                                    </div>
                                                    <div class="cause-progress__bar">
                                                        <div class="progress-bar-wrapper" data-percent="85%">
                                                            <div class="progress-bar">
                                                                <div class="progress-bar-percent">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="cause-progress__goal">
                                                        <p>Raised: <span class="raised">$8500</span></p>
                                                        <p>Goal: <span class="goal">$1,0000</span></p>
                                                    </div>
                                                </div>
                                                <div class="cause__cta">
                                                    <a href="<?php echo e(route('donate.us')); ?>" aria-label="donate now" title="donate now"
                                                        class="btn--secondary">Donate Now</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="cause__slider-inner">
                                        <div class="cause__slider-single">
                                            <div class="thumb">
                                                <a href="<?php echo e(route('cause.details')); ?>">
                                                    <img src="<?php echo e(asset('assets/images/cause/two.png')); ?>" alt="Image">
                                                </a>
                                                <div class="tag">
                                                    <a href="<?php echo e(route('our.causes')); ?>">Food</a>
                                                </div>
                                            </div>
                                            <div class="content">
                                                <h6><a href="<?php echo e(route('cause.details')); ?>">Help For Education</a></h6>
                                                <p>Lorem ipsum dolor sit amet, consete
                                                    sadipscing elitr, sed diam nonum
                                                </p>
                                            </div>
                                            <div class="cause__slider-cta">
                                                <div class="cause__progress progress-bar-single">
                                                    <div class="cause-progress__intro">
                                                        <p><span>Donation</span>
                                                            <span class="percent-value">90%</span>
                                                        </p>
                                                    </div>
                                                    <div class="cause-progress__bar">
                                                        <div class="progress-bar-wrapper" data-percent="90%">
                                                            <div class="progress-bar">
                                                                <div class="progress-bar-percent">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="cause-progress__goal">
                                                        <p>Raised: <span class="raised">$8500</span></p>
                                                        <p>Goal: <span class="goal">$1,0000</span></p>
                                                    </div>
                                                </div>
                                                <div class="cause__cta">
                                                    <a href="<?php echo e(route('donate.us')); ?>" aria-label="donate now" title="donate now"
                                                        class="btn--secondary">Donate Now</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="cause__slider-inner">
                                        <div class="cause__slider-single">
                                            <div class="thumb">
                                                <a href="<?php echo e(route('cause.details')); ?>">
                                                    <img src="<?php echo e(asset('assets/images/cause/three.png')); ?>" alt="Image">
                                                </a>
                                                <div class="tag">
                                                    <a href="<?php echo e(route('our.causes')); ?>">Health</a>
                                                </div>
                                            </div>
                                            <div class="content">
                                                <h6><a href="<?php echo e(route('cause.details')); ?>">Help For Food</a></h6>
                                                <p>Lorem ipsum dolor sit amet, consete
                                                    sadipscing elitr, sed diam nonum
                                                </p>
                                            </div>
                                            <div class="cause__slider-cta">
                                                <div class="cause__progress progress-bar-single">
                                                    <div class="cause-progress__intro">
                                                        <p><span>Donation</span>
                                                            <span class="percent-value">75%</span>
                                                        </p>
                                                    </div>
                                                    <div class="cause-progress__bar">
                                                        <div class="progress-bar-wrapper" data-percent="75%">
                                                            <div class="progress-bar">
                                                                <div class="progress-bar-percent">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="cause-progress__goal">
                                                        <p>Raised: <span class="raised">$8500</span></p>
                                                        <p>Goal: <span class="goal">$1,0000</span></p>
                                                    </div>
                                                </div>
                                                <div class="cause__cta">
                                                    <a href="<?php echo e(route('donate.us')); ?>" aria-label="donate now" title="donate now"
                                                        class="btn--secondary">Donate Now</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="cause__slider-inner">
                                        <div class="cause__slider-single">
                                            <div class="thumb">
                                                <a href="<?php echo e(route('cause.details')); ?>">
                                                    <img src="<?php echo e(asset('assets/images/cause/four.png')); ?>" alt="Image">
                                                </a>
                                                <div class="tag">
                                                    <a href="<?php echo e(route('our.causes')); ?>">Food</a>
                                                </div>
                                            </div>
                                            <div class="content">
                                                <h6><a href="<?php echo e(route('cause.details')); ?>">Give health support</a></h6>
                                                <p>Lorem ipsum dolor sit amet, consete
                                                    sadipscing elitr, sed diam nonum
                                                </p>
                                            </div>
                                            <div class="cause__slider-cta">
                                                <div class="cause__progress progress-bar-single">
                                                    <div class="cause-progress__intro">
                                                        <p><span>Donation</span>
                                                            <span class="percent-value">65%</span>
                                                        </p>
                                                    </div>
                                                    <div class="cause-progress__bar">
                                                        <div class="progress-bar-wrapper" data-percent="65%">
                                                            <div class="progress-bar">
                                                                <div class="progress-bar-percent">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="cause-progress__goal">
                                                        <p>Raised: <span class="raised">$8500</span></p>
                                                        <p>Goal: <span class="goal">$1,0000</span></p>
                                                    </div>
                                                </div>
                                                <div class="cause__cta">
                                                    <a href="<?php echo e(route('donate.us')); ?>" aria-label="donate now" title="donate now"
                                                        class="btn--secondary">Donate Now</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="cause-pagination pagination-one"></div>
                </div>
            </div>
        </div>
        <div class="spade">
            <img src="<?php echo e(asset('assets/images/help/spade.png')); ?>" alt="Image">
        </div>
    </section>
    <!-- ==== / cause slider section end ==== -->
    <!-- ==== cta section start ==== -->
    <section class="cta-section">
        <div class="container-fluid">
            <div class="row gutter-40">
                <div class="col-12 col-xxl-4">
                    <div class="cta-section__first cta-section__single">
                        <div class="cta-section__group" data-aos="fade-up" data-aos-duration="1000">
                            <div class="thumb">
                                <i class="icon-spread-love"></i>
                            </div>
                            <div class="content">
                                <span>We give child a gift of a education</span>
                                <h3 class="title-animation">Become a volunteer?</h3>
                            </div>
                            <div class="cta-s">
                                <a href="<?php echo e(route('become.volunteer')); ?>" aria-label="become a volunteer"
                                    title="become a volunteer" class="btn--tertiary">Contact Now</a>
                            </div>
                        </div>
                        <div class="cta-img">
                            <img src="<?php echo e(asset('assets/images/cta/one.png')); ?>" alt="Image">
                        </div>
                    </div>
                </div>
                <div class="col-12 col-xxl-4">
                    <div class="cta-section__center cta-section__single">
                        <div class="video-btn-wrapper">
                            <a href="https://www.youtube.com/watch?v=RvreULjnzFo" target="_blank" title="video Player"
                                class="open-video-popup">
                                <i class="icon-play"></i>
                            </a>
                        </div>
                        <div class="cta-img">
                            <img src="<?php echo e(asset('assets/images/cta/two.png')); ?>" alt="Image" class="parallax-image">
                        </div>
                    </div>
                </div>
                <div class="col-12 col-xxl-4">
                    <div class="cta-section__last cta-section__single">
                        <div class="cta-section__group" data-aos="fade-up" data-aos-duration="1000"
                            data-aos-delay="300">
                            <div class="thumb">
                                <i class="icon-spread-love"></i>
                            </div>
                            <div class="content">
                                <span>We give child a gift of a education</span>
                                <h3 class="title-animation">Make donation to us?</h3>
                            </div>
                            <div class="cta-s">
                                <a href="<?php echo e(route('donate.us')); ?>" aria-label="make a donation" title="make a donation"
                                    class="btn--primary">Donate Now</a>
                            </div>
                        </div>
                        <div class="cta-img">
                            <img src="<?php echo e(asset('assets/images/cta/three.png')); ?>" alt="Image">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==== / cta section end ==== -->
    <!-- ==== team section start ==== -->
    <section class="team">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-lg-10 col-xl-6">
                    <div class="section__header text-center" data-aos="fade-up" data-aos-duration="1000">
                        <span class="sub-title"><i class="icon-donation"></i>Start donating poor
                            people</span>
                        <h2 class="title-animation">Meet Our Volunteer
                            <span>Team</span> members
                        </h2>
                    </div>
                </div>
            </div>
            <div class="row gutter-40">
                <div class="col-12 col-sm-6 col-xl-3">
                    <div class="team__single-wrapper" data-aos="fade-up" data-aos-duration="1000">
                        <div class="team__single van-tilt">
                            <div class="team__single-thumb">
                                <a href="<?php echo e(route('team.details')); ?>">
                                    <img src="<?php echo e(asset('assets/images/team/one.png')); ?>" alt="Image">
                                </a>
                                <div class="team__icons">
                                    <div class="team__single-content__icon">
                                        <i class="fa-solid fa-plus"></i>
                                    </div>
                                    <div class="team__single__thumb-social">
                                        <ul>
                                            <li>
                                                <a href="<?php echo e(route('home')); ?>">
                                                    <i class="fa-brands fa-facebook-f"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="<?php echo e(route('home')); ?>">
                                                    <i class="fa-brands fa-twitter"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="<?php echo e(route('home')); ?>">
                                                    <i class="fa-brands fa-instagram"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="<?php echo e(route('home')); ?>">
                                                    <i class="fa-brands fa-behance"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="team__single-content">
                                <h6><a href="<?php echo e(route('team.details')); ?>">Michel Fokluz</a></h6>
                                <p>Volunteer</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-xl-3">
                    <div class="team__single-wrapper" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="300">
                        <div class="team__single van-tilt">
                            <div class="team__single-thumb">
                                <a href="<?php echo e(route('team.details')); ?>">
                                    <img src="<?php echo e(asset('assets/images/team/two.png')); ?>" alt="Image">
                                </a>
                                <div class="team__icons">
                                    <div class="team__single-content__icon">
                                        <i class="fa-solid fa-plus"></i>
                                    </div>
                                    <div class="team__single__thumb-social">
                                        <ul>
                                            <li>
                                                <a href="<?php echo e(route('home')); ?>">
                                                    <i class="fa-brands fa-facebook-f"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="<?php echo e(route('home')); ?>">
                                                    <i class="fa-brands fa-twitter"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="<?php echo e(route('home')); ?>">
                                                    <i class="fa-brands fa-instagram"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="<?php echo e(route('home')); ?>">
                                                    <i class="fa-brands fa-behance"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="team__single-content">
                                <h6><a href="<?php echo e(route('team.details')); ?>">Arian Drobloas</a></h6>
                                <p>Volunteer</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-xl-3">
                    <div class="team__single-wrapper" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="600">
                        <div class="team__single van-tilt">
                            <div class="team__single-thumb">
                                <a href="<?php echo e(route('team.details')); ?>">
                                    <img src="<?php echo e(asset('assets/images/team/three.png')); ?>" alt="Image">
                                </a>
                                <div class="team__icons">
                                    <div class="team__single-content__icon">
                                        <i class="fa-solid fa-plus"></i>
                                    </div>
                                    <div class="team__single__thumb-social">
                                        <ul>
                                            <li>
                                                <a href="<?php echo e(route('home')); ?>">
                                                    <i class="fa-brands fa-facebook-f"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="<?php echo e(route('home')); ?>">
                                                    <i class="fa-brands fa-twitter"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="<?php echo e(route('home')); ?>">
                                                    <i class="fa-brands fa-instagram"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="<?php echo e(route('home')); ?>">
                                                    <i class="fa-brands fa-behance"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="team__single-content">
                                <h6><a href="<?php echo e(route('team.details')); ?>">Jara Klintof</a></h6>
                                <p>Volunteer</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-xl-3">
                    <div class="team__single-wrapper" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="900">
                        <div class="team__single van-tilt">
                            <div class="team__single-thumb">
                                <a href="<?php echo e(route('team.details')); ?>">
                                    <img src="<?php echo e(asset('assets/images/team/four.png')); ?>" alt="Image">
                                </a>
                                <div class="team__icons">
                                    <div class="team__single-content__icon">
                                        <i class="fa-solid fa-plus"></i>
                                    </div>
                                    <div class="team__single__thumb-social">
                                        <ul>
                                            <li>
                                                <a href="<?php echo e(route('home')); ?>">
                                                    <i class="fa-brands fa-facebook-f"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="<?php echo e(route('home')); ?>">
                                                    <i class="fa-brands fa-twitter"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="<?php echo e(route('home')); ?>">
                                                    <i class="fa-brands fa-instagram"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="<?php echo e(route('home')); ?>">
                                                    <i class="fa-brands fa-behance"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="team__single-content">
                                <h6><a href="<?php echo e(route('team.details')); ?>">Aiden Markram</a></h6>
                                <p>Volunteer</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="section__cta cta text-center">
                        <a href="<?php echo e(route('our.team')); ?>" aria-label="our team" title="our team" class="btn--primary">View All
                            <i class="fa-solid fa-arrow-right"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="spade">
            <img src="<?php echo e(asset('assets/images/sprade-green.png')); ?>" alt="Image">
        </div>
    </section>
    <!-- ==== / team section end ==== -->
    <!-- ==== community section start ==== -->
    <section class="community">
        <div class="container">
            <div class="row">
                <div class="col-12 col-md-8 col-xl-7">
                    <div class="section__header" data-aos="fade-up" data-aos-duration="1000">
                        <span class="sub-title"><i class="icon-donation"></i>Start donating poor
                            people</span>
                        <h2 class="title-animation">Join The <span>Community</span> To Give
                            Education For Children
                        </h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="community-donation" data-aos="fade-up" data-aos-duration="1000">
                        <div class="community-donation__inner">
                            <h4>Support Where It Counts.</h4>
                            <div class="warning">
                                <div class="line"><i class="fa-solid fa-triangle-exclamation"></i></div>
                                <p><strong>Notice:</strong> Test mode is enabled. While in test mode no live
                                    donations are processed.
                                </p>
                            </div>
                            <div class="donation-form">
                                <div class="donation-form__single">
                                    <h5>Your Donation:</h5>
                                    <div class="input-group-icon">
                                        <div class="thumb">
                                            <i class="fa-solid fa-dollar-sign"></i>
                                        </div>
                                        <input type="text" name="donation-amount" id="donationAmount">
                                    </div>
                                    <div class="made-amount">
                                        <span class="donation-amount">20</span>
                                        <span class="donation-amount">50</span>
                                        <span class="donation-amount active">100</span>
                                        <span class="donation-amount">200</span>
                                        <span class="donation-amount custom-amount">Custom</span>
                                    </div>
                                </div>
                                <div class="donation-form__single">
                                    <h5>Select Payment Method</h5>
                                    <div class="radio-wrapper">
                                        <div class="radio-single">
                                            <input type="radio" id="testDonation" name="donation-payment" checked>
                                            <label for="testDonation">Test Donation</label>
                                        </div>
                                        <div class="radio-single">
                                            <input type="radio" id="offlineDonation" name="donation-payment" checked>
                                            <label for="offlineDonation">Offline Donation</label>
                                        </div>
                                        <div class="radio-single">
                                            <input type="radio" id="cardDonation" name="donation-payment" checked>
                                            <label for="cardDonation">Credit Card</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="cta">
                                    <a href="<?php echo e(route('donate.us')); ?>" aria-label="donate us" title="donate us"
                                        class="btn--primary">Donate Now <i class="fa-solid fa-arrow-right"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="community__thumb d-none d-lg-block" data-aos="fade-left" data-aos-duration="1000">
                            <img src="<?php echo e(asset('assets/images/community/thumb.png')); ?>" alt="Image">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="community-bg">
            <img src="<?php echo e(asset('assets/images/community/community-bg.png')); ?>" alt="Image" class="parallax-image">
        </div>
        <div class="gift" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
            <img src="<?php echo e(asset('assets/images/community/gift.png')); ?>" alt="Image">
        </div>
        <div class="spade">
            <img src="<?php echo e(asset('assets/images/community/spade.png')); ?>" alt="Image" class="base-img">
        </div>
    </section>
    <!-- ==== / community section end ==== -->
    <!-- ==== testimonial section start ==== -->
    <section class="testimonial" data-background="<?php echo e(asset('assets/images/bg-one.png')); ?>">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-md-8 col-xl-7">
                    <div class="section__header text-center" data-aos="fade-up" data-aos-duration="1000">
                        <span class="sub-title"><i class="icon-donation"></i>Start donating poor
                            people</span>
                        <h2 class="title-animation">Our valueable <span>customer</span>
                            Awesome Feedback
                        </h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="testimonial__inner">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="testimonial__slider swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="testimonial__slider-single">
                                        <div class="review">
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                        </div>
                                        <div class="content">
                                            <blockquote><q>Charity is the voluntary act of giving help, typically in
                                                    the form of money, time, or resources, to those in need.
                                                    Charitable organizations aim to solve social, environmental, and
                                                    economic challenges by addressing issues like poverty</q>
                                            </blockquote>
                                        </div>
                                        <div class="author-info">
                                            <div class="author-thumb">
                                                <img src="<?php echo e(asset('assets/images/author.png')); ?>" alt="Image">
                                            </div>
                                            <div class="author-content">
                                                <h6>Michel Smith</h6>
                                                <p>Cloth Store Inc.</p>
                                            </div>
                                        </div>
                                        <div class="quote">
                                            <img src="<?php echo e(asset('assets/images/quote.png')); ?>" alt="Image">
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="testimonial__slider-single">
                                        <div class="review">
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                        </div>
                                        <div class="content">
                                            <blockquote><q>Charity is the voluntary act of giving help, typically in
                                                    the form of money, time, or resources, to those in need.
                                                    Charitable organizations aim to solve social, environmental, and
                                                    economic challenges by addressing issues like poverty</q>
                                            </blockquote>
                                        </div>
                                        <div class="author-info">
                                            <div class="author-thumb">
                                                <img src="<?php echo e(asset('assets/images/author.png')); ?>" alt="Image">
                                            </div>
                                            <div class="author-content">
                                                <h6>Ruby Klara</h6>
                                                <p>Cloth Store Inc.</p>
                                            </div>
                                        </div>
                                        <div class="quote">
                                            <img src="<?php echo e(asset('assets/images/quote.png')); ?>" alt="Image">
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="testimonial__slider-single">
                                        <div class="review">
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                        </div>
                                        <div class="content">
                                            <blockquote><q>Charity is the voluntary act of giving help, typically in
                                                    the form of money, time, or resources, to those in need.
                                                    Charitable organizations aim to solve social, environmental, and
                                                    economic challenges by addressing issues like poverty</q>
                                            </blockquote>
                                        </div>
                                        <div class="author-info">
                                            <div class="author-thumb">
                                                <img src="<?php echo e(asset('assets/images/author.png')); ?>" alt="Image">
                                            </div>
                                            <div class="author-content">
                                                <h6>Bishu Kiev</h6>
                                                <p>Cloth Store Inc.</p>
                                            </div>
                                        </div>
                                        <div class="quote">
                                            <img src="<?php echo e(asset('assets/images/quote.png')); ?>" alt="Image">
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="testimonial__slider-single">
                                        <div class="review">
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                        </div>
                                        <div class="content">
                                            <blockquote><q>Charity is the voluntary act of giving help, typically in
                                                    the form of money, time, or resources, to those in need.
                                                    Charitable organizations aim to solve social, environmental, and
                                                    economic challenges by addressing issues like poverty</q>
                                            </blockquote>
                                        </div>
                                        <div class="author-info">
                                            <div class="author-thumb">
                                                <img src="<?php echo e(asset('assets/images/author.png')); ?>" alt="Image">
                                            </div>
                                            <div class="author-content">
                                                <h6>Michel Smith</h6>
                                                <p>Cloth Store Inc.</p>
                                            </div>
                                        </div>
                                        <div class="quote">
                                            <img src="<?php echo e(asset('assets/images/quote.png')); ?>" alt="Image">
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="testimonial__slider-single">
                                        <div class="review">
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                        </div>
                                        <div class="content">
                                            <blockquote><q>Charity is the voluntary act of giving help, typically in
                                                    the form of money, time, or resources, to those in need.
                                                    Charitable organizations aim to solve social, environmental, and
                                                    economic challenges by addressing issues like poverty</q>
                                            </blockquote>
                                        </div>
                                        <div class="author-info">
                                            <div class="author-thumb">
                                                <img src="<?php echo e(asset('assets/images/author.png')); ?>" alt="Image">
                                            </div>
                                            <div class="author-content">
                                                <h6>Ruby Klara</h6>
                                                <p>Cloth Store Inc.</p>
                                            </div>
                                        </div>
                                        <div class="quote">
                                            <img src="<?php echo e(asset('assets/images/quote.png')); ?>" alt="Image">
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="testimonial__slider-single">
                                        <div class="review">
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                        </div>
                                        <div class="content">
                                            <blockquote><q>Charity is the voluntary act of giving help, typically in
                                                    the form of money, time, or resources, to those in need.
                                                    Charitable organizations aim to solve social, environmental, and
                                                    economic challenges by addressing issues like poverty</q>
                                            </blockquote>
                                        </div>
                                        <div class="author-info">
                                            <div class="author-thumb">
                                                <img src="<?php echo e(asset('assets/images/author.png')); ?>" alt="Image">
                                            </div>
                                            <div class="author-content">
                                                <h6>Bishu Kiev</h6>
                                                <p>Cloth Store Inc.</p>
                                            </div>
                                        </div>
                                        <div class="quote">
                                            <img src="<?php echo e(asset('assets/images/quote.png')); ?>" alt="Image">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="slider-navigation">
                <button type="button" aria-label="prev slide" title="prev slide" class="prev-testimonial slider-btn">
                    <i class="fa-solid fa-arrow-left"></i>
                </button>
                <button type="button" aria-label="next slide" title="next slide"
                    class="next-testimonial slider-btn slider-btn-next">
                    <i class="fa-solid fa-arrow-right"></i>
                </button>
            </div>
        </div>
        <div class="shape" data-aos="fade-right" data-aos-duration="1000" data-aos-delay="200">
            <img src="<?php echo e(asset('assets/images/community/shape.png')); ?>" alt="Image" class="base-img">
        </div>
    </section>
    <!-- ==== / testimonial section end ==== -->
    <!-- ==== cause slider two section start ==== -->
    <section class="cause-two">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="cause-two__inner">
                        <div class="slider-navigation">
                            <button type="button" aria-label="prev slide" title="prev slide"
                                class="prev-cause-two slider-btn">
                                <i class="fa-solid fa-arrow-left"></i>
                            </button>
                            <button type="button" aria-label="next slide" title="next slide"
                                class="next-cause-two slider-btn slider-btn-next">
                                <i class="fa-solid fa-arrow-right"></i>
                            </button>
                        </div>
                        <div class="cause-two__slider swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="cause-two__slider-single">
                                        <div class="cause-thumb">
                                            <img src="<?php echo e(asset('assets/images/cause/five.png')); ?>" alt="Image">
                                            <a href="<?php echo e(route('cause.details')); ?>">
                                                <i class="fa-solid fa-arrow-right"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="cause-two__slider-single">
                                        <div class="cause-thumb">
                                            <img src="<?php echo e(asset('assets/images/cause/six.png')); ?>" alt="Image">
                                            <a href="<?php echo e(route('cause.details')); ?>">
                                                <i class="fa-solid fa-arrow-right"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="cause-two__slider-single">
                                        <div class="cause-thumb">
                                            <img src="<?php echo e(asset('assets/images/cause/seven.png')); ?>" alt="Image">
                                            <a href="<?php echo e(route('cause.details')); ?>">
                                                <i class="fa-solid fa-arrow-right"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="cause-two__slider-single">
                                        <div class="cause-thumb">
                                            <img src="<?php echo e(asset('assets/images/cause/five.png')); ?>" alt="Image">
                                            <a href="<?php echo e(route('cause.details')); ?>">
                                                <i class="fa-solid fa-arrow-right"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="cause-two__slider-single">
                                        <div class="cause-thumb">
                                            <img src="<?php echo e(asset('assets/images/cause/six.png')); ?>" alt="Image">
                                            <a href="<?php echo e(route('cause.details')); ?>">
                                                <i class="fa-solid fa-arrow-right"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="cause-two__slider-single">
                                        <div class="cause-thumb">
                                            <img src="<?php echo e(asset('assets/images/cause/seven.png')); ?>" alt="Image">
                                            <a href="<?php echo e(route('cause.details')); ?>">
                                                <i class="fa-solid fa-arrow-right"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="cause-two__content-slider swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="cause-content">
                                    <h4>old people & Child trouble</h4>
                                    <p>Child & old care</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="cause-content">
                                    <h4>old people & Child trouble</h4>
                                    <p>Child & old care</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="cause-content">
                                    <h4>old people & Child trouble</h4>
                                    <p>Child & old care</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="cause-content">
                                    <h4>old people & Child trouble</h4>
                                    <p>Child & old care</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="cause-content">
                                    <h4>old people & Child trouble</h4>
                                    <p>Child & old care</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="cause-content">
                                    <h4>old people & Child trouble</h4>
                                    <p>Child & old care</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==== / cause slider two section end ==== -->
    <!-- ==== difference two section start ==== -->
    <section class="difference-two">
        <div class="container">
            <div class="row gutter-40 align-items-center">
                <div class="col-12 col-lg-4 col-xxl-5 d-none d-lg-block">
                    <div class="difference-two__thumb-wrapper">
                        <div class="difference-two__thumb">
                            <div class="thumb-lg" data-aos="fade-right" data-aos-duration="1000">
                                <img src="<?php echo e(asset('assets/images/difference/thumb-sm.png')); ?>" alt="Image">
                                <div class="grid-line">
                                    <img src="<?php echo e(asset('assets/images/help/grid.png')); ?>" alt="Image" class="base-img">
                                </div>
                                <div class="video-btn-wrapper">
                                    <a href="https://www.youtube.com/watch?v=RvreULjnzFo" target="_blank"
                                        title="video Player" class="open-video-popup">
                                        <i class="icon-play"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="thumb-sm" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="300">
                                <img src="<?php echo e(asset('assets/images/difference/thumb-lg.png')); ?>" alt="Image">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-lg-8 col-xxl-7">
                    <div class="difference-two__content">
                        <span class="sub-title"><i class="icon-donation"></i>Start donating poor
                            people</span>
                        <h2 class="title-animation">Donate <span>Support</span> to Make
                            Difference way
                        </h2>
                        <p>Charity is the voluntary act of giving help,
                            typically in the form of money, time, or resources, to those in need. Charitable
                            organizations aim to solve social, environmental, and economic challenges by addressing
                            issues like poverty,
                        </p>
                        <div class="difference-two__inner cta">
                            <div class="difference-two__inner-content">
                                <div class="difference-two__tab">
                                    <div class="difference-two__tab-btns">
                                        <button class="difference-two__tab-btn active" data-target="#mission"
                                            aria-label="mission" title="mission">Our Mission</button>
                                        <button class="difference-two__tab-btn" data-target="#vision"
                                            aria-label="vision" title="vision">Our Vision</button>
                                        <button class="difference-two__tab-btn" data-target="#excellence"
                                            aria-label="excellence" title="excellence">Excellence</button>
                                    </div>
                                    <div class="difference-two__tab-content">
                                        <div class="difference-two__content-single" id="mission">
                                            <ul>
                                                <li><i class="fa-solid fa-check"></i>We help companies develop
                                                    powerful corporate social
                                                </li>
                                                <li><i class="fa-solid fa-check"></i>Helped fund 3,265 Project
                                                    powerful corporate poor
                                                </li>
                                                <li><i class="fa-solid fa-check"></i>Dedicated Tech Services</li>
                                            </ul>
                                        </div>
                                        <div class="difference-two__content-single" id="vision">
                                            <ul>
                                                <li><i class="fa-solid fa-check"></i>We help companies develop
                                                    powerful corporate social
                                                </li>
                                                <li><i class="fa-solid fa-check"></i>Helped fund 3,265 Project
                                                    powerful corporate poor
                                                </li>
                                                <li><i class="fa-solid fa-check"></i>Dedicated Tech Services</li>
                                            </ul>
                                        </div>
                                        <div class="difference-two__content-single" id="excellence">
                                            <ul>
                                                <li><i class="fa-solid fa-check"></i>We help companies develop
                                                    powerful corporate social
                                                </li>
                                                <li><i class="fa-solid fa-check"></i>Helped fund 3,265 Project
                                                    powerful corporate poor
                                                </li>
                                                <li><i class="fa-solid fa-check"></i>Dedicated Tech Services</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="difference-two__progress">
                                    <div class="difference-progress-single">
                                        <div class="progress-bar-single" data-percent="75%">
                                            <div class="circular-progress">
                                                <div class="percent-value">0%</div>
                                                <svg class="progress-circle" viewBox="0 0 36 36">
                                                    <path class="circle-bg" d="M18 2.0845
                                                    a 15.9155 15.9155 0 0 1 0 31.831
                                                    a 15.9155 15.9155 0 0 1 0 -31.831" />
                                                    <path class="circle-progress" d="M18 2.0845
                                                    a 15.9155 15.9155 0 0 1 0 31.831
                                                    a 15.9155 15.9155 0 0 1 0 -31.831" />
                                                </svg>
                                            </div>
                                        </div>
                                        <div class="content">
                                            <p>Treatment <br>
                                                Helping
                                            </p>
                                        </div>
                                    </div>
                                    <div class="difference-progress-single">
                                        <div class="progress-bar-single" data-percent="92%">
                                            <div class="circular-progress">
                                                <div class="percent-value">0%</div>
                                                <svg class="progress-circle" viewBox="0 0 36 36">
                                                    <path class="circle-bg" d="M18 2.0845
                                                    a 15.9155 15.9155 0 0 1 0 31.831
                                                    a 15.9155 15.9155 0 0 1 0 -31.831" />
                                                    <path class="circle-progress" d="M18 2.0845
                                                    a 15.9155 15.9155 0 0 1 0 31.831
                                                    a 15.9155 15.9155 0 0 1 0 -31.831" />
                                                </svg>
                                            </div>
                                        </div>
                                        <div class="content">
                                            <p>Highest <br>
                                                Fund Raised
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="difference-two__card">
                                <div class="card-group">
                                    <div class="thumb">
                                        <i class="icon-donation-card"></i>
                                    </div>
                                    <div class="content">
                                        <h6>Donate Now</h6>
                                        <p>$40,456</p>
                                    </div>
                                </div>
                                <hr>
                                <div class="card-group card-group-alt">
                                    <div class="thumb">
                                        <i class="icon-fund"></i>
                                    </div>
                                    <div class="content">
                                        <h6>Total Fundraised</h6>
                                        <p>$1,540,456</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="spade">
            <img src="<?php echo e(asset('assets/images/spade-green-two.png')); ?>" alt="Image">
        </div>
    </section>
    <!-- ==== / difference two section end ==== -->

    <!-- ==== blog section start ==== -->
    <section class="blog">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-md-8 col-xl-7">
                    <div class="section__header text-center" data-aos="fade-up" data-aos-duration="1000">
                        <span class="sub-title"><i class="icon-donation"></i>Start donating poor
                            people</span>
                        <h2 class="title-animation">Our Latest <span>News</span> &
                            Articles you like
                        </h2>
                    </div>
                </div>
            </div>
            <div class="row gutter-40">
                <div class="col-12 col-lg-6 col-xl-4">
                    <div class="blog__single-wrapper" data-aos="fade-up" data-aos-duration="1000">
                        <div class="blog__single van-tilt">
                            <div class="blog__single-thumb">
                                <a href="<?php echo e(route('blog.details')); ?>">
                                    <img src="<?php echo e(asset('assets/images/blog/one.png')); ?>" alt="Image">
                                </a>
                                <div class="tag">
                                    <a href="<?php echo e(route('blog')); ?>"><i class="fa-solid fa-tags"></i>Health</a>
                                </div>
                            </div>
                            <div class="blog__single-inner">
                                <div class="blog__single-meta">
                                    <p><i class="icon-user"></i>Robert Fox</p>
                                    <p><i class="icon-message"></i>Comments (03)</p>
                                </div>
                                <div class="blog__single-content">
                                    <h5><a href="<?php echo e(route('blog.details')); ?>">IT Service Case Studies Accelerate
                                            Business Fly Success Tech</a>
                                    </h5>
                                </div>
                                <div class="blog__single-cta">
                                    <a href="<?php echo e(route('blog.details')); ?>" aria-label="blog details" title="blog details">Read
                                        More<i class="fa-solid fa-circle-arrow-right"></i></a>
                                </div>
                            </div>
                            <img src="<?php echo e(asset('assets/images/blog/spade.png')); ?>" alt="Image" class="spade-two">
                        </div>
                    </div>
                </div>
                <div class="col-12 col-lg-6 col-xl-4">
                    <div class="blog__single-wrapper" data-aos="fade-up" data-aos-duration="1000"
                        data-aos-delay="300">
                        <div class="blog__single van-tilt">
                            <div class="blog__single-thumb">
                                <a href="<?php echo e(route('blog.details')); ?>">
                                    <img src="<?php echo e(asset('assets/images/blog/two.png')); ?>" alt="Image">
                                </a>
                                <div class="tag">
                                    <a href="<?php echo e(route('blog')); ?>"><i class="fa-solid fa-tags"></i>Education</a>
                                </div>
                            </div>
                            <div class="blog__single-inner">
                                <div class="blog__single-meta">
                                    <p><i class="icon-user"></i>Robert Fox</p>
                                    <p><i class="icon-message"></i>Comments (08)</p>
                                </div>
                                <div class="blog__single-content">
                                    <h5><a href="<?php echo e(route('blog.details')); ?>">IT Service Case Studies Accelerate
                                            Business Fly Success Tech</a>
                                    </h5>
                                </div>
                                <div class="blog__single-cta">
                                    <a href="<?php echo e(route('blog.details')); ?>" aria-label="blog details" title="blog details">Read
                                        More<i class="fa-solid fa-circle-arrow-right"></i></a>
                                </div>
                            </div>
                            <img src="<?php echo e(asset('assets/images/blog/spade.png')); ?>" alt="Image" class="spade-two">
                        </div>
                    </div>
                </div>
                <div class="col-12 col-lg-6 col-xl-4">
                    <div class="blog__single-wrapper" data-aos="fade-up" data-aos-duration="1000"
                        data-aos-delay="600">
                        <div class="blog__single van-tilt">
                            <div class="blog__single-thumb">
                                <a href="<?php echo e(route('blog.details')); ?>">
                                    <img src="<?php echo e(asset('assets/images/blog/three.png')); ?>" alt="Image">
                                </a>
                                <div class="tag">
                                    <a href="<?php echo e(route('blog')); ?>"><i class="fa-solid fa-tags"></i>Food</a>
                                </div>
                            </div>
                            <div class="blog__single-inner">
                                <div class="blog__single-meta">
                                    <p><i class="icon-user"></i>Robert Fox</p>
                                    <p><i class="icon-message"></i>Comments (13)</p>
                                </div>
                                <div class="blog__single-content">
                                    <h5><a href="<?php echo e(route('blog.details')); ?>">IT Service Case Studies Accelerate
                                            Business Fly Success Tech</a>
                                    </h5>
                                </div>
                                <div class="blog__single-cta">
                                    <a href="<?php echo e(route('blog.details')); ?>" aria-label="blog details" title="blog details">Read
                                        More<i class="fa-solid fa-circle-arrow-right"></i></a>
                                </div>
                            </div>
                            <img src="<?php echo e(asset('assets/images/blog/spade.png')); ?>" alt="Image" class="spade-two">
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="section__cta cta text-center">
                        <a href="<?php echo e(route('blog')); ?>" aria-label="our blog" title="our blog" class="btn--primary">View
                            All <i class="fa-solid fa-arrow-right"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="blog-bg">
            <img src="<?php echo e(asset('assets/images/blog/blog-bg.png')); ?>" alt="Image">
        </div>
        <div class="spade">
            <img src="<?php echo e(asset('assets/images/blog/spade-base.png')); ?>" alt="Image" class="base-img">
        </div>
    </section>
    <!-- ==== / blog section end ==== -->

    <!-- ============================ footer area ================================== -->
    <?php echo $__env->make('frontend.includes.footers.footerOne', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    <!-- ============================ footer area end ================================== -->

<?php $__env->stopSection(); ?>

<?php echo $__env->make('frontend.layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH D:\laragon\www\charifund\resources\views/frontend/homes/indexOne.blade.php ENDPATH**/ ?>