@extends('frontend.layouts.app')
@section('title', 'Index Five')
@section('content')

    <!-- ============================ header area ============================ -->
    @include('frontend.includes.headers.headerFive')
    <!-- ============================ header area end ============================ -->

    <!-- ==== banner section start ==== -->
    <section class="banner-five commit" data-background="{{ asset('assets/images/f-banner.png') }}">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="banner-five__content">
                        <span class="text-xl sub-title">for prevent proverties</span>
                        <h1 class="title-animation fw-7">Support <span class="bottom-line">Humanity</span></h1>
                        <p>Transmax is the world's driving worldwide coordinations supplier — we uphold industry and
                            exchange the worldwide trade of mercha</p>
                        <div class="mt-40">
                            <a href="{{ route('our.causes') }}" aria-label="our causes" title="our causes" class="btn--primary">Check
                                Our Causes
                            </a>
                        </div>
                        <div class="commmit-tab-single mt-40">
                            <div class="commit-tab-inner">
                                <div class="thumb">
                                    <i class="icon-donation"></i>
                                </div>
                                <div class="content">
                                    <p class="text-lg fw-7">Trusted organization</p>
                                    <p>Welcome to our Print 128
                                        company that offers a</p>
                                </div>
                            </div>
                            <span class="divider d-none d-xxl-block"></span>
                            <div class="commit-tab-inner">
                                <div class="thumb">
                                    <i class="icon-award"></i>
                                </div>
                                <div class="content">
                                    <p class="text-lg fw-7">Awarded services</p>
                                    <p>Welcome to our Print 128
                                        company that offers a</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="spade">
            <img src="{{ asset('assets/images/spade-green-two.png') }}" alt="Image">
        </div>
        <div class="shape">
            <img src="{{ asset('assets/images/c-shape.png') }}" alt="Image">
        </div>
    </section>
    <!-- ==== / banner section end ==== -->

    <!-- ==== overview section start ==== -->
    <section class="ff-overview">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="ff-overview-inner">
                        <div class="thumb">
                            <img src="{{ asset('assets/images/f-overview.png') }}" alt="Image">
                            <div class="icon">
                                <i class="icon-support-heart"></i>
                            </div>
                        </div>
                        <div class="content">
                            <span class="sub-title">We are always open for children</span>
                            <h3 class="fw-6 title-animation">Our Goal is to Help Poor People</h3>
                            <a href="{{ route('become.volunteer') }}">Become volunteer<i class="fa-solid fa-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==== / overview section end ==== -->

    <!-- ==== commit section start ==== -->
    <section class="commit help-two ff-commit pt-120 pb-120">
        <div class="container">
            <div class="row gutter-40 align-items-center">
                <div class="col-12 col-lg-5 col-xl-5">
                    <div class="commit__thumb">
                        <div class="thumb-lg">
                            <img src="{{ asset('assets/images/commit-thumb.png') }}" alt="Image">

                        </div>
                        <div class="thumb-sm">
                            <img src="{{ asset('assets/images/commit-shape.png') }}" alt="Image">
                        </div>
                        <div class="commit-count">
                            <h4><span class="odometer fw-7" data-odometer-final="20000"></span><span
                                    class="prefix fw-7">+</span>
                            </h4>
                            <p class="text-black">People have donated here</p>
                        </div>
                        <div class="vertical-text">
                            <h5>We Give <span>Donations</span> to Poor People </h5>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-lg-7 col-xl-7">
                    <div class="help-two__content">
                        <div class="section__content">
                            <span class="sub-title">We are always open for children</span>
                            <h2 class="title-animation mt-0">Helping each other can
                                make world better
                            </h2>
                            <p class="text-gr-2">Volunteering offers opportunities to develop new skills and gain
                                valuable
                                experience. This can include leadership, communication, project
                            </p>
                        </div>
                        <div class="help-two__inner cta">
                            <div class="help-two__inner-content">
                                <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 class="fw-5">Start helping them</h6>
                                            <p>Raising awareness about the charity's mission and cause.</p>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="help__content-icon">
                                        <div class="thumb">
                                            <i class="icon-support-heart"></i>
                                        </div>
                                        <div class="content">
                                            <h6 class="fw-5">Make Donations</h6>
                                            <p>Raising awareness about the charity's mission and cause.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="cta">
                                    <a href="{{ route('our.causes') }}" aria-label="check causes" title="check causes"
                                        class="btn--primary">Check
                                        Our Causes</a>
                                </div>
                            </div>
                            <div class="help-two-card-wrapper">
                                <div class="help-two__card van-tilt">
                                    <div class="help-card-thumb">
                                        <img src="{{ asset('assets/images/help/author.png') }}" alt="Image">
                                        <i class="icon-star"></i>
                                    </div>
                                    <div class="help-card-content">
                                        <h4>35,734</h4>
                                        <h6>Helped Fund</h6>
                                        <p>Quisque dignissim enim diam</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="fc-two">
            <img src="{{ asset('assets/images/fc-nine.png') }}" alt="Image">
        </div>
    </section>
    <!-- ==== / commit section end ==== -->

    <!-- ==== service section start ==== -->
    <section class="ff-servicce-three pt-120">
        <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 mb-0">
                        <span class="sub-title">We are always open for children</span>
                        <h2 class="title-animation mt-0 fw-7 hb text-white">our non-profit services
                            you must love
                        </h2>
                    </div>
                </div>
                <div class="col-12 col-md-4 col-xl-5">
                    <div class="text-start text-xl-end">
                        <a href="{{ route('our.causes') }}" aria-label="check causes" title="check causes"
                            class="btn--primary">Check
                            Our Services</a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="ff-service-three-inner mt-60">
                        <div class="ff-service-three-single">
                            <div class="thumb">
                                <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44"
                                    viewBox="0 0 44 44" fill="none">
                                    <g clip-path="url(#clip0_65_224)">
                                        <path
                                            d="M43.4296 31.9121C41.6885 27.2445 34.8448 19.1154 31.5331 15.3949H31.6897C32.4015 15.3949 32.9786 14.8178 32.9786 14.1061C32.9786 13.3942 32.4015 12.8173 31.6897 12.8173H31.4756C33.5051 10.5392 36.5506 7.1093 37.4058 6.08355C39.1731 3.96347 38.5689 2.06674 37.5146 1.08671C35.9593 -0.359013 32.9526 -0.492646 30.1703 1.48349C28.1244 -0.472708 24.0801 -0.468755 22.0383 1.48349C19.2561 -0.492474 16.2494 -0.359013 14.694 1.08671C13.6397 2.06674 13.0357 3.96347 14.803 6.08355C15.6582 7.10938 18.7035 10.5392 20.733 12.8173H20.519C19.8072 12.8173 19.2301 13.3943 19.2301 14.1061C19.2301 14.8179 19.8072 15.3949 20.519 15.3949H20.6756C18.905 17.3841 17.252 19.3277 15.4157 21.6521C15.2608 21.1141 14.7659 20.7201 14.178 20.7201H1.28889C0.57707 20.7202 0 21.2971 0 22.009V42.7111C0 43.4229 0.57707 43.9999 1.28889 43.9999H34.9449C41.1174 43.9999 45.6436 37.8474 43.4296 31.9121ZM16.4492 2.97459C17.0657 2.40147 19.2228 2.19367 21.4155 4.31023C22.1108 4.98123 23.2728 4.67521 23.5467 3.74811C23.6894 3.26488 24.6577 2.59552 26.1044 2.59552C27.551 2.59552 28.5192 3.26488 28.662 3.74811C28.9357 4.67469 30.0976 4.98174 30.7932 4.31023C32.9859 2.19359 35.1429 2.40138 35.7595 2.97459C36.1918 3.37643 35.7358 4.06084 35.4256 4.43303C34.3373 5.7386 29.3911 11.2833 28.0213 12.8173H24.1874C22.8175 11.2833 17.8714 5.7386 16.7832 4.43303C16.4729 4.06084 16.0169 3.37643 16.4492 2.97459ZM9.23046 36.1823H2.57787V33.6059H10.4235C9.84921 34.3534 9.43439 35.229 9.23046 36.1823ZM12.8892 31.0282H2.57787V28.4519H12.8892V31.0282ZM12.8892 23.2978V25.8742H2.57787V23.2978H12.8892ZM2.57787 38.7599H9.20468C9.39434 39.7446 9.8071 40.6505 10.3897 41.4222H2.57787V38.7599ZM11.6646 37.5356C11.6646 35.3924 13.4083 33.6489 15.5541 33.6489C17.6974 33.6489 19.441 35.3924 19.441 37.5356C19.441 39.6787 17.6974 41.4222 15.5541 41.4222C13.4013 41.4222 11.6646 39.6726 11.6646 37.5356ZM34.9449 41.4222H20.7161C21.5334 40.3397 22.0189 38.9934 22.0189 37.5356C22.0189 33.9648 19.0984 31.0276 15.4669 31.0733V25.8248C18.9191 21.1539 22.4181 17.3144 24.1267 15.3949H28.0821L30.2973 17.8835C30.3859 17.9831 39.1804 27.8965 41.0144 32.813C42.567 36.9754 39.428 41.4222 34.9449 41.4222Z" />
                                        <path
                                            d="M25.46 24.5864H28.6823C29.3942 24.5864 29.9712 24.0093 29.9712 23.2976C29.9712 22.5859 29.3942 22.0088 28.6823 22.0088H27.3934C27.3933 21.2971 26.8163 20.7203 26.1046 20.7203C25.3927 20.7203 24.8157 21.2974 24.8157 22.0091V22.0736C23.3466 22.3729 22.2378 23.6745 22.2378 25.2303C22.2378 27.0068 23.6833 28.452 25.4601 28.452H26.749C27.1043 28.452 27.3934 28.7409 27.3934 29.0959C27.3934 29.4509 27.1043 29.7398 26.749 29.7398H23.5267C22.8149 29.7398 22.2378 30.3169 22.2378 31.0286C22.2378 31.7404 22.8149 32.3174 23.5267 32.3174H24.8156C24.8157 33.0291 25.3927 33.6059 26.1045 33.6059C26.8163 33.6059 27.3934 33.0288 27.3934 32.3171V32.2526C28.8624 31.9533 29.9712 30.6517 29.9712 29.0959C29.9712 27.3195 28.5258 25.8744 26.7489 25.8744H25.46C25.1047 25.8744 24.8156 25.5854 24.8156 25.2303C24.8156 24.8752 25.1047 24.5864 25.46 24.5864Z" />
                                    </g>
                                    <defs>
                                        <clipPath id="clip0_65_224">
                                            <rect width="44" height="44" fill="white" />
                                        </clipPath>
                                    </defs>
                                </svg>
                                <a href="{{ route('our.causes') }}" class="arr">
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                            <div class="content">
                                <a href="{{ route('our.causes') }}" aria-label="view details">
                                    Corporate Gifts donate
                                </a>
                            </div>
                        </div>
                        <div class="ff-service-three-single">
                            <div class="thumb">
                                <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48"
                                    viewBox="0 0 48 48" fill="none">
                                    <path
                                        d="M28.5 22.5V19.5C28.5 19.1022 28.342 18.7206 28.0607 18.4393C27.7794 18.158 27.3978 18 27 18H21C20.6022 18 20.2206 18.158 19.9393 18.4393C19.658 18.7206 19.5 19.1022 19.5 19.5V22.5H16.5C16.1022 22.5 15.7206 22.658 15.4393 22.9393C15.158 23.2206 15 23.6022 15 24V30C15 30.3978 15.158 30.7794 15.4393 31.0607C15.7206 31.342 16.1022 31.5 16.5 31.5H19.5V34.5C19.5 34.8978 19.658 35.2794 19.9393 35.5607C20.2206 35.842 20.6022 36 21 36H27C27.3978 36 27.7794 35.842 28.0607 35.5607C28.342 35.2794 28.5 34.8978 28.5 34.5V31.5H31.5C31.8978 31.5 32.2794 31.342 32.5607 31.0607C32.842 30.7794 33 30.3978 33 30V24C33 23.6022 32.842 23.2206 32.5607 22.9393C32.2794 22.658 31.8978 22.5 31.5 22.5H28.5ZM30 28.5H27C26.6022 28.5 26.2206 28.658 25.9393 28.9393C25.658 29.2206 25.5 29.6022 25.5 30V33H22.5V30C22.5 29.6022 22.342 29.2206 22.0607 28.9393C21.7794 28.658 21.3978 28.5 21 28.5H18V25.5H21C21.3978 25.5 21.7794 25.342 22.0607 25.0607C22.342 24.7794 22.5 24.3978 22.5 24V21H25.5V24C25.5 24.3978 25.658 24.7794 25.9393 25.0607C26.2206 25.342 26.6022 25.5 27 25.5H30V28.5Z" />
                                    <path
                                        d="M43.5 12H33V7.5C33 7.10218 32.842 6.72064 32.5607 6.43934C32.2794 6.15804 31.8978 6 31.5 6H16.5C16.1022 6 15.7206 6.15804 15.4393 6.43934C15.158 6.72064 15 7.10218 15 7.5V12H4.5C4.10218 12 3.72064 12.158 3.43934 12.4393C3.15804 12.7206 3 13.1022 3 13.5V40.5C3 40.8978 3.15804 41.2794 3.43934 41.5607C3.72064 41.842 4.10218 42 4.5 42H43.5C43.8978 42 44.2794 41.842 44.5607 41.5607C44.842 41.2794 45 40.8978 45 40.5V13.5C45 13.1022 44.842 12.7206 44.5607 12.4393C44.2794 12.158 43.8978 12 43.5 12ZM18 9H30V12H18V9ZM42 39H6V15H42V39Z" />
                                </svg>
                                <a href="{{ route('our.causes') }}" class="arr">
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                            <div class="content">
                                <a href="{{ route('our.causes') }}" aria-label="view details">
                                    Corporate Gifts donate
                                </a>
                            </div>
                        </div>
                        <div class="ff-service-three-single ff-service-three-single-alt">
                            <div class="content mt-0">
                                <a href="{{ route('our.causes') }}" aria-label="view details">
                                    Corporate Gifts donate
                                </a>
                                <p class="text-gr mt-10">Find information for
                                    people with dis</p>
                                <div class="mt-20">
                                    <a href="{{ route('our.causes') }}" class="arr">
                                        Read More
                                        <i class="fa-solid fa-arrow-right-long"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="ff-service-three-single">
                            <div class="thumb">
                                <svg xmlns="http://www.w3.org/2000/svg" width="43" height="43"
                                    viewBox="0 0 43 43" fill="none">
                                    <path
                                        d="M32.0188 4.97281C28.2635 4.20975 24.4014 5.31054 21.6852 7.90446C21.5724 8.01184 21.4272 8.01244 21.3156 7.90506C18.5987 5.30934 14.736 4.21095 10.9813 4.97281C5.8205 6.01721 2.0664 10.4636 1.85164 15.7858C1.7341 18.6879 2.93069 21.8766 5.36879 24.3042C5.36939 24.3054 5.37059 24.3054 5.37179 24.3066C5.37419 24.309 5.37719 24.3114 5.37959 24.315C5.58535 24.519 7.34242 26.2634 18.0438 36.8515C19.9474 38.7359 23.0498 38.7364 24.9575 36.8503C27.2857 34.5479 35.1541 26.7671 37.6284 24.3066C39.8849 22.0621 41.2763 18.9255 41.1485 15.7858C40.9338 10.4636 37.1791 6.01721 32.0188 4.97281ZM23.2479 35.1238L23.2287 35.1046C22.276 36.0476 20.7265 36.0488 19.7715 35.1046C8.5002 23.9527 7.15526 22.6149 7.09107 22.5513C7.08987 22.5501 7.08867 22.5489 7.08807 22.5477C6.56204 22.0222 6.11205 21.4482 5.7273 20.8465H14.2105L17.6227 25.8399C17.8525 26.1759 18.2322 26.375 18.6371 26.375C18.6503 26.375 18.6635 26.375 18.6767 26.3738C19.0966 26.3606 19.4806 26.1339 19.6941 25.7727L25.1927 16.4877L27.4555 20.2514C27.6774 20.6209 28.077 20.8465 28.5083 20.8465H37.2727C36.8839 21.4544 36.4288 22.0342 35.8959 22.5645C31.7029 26.7341 23.5415 34.7644 23.2479 35.1238ZM38.6938 15.8854C38.7278 16.7226 38.6163 17.5656 38.3851 18.3893H29.203L26.2377 13.4564C26.0157 13.0869 25.6162 12.8607 25.1849 12.8607C24.7476 12.8961 24.3487 13.0899 24.1279 13.463L18.5627 22.8609L15.8734 18.9244C15.6443 18.5897 15.2645 18.3893 14.859 18.3893H4.6151C4.38392 17.5652 4.27249 16.7218 4.30639 15.8842C4.47555 11.697 7.42041 8.20021 11.4685 7.38076C14.4799 6.77187 17.4499 7.60992 19.6185 9.68253C20.6743 10.6891 22.3264 10.6873 23.3822 9.68193C25.5496 7.61112 28.5203 6.77427 31.5317 7.38076C35.5792 8.20021 38.524 11.6982 38.6938 15.8854C38.6938 15.8854 38.6938 15.8842 38.6938 15.8854Z" />
                                </svg>
                                <a href="{{ route('our.causes') }}" class="arr">
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                            <div class="content">
                                <a href="{{ route('our.causes') }}" aria-label="view details">
                                    Corporate Gifts donate
                                </a>
                            </div>
                        </div>
                        <div class="ff-service-three-single">
                            <div class="thumb">
                                <svg xmlns="http://www.w3.org/2000/svg" width="37" height="37"
                                    viewBox="0 0 37 37" fill="none">
                                    <g clip-path="url(#clip0_65_271)">
                                        <path
                                            d="M32.4911 12.8487L28.8642 11.5286C30.1755 10.445 30.7355 8.72635 30.334 7.09315C29.5451 3.88434 25.6327 2.66623 23.1609 4.85132L20.6568 7.06496L20.1614 3.74508C19.6716 0.476578 15.8875 -1.09592 13.2255 0.851637C11.8944 1.82542 11.1864 3.50407 11.5004 5.20853L8.08091 3.96397C6.39856 3.35152 4.53129 4.22218 3.91884 5.90474L2.43812 9.97308C2.23368 10.5348 2.52332 11.156 3.08511 11.3604C3.31297 11.4432 19.7598 17.4294 20.0013 17.5173C19.3168 17.5173 4.32671 17.5173 3.66721 17.5173C3.06943 17.5173 2.58482 18.0019 2.58482 18.5997V33.7529C2.58482 35.5434 4.04148 37.0001 5.83193 37.0001H14.4909H18.8204H27.4795C29.2699 37.0001 30.7266 35.5434 30.7266 33.7529V21.421L31.5639 21.7259C32.123 21.9295 32.7458 21.643 32.9512 21.0789L34.432 17.0106C35.0442 15.328 34.1736 13.4611 32.4911 12.8487ZM13.4085 34.8353H5.83186C5.23502 34.8353 4.74946 34.3498 4.74946 33.7529V19.6821H13.4085V34.8353ZM17.738 34.8353H15.5733V19.6821H17.738V34.8353ZM24.5946 6.47325C25.8502 5.36318 27.8325 5.98589 28.2318 7.61006C28.6577 9.34176 26.9839 10.8433 25.3086 10.2345C23.8837 9.71588 23.2159 9.47285 21.789 8.95348L24.5946 6.47325ZM14.5036 2.59888C15.8564 1.60927 17.7727 2.41229 18.0206 4.06608L18.5756 7.78379C18.1761 7.63839 15.4493 6.64582 15.0563 6.50288C13.3809 5.89274 13.0645 3.6515 14.5036 2.59888ZM15.0135 13.3983L4.84254 9.6963L5.95312 6.6451C6.15727 6.08425 6.77969 5.79417 7.34047 5.99818C8.47866 6.4124 16.1432 9.20208 16.4942 9.32984L15.0135 13.3983ZM19.0819 14.8791L17.0477 14.1387L18.5285 10.0703L20.5627 10.8108L19.0819 14.8791ZM28.5617 33.7529C28.5617 34.3498 28.0762 34.8353 27.4793 34.8353H19.9028V19.6821H25.9489L28.5618 20.6331V33.7529H28.5617ZM32.3976 16.2701L31.2871 19.3214L21.1161 15.6194L22.5969 11.5511L31.7507 14.8827C32.3116 15.0869 32.6017 15.7093 32.3976 16.2701Z" />
                                    </g>
                                    <defs>
                                        <clipPath id="clip0_65_271">
                                            <rect width="37" height="37" fill="white" />
                                        </clipPath>
                                    </defs>
                                </svg>
                                <a href="{{ route('our.causes') }}" class="arr">
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                            <div class="content">
                                <a href="{{ route('our.causes') }}" aria-label="view details">
                                    Corporate Gifts donate
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="cgf">
            <img src="{{ asset('assets/images/cgf.png') }}" alt="Image">
        </div>
        <div class="h-green">
            <img src="{{ asset('assets/images/h-green.png') }}" alt="Image">
        </div>
    </section>
    <!-- ==== / service section end ==== -->

    <!-- ==== cause section start ==== -->
    <section class="cause fc-cause ff-cause pt-120 pb-120">
        <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">
                        <span class="sub-title">We are always open for children</span>
                        <h2 class="title-animation mt-0 text-black">Our Recent Causes
                        </h2>
                    </div>
                </div>
            </div>
            <div class="row gutter-30 mt-60">
                <div class="col-12">

                </div>

            </div>
            <div class="row">
                <div class="col-12">

                </div>
            </div>
        </div>
        <div class="ff-cause-slider swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="cause__slider-single">
                        <div class="thumb">
                            <a href="{{ route('cause.details') }}">
                                <img src="{{ asset('assets/images/cause/eight.png') }}" alt="Image">
                            </a>
                            <div class="tag">
                                <a href="{{ route('our.causes') }}">Health</a>
                            </div>
                        </div>
                        <div class="content">
                            <h6 class="fw-7"><a href="{{ route('cause.details') }}">It is a long established fact
                                    that a reader</a></h6>
                            <p>Business is the activity of making one's
                                buying and selling product
                            </p>
                        </div>
                        <div class="cause__slider-cta">
                            <div class="cause__progress progress-bar-single">
                                <div class="cause-progress__intro">
                                    <p><span class="raised">$25,294</span> raised of <span class="goal">$100,000</span>
                                        goal
                                        <span class="percent-value">70%</span>
                                    </p>
                                </div>
                                <div class="cause-progress__bar">
                                    <div class="progress-bar-wrapper" data-percent="70%">
                                        <div class="progress-bar">
                                            <div class="progress-bar-percent">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="cause__cta">
                                <a href="{{ route('donate.us') }}" aria-label="donate now" title="donate now"
                                    class="btn--secondary">Donate Now</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="cause__slider-single">
                        <div class="thumb">
                            <a href="{{ route('cause.details') }}">
                                <img src="{{ asset('assets/images/cause/nine.png') }}" alt="Image">
                            </a>
                            <div class="tag">
                                <a href="{{ route('our.causes') }}">Food</a>
                            </div>
                        </div>
                        <div class="content">
                            <h6><a href="{{ route('cause.details') }}">It is a long established fact
                                    that a reader</a></h6>
                            <p>Business is the activity of making one's
                                buying and selling product
                            </p>
                        </div>
                        <div class="cause__slider-cta">
                            <div class="cause__progress progress-bar-single">
                                <div class="cause-progress__intro">
                                    <p><span class="raised">$25,294</span> raised of <span class="goal">$100,000</span>
                                        goal
                                        <span class="percent-value">80%</span>
                                    </p>
                                </div>
                                <div class="cause-progress__bar">
                                    <div class="progress-bar-wrapper" data-percent="80%">
                                        <div class="progress-bar">
                                            <div class="progress-bar-percent">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="cause__cta">
                                <a href="{{ route('donate.us') }}" aria-label="donate now" title="donate now"
                                    class="btn--secondary">Donate Now</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="cause__slider-single">
                        <div class="thumb">
                            <a href="{{ route('cause.details') }}">
                                <img src="{{ asset('assets/images/cause/ten.png') }}" alt="Image">
                            </a>
                            <div class="tag">
                                <a href="{{ route('our.causes') }}">Health</a>
                            </div>
                        </div>
                        <div class="content">
                            <h6><a href="{{ route('cause.details') }}">It is a long established fact
                                    that a reader</a></h6>
                            <p>Business is the activity of making one's
                                buying and selling product
                            </p>
                        </div>
                        <div class="cause__slider-cta">
                            <div class="cause__progress progress-bar-single">
                                <div class="cause-progress__intro">
                                    <p><span class="raised">$25,294</span> raised of <span class="goal">$100,000</span>
                                        goal
                                        <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>
                            <div class="cause__cta">
                                <a href="{{ route('donate.us') }}" aria-label="donate now" title="donate now"
                                    class="btn--secondary">Donate Now</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="cause__slider-single">
                        <div class="thumb">
                            <a href="{{ route('cause.details') }}">
                                <img src="{{ asset('assets/images/cause/eight.png') }}" alt="Image">
                            </a>
                            <div class="tag">
                                <a href="{{ route('our.causes') }}">Health</a>
                            </div>
                        </div>
                        <div class="content">
                            <h6 class="fw-7"><a href="{{ route('cause.details') }}">It is a long established fact
                                    that a reader</a></h6>
                            <p>Business is the activity of making one's
                                buying and selling product
                            </p>
                        </div>
                        <div class="cause__slider-cta">
                            <div class="cause__progress progress-bar-single">
                                <div class="cause-progress__intro">
                                    <p><span class="raised">$25,294</span> raised of <span class="goal">$100,000</span>
                                        goal
                                        <span class="percent-value">70%</span>
                                    </p>
                                </div>
                                <div class="cause-progress__bar">
                                    <div class="progress-bar-wrapper" data-percent="70%">
                                        <div class="progress-bar">
                                            <div class="progress-bar-percent">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="cause__cta">
                                <a href="{{ route('donate.us') }}" aria-label="donate now" title="donate now"
                                    class="btn--secondary">Donate Now</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="cause__slider-single">
                        <div class="thumb">
                            <a href="{{ route('cause.details') }}">
                                <img src="{{ asset('assets/images/cause/nine.png') }}" alt="Image">
                            </a>
                            <div class="tag">
                                <a href="{{ route('our.causes') }}">Food</a>
                            </div>
                        </div>
                        <div class="content">
                            <h6><a href="{{ route('cause.details') }}">It is a long established fact
                                    that a reader</a></h6>
                            <p>Business is the activity of making one's
                                buying and selling product
                            </p>
                        </div>
                        <div class="cause__slider-cta">
                            <div class="cause__progress progress-bar-single">
                                <div class="cause-progress__intro">
                                    <p><span class="raised">$25,294</span> raised of <span class="goal">$100,000</span>
                                        goal
                                        <span class="percent-value">80%</span>
                                    </p>
                                </div>
                                <div class="cause-progress__bar">
                                    <div class="progress-bar-wrapper" data-percent="80%">
                                        <div class="progress-bar">
                                            <div class="progress-bar-percent">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="cause__cta">
                                <a href="{{ route('donate.us') }}" aria-label="donate now" title="donate now"
                                    class="btn--secondary">Donate Now</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="cause__slider-single">
                        <div class="thumb">
                            <a href="{{ route('cause.details') }}">
                                <img src="{{ asset('assets/images/cause/ten.png') }}" alt="Image">
                            </a>
                            <div class="tag">
                                <a href="{{ route('our.causes') }}">Health</a>
                            </div>
                        </div>
                        <div class="content">
                            <h6><a href="{{ route('cause.details') }}">It is a long established fact
                                    that a reader</a></h6>
                            <p>Business is the activity of making one's
                                buying and selling product
                            </p>
                        </div>
                        <div class="cause__slider-cta">
                            <div class="cause__progress progress-bar-single">
                                <div class="cause-progress__intro">
                                    <p><span class="raised">$25,294</span> raised of <span class="goal">$100,000</span>
                                        goal
                                        <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>
                            <div class="cause__cta">
                                <a href="{{ route('donate.us') }}" aria-label="donate now" title="donate now"
                                    class="btn--secondary">Donate Now</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="cause__slider-single">
                        <div class="thumb">
                            <a href="{{ route('cause.details') }}">
                                <img src="{{ asset('assets/images/cause/eight.png') }}" alt="Image">
                            </a>
                            <div class="tag">
                                <a href="{{ route('our.causes') }}">Health</a>
                            </div>
                        </div>
                        <div class="content">
                            <h6 class="fw-7"><a href="{{ route('cause.details') }}">It is a long established fact
                                    that a reader</a></h6>
                            <p>Business is the activity of making one's
                                buying and selling product
                            </p>
                        </div>
                        <div class="cause__slider-cta">
                            <div class="cause__progress progress-bar-single">
                                <div class="cause-progress__intro">
                                    <p><span class="raised">$25,294</span> raised of <span class="goal">$100,000</span>
                                        goal
                                        <span class="percent-value">70%</span>
                                    </p>
                                </div>
                                <div class="cause-progress__bar">
                                    <div class="progress-bar-wrapper" data-percent="70%">
                                        <div class="progress-bar">
                                            <div class="progress-bar-percent">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="cause__cta">
                                <a href="{{ route('donate.us') }}" aria-label="donate now" title="donate now"
                                    class="btn--secondary">Donate Now</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="cause__slider-single">
                        <div class="thumb">
                            <a href="{{ route('cause.details') }}">
                                <img src="{{ asset('assets/images/cause/nine.png') }}" alt="Image">
                            </a>
                            <div class="tag">
                                <a href="{{ route('our.causes') }}">Food</a>
                            </div>
                        </div>
                        <div class="content">
                            <h6><a href="{{ route('cause.details') }}">It is a long established fact
                                    that a reader</a></h6>
                            <p>Business is the activity of making one's
                                buying and selling product
                            </p>
                        </div>
                        <div class="cause__slider-cta">
                            <div class="cause__progress progress-bar-single">
                                <div class="cause-progress__intro">
                                    <p><span class="raised">$25,294</span> raised of <span class="goal">$100,000</span>
                                        goal
                                        <span class="percent-value">80%</span>
                                    </p>
                                </div>
                                <div class="cause-progress__bar">
                                    <div class="progress-bar-wrapper" data-percent="80%">
                                        <div class="progress-bar">
                                            <div class="progress-bar-percent">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="cause__cta">
                                <a href="{{ route('donate.us') }}" aria-label="donate now" title="donate now"
                                    class="btn--secondary">Donate Now</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="cause__slider-single">
                        <div class="thumb">
                            <a href="{{ route('cause.details') }}">
                                <img src="{{ asset('assets/images/cause/ten.png') }}" alt="Image">
                            </a>
                            <div class="tag">
                                <a href="{{ route('our.causes') }}">Health</a>
                            </div>
                        </div>
                        <div class="content">
                            <h6><a href="{{ route('cause.details') }}">It is a long established fact
                                    that a reader</a></h6>
                            <p>Business is the activity of making one's
                                buying and selling product
                            </p>
                        </div>
                        <div class="cause__slider-cta">
                            <div class="cause__progress progress-bar-single">
                                <div class="cause-progress__intro">
                                    <p><span class="raised">$25,294</span> raised of <span class="goal">$100,000</span>
                                        goal
                                        <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>
                            <div class="cause__cta">
                                <a href="{{ route('donate.us') }}" aria-label="donate now" title="donate now"
                                    class="btn--secondary">Donate Now</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="cta text-center">
            <a href="{{ route('our.causes') }}" aria-label="view all" title="view all" class="btn--primary">All Causes <i
                    class="icon-heart"></i></a>
        </div>
    </section>
    <!-- ==== / cause section end ==== -->

    <!-- ==== gallery section start ==== -->
    <section class="ff-gallery pt-120 pb-120">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-lg-10 col-xl-7">
                    <div class="section__header text-center" data-aos="fade-up" data-aos-duration="1000">
                        <span class="sub-title">We are always open for children</span>
                        <h2 class="title-animation mt-0 fw-6">Recent Causes gallery</h2>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-12 col-xl-6">
                    <div class="thumb-lg">
                        <img src="{{ asset('assets/images/gallery-two/thumb.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>
            </div>
        </div>

        <div class="left-group">
            <div class="m-one move-image">
                <img src="{{ asset('assets/images/gallery-two/one.png') }}" alt="Image" data-aos="fade-right"
                    data-aos-duration="1000">
            </div>
            <div class="m-two move-image">
                <img src="{{ asset('assets/images/gallery-two/two.png') }}" alt="Image" data-aos="fade-right"
                    data-aos-duration="1000">
            </div>
            <div class="m-three move-image">
                <img src="{{ asset('assets/images/gallery-two/three.png') }}" alt="Image" data-aos="fade-right"
                    data-aos-duration="1000">
            </div>
        </div>
        <div class="right-group">
            <div class="m-one move-image">
                <img src="{{ asset('assets/images/gallery-two/one.png') }}" alt="Image" data-aos="fade-left"
                    data-aos-duration="1000">
            </div>
            <div class="m-two move-image">
                <img src="{{ asset('assets/images/gallery-two/two.png') }}" alt="Image" data-aos="fade-left"
                    data-aos-duration="1000">
            </div>
            <div class="m-three move-image">
                <img src="{{ asset('assets/images/gallery-two/four.png') }}" alt="Image" data-aos="fade-left"
                    data-aos-duration="1000">
            </div>
        </div>
    </section>
    <!-- ==== / gallery section end ==== -->

    <!-- ==== volunteer section start ==== -->
    <section class="ff-volunteer-two pt-120 pb-120 donation-future">
        <div class="container">
            <div class="row gutter-40">
                <div class="col-12 col-xl-7">
                    <div class="ff-voluntter__content">
                        <div class="section__header" data-aos="fade-up" data-aos-duration="1000">
                            <span class="sub-title">We are always open for children</span>
                            <h2 class="title-animation fw-6 mt-0">Helping each other can
                                make world better</h2>

                        </div>
                        <div class="thumb">
                            <img src="{{ asset('assets/images/ff-two.png') }}" alt="Image">
                        </div>
                        <div class="cd-f">

                            <div class="commmit-tab-single">
                                <div class="commit-tab-inner">
                                    <div class="thumb">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44"
                                            viewBox="0 0 44 44" fill="none">
                                            <g clip-path="url(#clip0_66_456)">
                                                <path
                                                    d="M43.4296 31.9121C41.6885 27.2445 34.8448 19.1154 31.5331 15.3949H31.6897C32.4015 15.3949 32.9786 14.8178 32.9786 14.1061C32.9786 13.3942 32.4015 12.8173 31.6897 12.8173H31.4756C33.5051 10.5392 36.5506 7.1093 37.4058 6.08355C39.1731 3.96347 38.5689 2.06674 37.5146 1.08671C35.9593 -0.359013 32.9526 -0.492646 30.1703 1.48349C28.1244 -0.472708 24.0801 -0.468755 22.0383 1.48349C19.2561 -0.492474 16.2494 -0.359013 14.694 1.08671C13.6397 2.06674 13.0357 3.96347 14.803 6.08355C15.6582 7.10938 18.7035 10.5392 20.733 12.8173H20.519C19.8072 12.8173 19.2301 13.3943 19.2301 14.1061C19.2301 14.8179 19.8072 15.3949 20.519 15.3949H20.6756C18.905 17.3841 17.252 19.3277 15.4157 21.6521C15.2608 21.1141 14.7659 20.7201 14.178 20.7201H1.28889C0.57707 20.7202 0 21.2971 0 22.009V42.7111C0 43.4229 0.57707 43.9999 1.28889 43.9999H34.9449C41.1174 43.9999 45.6436 37.8474 43.4296 31.9121ZM16.4492 2.97459C17.0657 2.40147 19.2228 2.19367 21.4155 4.31023C22.1108 4.98123 23.2728 4.67521 23.5467 3.74811C23.6894 3.26488 24.6577 2.59552 26.1044 2.59552C27.551 2.59552 28.5192 3.26488 28.662 3.74811C28.9357 4.67469 30.0976 4.98174 30.7932 4.31023C32.9859 2.19359 35.1429 2.40138 35.7595 2.97459C36.1918 3.37643 35.7358 4.06084 35.4256 4.43303C34.3373 5.7386 29.3911 11.2833 28.0213 12.8173H24.1874C22.8175 11.2833 17.8714 5.7386 16.7832 4.43303C16.4729 4.06084 16.0169 3.37643 16.4492 2.97459ZM9.23046 36.1823H2.57787V33.6059H10.4235C9.84921 34.3534 9.43439 35.229 9.23046 36.1823ZM12.8892 31.0282H2.57787V28.4519H12.8892V31.0282ZM12.8892 23.2978V25.8742H2.57787V23.2978H12.8892ZM2.57787 38.7599H9.20468C9.39434 39.7446 9.8071 40.6505 10.3897 41.4222H2.57787V38.7599ZM11.6646 37.5356C11.6646 35.3924 13.4083 33.6489 15.5541 33.6489C17.6974 33.6489 19.441 35.3924 19.441 37.5356C19.441 39.6787 17.6974 41.4222 15.5541 41.4222C13.4013 41.4222 11.6646 39.6726 11.6646 37.5356ZM34.9449 41.4222H20.7161C21.5334 40.3397 22.0189 38.9934 22.0189 37.5356C22.0189 33.9648 19.0984 31.0276 15.4669 31.0733V25.8248C18.9191 21.1539 22.4181 17.3144 24.1267 15.3949H28.0821L30.2973 17.8835C30.3859 17.9831 39.1804 27.8965 41.0144 32.813C42.567 36.9754 39.428 41.4222 34.9449 41.4222Z" />
                                                <path
                                                    d="M25.46 24.5863H28.6823C29.3942 24.5863 29.9712 24.0092 29.9712 23.2975C29.9712 22.5857 29.3942 22.0087 28.6823 22.0087H27.3934C27.3933 21.297 26.8163 20.7202 26.1046 20.7202C25.3927 20.7202 24.8157 21.2973 24.8157 22.009V22.0735C23.3466 22.3728 22.2378 23.6744 22.2378 25.2302C22.2378 27.0066 23.6833 28.4518 25.4601 28.4518H26.749C27.1043 28.4518 27.3934 28.7408 27.3934 29.0958C27.3934 29.4508 27.1043 29.7397 26.749 29.7397H23.5267C22.8149 29.7397 22.2378 30.3168 22.2378 31.0285C22.2378 31.7402 22.8149 32.3173 23.5267 32.3173H24.8156C24.8157 33.029 25.3927 33.6058 26.1045 33.6058C26.8163 33.6058 27.3934 33.0287 27.3934 32.317V32.2525C28.8624 31.9532 29.9712 30.6516 29.9712 29.0958C29.9712 27.3194 28.5258 25.8742 26.7489 25.8742H25.46C25.1047 25.8742 24.8156 25.5853 24.8156 25.2302C24.8156 24.8751 25.1047 24.5863 25.46 24.5863Z" />
                                            </g>
                                            <defs>
                                                <clipPath id="clip0_66_456">
                                                    <rect width="44" height="44" fill="white" />
                                                </clipPath>
                                            </defs>
                                        </svg>
                                    </div>
                                    <div class="content">
                                        <p class="text-lg fw-7">Fund Raised & Donation
                                            Treat raised</p>

                                    </div>
                                </div>

                                <div class="commit-tab-inner">
                                    <div class="thumb">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="53" height="53"
                                            viewBox="0 0 53 53" fill="none">
                                            <path
                                                d="M39.465 6.12925C34.8364 5.18874 30.0761 6.54553 26.7281 9.74269C26.5891 9.87504 26.4102 9.87578 26.2727 9.74343C22.9239 6.54406 18.163 5.19022 13.5351 6.12925C7.17404 7.41654 2.54689 12.897 2.28219 19.4569C2.13731 23.0339 3.61218 26.9642 6.61728 29.9563C6.61801 29.9578 6.61949 29.9578 6.62097 29.9593C6.62393 29.9622 6.62763 29.9652 6.63058 29.9696C6.8842 30.221 9.04989 32.3712 22.24 45.4216C24.5863 47.7442 28.4101 47.7449 30.7616 45.4201C33.6311 42.5823 43.3293 32.992 46.3791 29.9593C49.1604 27.1928 50.8754 23.3268 50.7179 19.4569C50.4532 12.897 45.8253 7.41654 39.465 6.12925ZM28.6543 43.2921L28.6306 43.2684C27.4565 44.4308 25.5466 44.4323 24.3695 43.2684C10.4769 29.523 8.8192 27.8742 8.74009 27.7958C8.73861 27.7943 8.73713 27.7929 8.73639 27.7914C8.08803 27.1437 7.53339 26.4362 7.05916 25.6944H17.5153L21.7209 31.8492C22.0041 32.2633 22.4722 32.5087 22.9713 32.5087C22.9875 32.5087 23.0038 32.5087 23.0201 32.5073C23.5376 32.491 24.0109 32.2115 24.2741 31.7664L31.0514 20.322L33.8404 24.961C34.114 25.4164 34.6064 25.6944 35.1381 25.6944H45.9406C45.4615 26.4437 44.9006 27.1585 44.2437 27.8121C39.0756 32.9513 29.0162 42.8491 28.6543 43.2921ZM47.6923 19.5796C47.7341 20.6116 47.5967 21.6506 47.3119 22.6659H35.9943L32.3394 16.5858C32.0659 16.1303 31.5734 15.8516 31.0418 15.8516C30.5028 15.8952 30.0111 16.134 29.739 16.5939L22.8796 28.1773L19.5649 23.3254C19.2824 22.9128 18.8144 22.6659 18.3145 22.6659H5.68831C5.40337 21.6501 5.26603 20.6105 5.3078 19.5782C5.51631 14.4172 9.14601 10.1072 14.1355 9.09719C17.8472 8.34671 21.508 9.37964 24.1809 11.9343C25.4823 13.175 27.5186 13.1728 28.8199 11.9335C31.4913 9.38112 35.1528 8.34966 38.8646 9.09719C43.8533 10.1072 47.483 14.4186 47.6923 19.5796C47.6923 19.5796 47.6923 19.5782 47.6923 19.5796Z" />
                                        </svg>
                                    </div>
                                    <div class="content">
                                        <p class="text-lg fw-6">We Helping People
                                            & Donation pik</p>

                                    </div>
                                </div>
                            </div>
                            <ul class="mt-40">
                                <li class="txt-lg"><i class="fa-solid fa-check"></i> Dedicated Team & volunteer</li>
                                <li class="txt-lg"><i class="fa-solid fa-check"></i> Domestics & Logistics</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-lg-6 col-xl-5">
                    <div class="donation-future__thumb" data-aos="fade-up" data-aos-duration="1000"
                        data-aos-delay="300">
                        <h5 class="fw-7">Support for eating funds</h5>
                        <div class="cause__progress progress-bar-single">
                            <div class="cause-progress__bar">
                                <div class="progress-bar-wrapper" data-percent="60%">
                                    <div class="progress-bar">
                                        <div class="progress-bar-percent"><span class="percent-value"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="cause-progress__goal">
                            <p>Raised: <span class="raised">$8500</span></p>
                            <p>Goal: <span class="goal">$1,00,000</span></p>
                        </div>
                        <hr>
                        <div class="made-amount">
                            <span class="donation-amount">$100</span>
                            <span class="donation-amount">$200</span>
                            <span class="donation-amount">$500</span>
                            <span class="donation-amount">$1000</span>
                            <span class="donation-amount">$10000</span>
                        </div>
                        <div class="mt-60">
                            <a href="{{ route('donate.us') }}" class="btn--primary">Donate Now <i class="icon-heart"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="parasuit">
            <img src="{{ asset('assets/images/parasuit.png') }}" alt="Image">
        </div>
        <div class="th-b">
            <img src="{{ asset('assets/images/fc-four.png') }}" alt="Image">
        </div>
    </section>
    <!-- ==== / volunteer section end ==== -->

    <!-- ==== service section start ==== -->
    <section class="ff-service pt-120 pb-120">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-lg-10 col-xl-7">
                    <div class="section__header text-center" data-aos="fade-up" data-aos-duration="1000">
                        <span class="sub-title">We are always open for children</span>
                        <h2 class="title-animation mt-0 fw-6 text-white">Helping each other can
                            make world better

                        </h2>
                    </div>
                </div>
            </div>
            <div class="row gutter-30">
                <div class="col-12 col-sm-6 col-lg-4 col-xxl-3">
                    <div class="ff-service__single">
                        <div class="thumb">
                            <svg xmlns="http://www.w3.org/2000/svg" width="65" height="64" viewBox="0 0 65 64"
                                fill="none">
                                <g clip-path="url(#clip0_67_686)">
                                    <path
                                        d="M63.6203 43.5675L58.6631 38.6877V21.9495L61.8994 20.801C62.6424 20.5372 63.1378 19.8436 63.1384 19.066C63.1391 18.2887 62.6446 17.5942 61.9019 17.3295L32.2923 6.77384C31.8799 6.62682 31.4278 6.62682 31.0155 6.77384L1.40595 17.3295C0.666148 17.5933 0.172445 18.2835 0.169445 19.058C0.166695 19.8325 0.655274 20.5263 1.39295 20.7954L12.3205 24.7802V36.9429C12.3205 37.3204 12.438 37.6889 12.6574 37.9984C12.778 38.1687 13.9205 39.7046 16.8457 41.1539C20.5413 42.9852 25.3883 43.9137 31.252 43.9137C37.1114 43.9137 41.983 42.9872 45.7312 41.1595C48.6853 39.7191 49.8658 38.1992 49.9908 38.0308C50.2248 37.715 50.3509 37.3342 50.3509 36.9432V24.8993L54.9136 23.28V38.6877L49.9563 43.5675C49.6047 43.9136 49.4071 44.383 49.4071 44.8724C49.4071 45.3619 49.6046 45.8314 49.9563 46.1773L54.9136 51.057V55.1513C54.9136 56.1705 55.753 56.9968 56.7884 56.9968C57.8238 56.9968 58.6632 56.1705 58.6632 55.1513V51.057L63.6204 46.1773C64.3526 45.4568 64.3526 44.2881 63.6203 43.5675ZM31.6539 10.4719L55.7468 19.0609L31.2609 27.7507L7.49512 19.0844L31.6539 10.4719ZM46.6011 36.2074C40.1919 41.8845 21.1464 41.2335 16.0702 36.2259V26.1476L30.6007 31.4462C30.8313 31.4821 31.049 31.6779 31.8878 31.4519L46.6013 26.2303L46.6011 36.2074ZM56.7883 47.6828L53.9332 44.8724L56.7883 42.0619L59.6433 44.8724L56.7883 47.6828Z"
                                        fill="#EF642F" />
                                </g>
                                <defs>
                                    <clipPath id="clip0_67_686">
                                        <rect width="64" height="63" fill="white"
                                            transform="translate(0.169434 0.330078)" />
                                    </clipPath>
                                </defs>
                            </svg>
                        </div>
                        <div class="content mt-15">
                            <p class="txt-lg fw-7">We Educate & help
                                poor people</p>
                            <p class="mt-20">Transmax is the world tr
                                we uphold industry Cu
                                stomer Oriented </p>
                            <div class="mt-30">
                                <a href="{{ route('our.causes') }}">Read More<i class="fa-solid fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-lg-4 col-xxl-3">
                    <div class="ff-service__single">
                        <div class="thumb">
                            <svg xmlns="http://www.w3.org/2000/svg" width="53" height="53" viewBox="0 0 53 53"
                                fill="none">
                                <g clip-path="url(#clip0_67_667)">
                                    <path
                                        d="M41.6081 3.33384C39.9187 1.43523 37.577 0.389648 35.0142 0.389648C32.1536 0.389648 29.6739 1.74226 27.8433 4.30112C27.706 4.49297 27.5776 4.68482 27.4572 4.87474C27.337 4.68472 27.2086 4.49297 27.0713 4.30112C25.2405 1.74226 22.7609 0.389648 19.9003 0.389648C17.3375 0.389648 14.9956 1.43523 13.3064 3.33374C11.7033 5.13545 10.8203 7.5441 10.8203 10.116C10.8203 12.9109 11.9049 15.4898 14.2332 18.2324C16.2648 20.6252 19.1788 23.0848 22.5531 25.9328C23.8 26.9853 25.0894 28.0735 26.4596 29.2611C26.7458 29.5091 27.1015 29.6332 27.4571 29.6332C27.8127 29.6332 28.1684 29.5091 28.4547 29.2611C29.8246 28.0738 31.1139 26.9856 32.3608 25.9333C34.5278 24.1041 36.3993 22.5245 38.0234 20.9924C41.1765 18.0174 44.0942 14.6408 44.0942 10.1161C44.0942 7.5441 43.2113 5.13555 41.6081 3.33384ZM35.9329 18.7766C34.3703 20.251 32.5285 21.8054 30.396 23.6053C29.4473 24.4059 28.4744 25.2271 27.4572 26.0993C26.4399 25.2272 25.4666 24.4058 24.5179 23.605C17.8758 17.9988 13.8666 14.615 13.8666 10.1161C13.8664 6.30779 16.4603 3.43601 19.9002 3.43601C21.738 3.43601 23.3009 4.30112 24.5455 6.00726C25.5671 7.4074 25.9864 8.85893 25.9892 8.86868C26.1721 9.52853 26.7725 9.98536 27.4571 9.98536C28.1418 9.98536 28.7422 9.52853 28.925 8.86868C28.94 8.81434 30.482 3.43601 35.0142 3.43601C38.454 3.43601 41.048 6.30789 41.048 10.1161C41.048 12.8754 39.6138 15.3036 35.9329 18.7766Z"
                                        fill="#F7A10C" />
                                    <path
                                        d="M48.1872 31.0661C46.9237 31.0661 45.7048 31.5966 44.8433 32.5214L40.3667 37.3271C39.7881 35.4669 38.0506 34.1124 36.0025 34.1124H28.9662C27.9812 34.1124 27.0313 33.754 26.2917 33.1031C22.3142 29.6029 16.3356 29.5721 12.3204 33.0064C11.4923 31.834 10.1279 31.0662 8.58664 31.0662H2.2912C1.45006 31.0662 0.768066 31.7481 0.768066 32.5893V50.8665C0.768066 51.7076 1.44996 52.3896 2.2912 52.3896H8.58664C9.95448 52.3896 11.183 51.7846 12.0211 50.8291L12.923 51.0826C16.0083 51.9499 19.1976 52.3895 22.4024 52.3895H36.0024C39.3403 52.3895 42.5289 50.7952 44.5317 48.1248L51.8441 38.3751C51.8442 38.3749 51.8443 38.3747 51.8445 38.3745C52.4412 37.5789 52.7565 36.6317 52.7565 35.6353C52.7565 33.1158 50.7067 31.0661 48.1872 31.0661ZM10.1098 47.8201C10.1098 48.6599 9.42656 49.3433 8.58664 49.3433H3.81423V34.1123H8.58664C9.42646 34.1123 10.1098 34.7955 10.1098 35.6354V47.8201ZM49.4073 36.5471L49.4071 36.5473L42.0948 46.2972C40.6642 48.2046 38.3867 49.3434 36.0024 49.3434H22.4027C19.4766 49.3434 16.5646 48.9419 13.7476 48.1501L13.152 47.9826C13.1539 47.9286 13.1561 47.8747 13.1561 47.8202V36.3239L14.2176 35.3898C17.0857 32.866 21.4113 32.8658 24.2796 35.3898C25.5757 36.5303 27.24 37.1583 28.9664 37.1583H36.0027C36.8425 37.1583 37.5258 37.8416 37.5258 38.6814C37.5258 39.5213 36.8426 40.2046 36.0027 40.2046H25.1777C24.3365 40.2046 23.6545 40.8865 23.6545 41.7277C23.6545 42.5689 24.3364 43.2508 25.1777 43.2508H37.0233C38.2868 43.2508 39.5055 42.7206 40.3668 41.796L47.0723 34.5976C47.3638 34.2846 47.7598 34.1123 48.1872 34.1123C49.027 34.1123 49.7103 34.7955 49.7103 35.6354C49.7103 35.9675 49.6055 36.2828 49.4073 36.5471Z"
                                        fill="#F7A10C" />
                                </g>
                                <defs>
                                    <clipPath id="clip0_67_667">
                                        <rect width="52" height="52" fill="white"
                                            transform="translate(0.762207 0.389648)" />
                                    </clipPath>
                                </defs>
                            </svg>
                        </div>
                        <div class="content mt-15">
                            <p class="txt-lg fw-7">We Helping People
                                & Donation</p>
                            <p class="mt-20">Transmax is the world tr
                                we uphold industry Cu
                                stomer Oriented </p>
                            <div class="mt-30">
                                <a href="{{ route('our.causes') }}">Read More<i class="fa-solid fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-lg-4 col-xxl-3">
                    <div class="ff-service__single">
                        <div class="thumb">
                            <svg xmlns="http://www.w3.org/2000/svg" width="55" height="55" viewBox="0 0 55 55"
                                fill="none">
                                <g clip-path="url(#clip0_67_700)">
                                    <path
                                        d="M36.7308 20.3423C36.3679 20.3423 36.0198 20.1982 35.7632 19.9415C35.5065 19.6849 35.3624 19.3368 35.3624 18.9739V11.4749C35.3624 11.112 35.2182 10.7639 34.9616 10.5073C34.7049 10.2507 34.3569 10.1065 33.9939 10.1065H29.136C28.7731 10.1065 28.425 9.96231 28.1684 9.70568C27.9118 9.44905 27.7676 9.10099 27.7676 8.73806C27.7676 8.37513 27.9118 8.02706 28.1684 7.77043C28.425 7.5138 28.7731 7.36963 29.136 7.36963H33.9939C35.0827 7.36963 36.1269 7.80215 36.8968 8.57204C37.6667 9.34193 38.0992 10.3861 38.0992 11.4749V18.9739C38.0992 19.3368 37.955 19.6849 37.6984 19.9415C37.4418 20.1982 37.0937 20.3423 36.7308 20.3423Z"
                                        fill="#17C6D8" />
                                    <path
                                        d="M24.5781 54.5093H4.11554C3.02675 54.5093 1.98255 54.0767 1.21266 53.3068C0.442774 52.537 0.0102539 51.4928 0.0102539 50.404V11.4749C0.0102539 10.3861 0.442774 9.34193 1.21266 8.57204C1.98255 7.80215 3.02675 7.36963 4.11554 7.36963H8.97346C9.33639 7.36963 9.68446 7.5138 9.94109 7.77043C10.1977 8.02706 10.3419 8.37513 10.3419 8.73806C10.3419 9.10099 10.1977 9.44905 9.94109 9.70568C9.68446 9.96231 9.33639 10.1065 8.97346 10.1065H4.11554C3.75261 10.1065 3.40455 10.2507 3.14792 10.5073C2.89128 10.7639 2.74711 11.112 2.74711 11.4749V50.404C2.74711 50.7669 2.89128 51.115 3.14792 51.3716C3.40455 51.6282 3.75261 51.7724 4.11554 51.7724H24.5781C24.941 51.7724 25.2891 51.9166 25.5457 52.1732C25.8024 52.4298 25.9465 52.7779 25.9465 53.1408C25.9465 53.5038 25.8024 53.8518 25.5457 54.1085C25.2891 54.3651 24.941 54.5093 24.5781 54.5093Z"
                                        fill="#17C6D8" />
                                    <path
                                        d="M9.32285 24.9413C9.14305 24.9412 8.96503 24.9058 8.79894 24.8369C8.63286 24.768 8.48198 24.6671 8.35492 24.5399L5.75946 21.9444C5.63235 21.8174 5.53151 21.6665 5.4627 21.5005C5.39388 21.3345 5.35844 21.1565 5.3584 20.9768C5.35836 20.7971 5.39371 20.6191 5.46245 20.4531C5.53119 20.287 5.63196 20.1361 5.75901 20.009C5.88606 19.8819 6.0369 19.7811 6.20293 19.7122C6.36895 19.6434 6.5469 19.608 6.72662 19.608C6.90634 19.6079 7.08431 19.6433 7.25037 19.712C7.41642 19.7807 7.56731 19.8815 7.69442 20.0086L9.32285 21.6379L13.2019 17.7543C13.4587 17.4972 13.8072 17.3527 14.1706 17.3525C14.5339 17.3524 14.8825 17.4966 15.1396 17.7534C15.3967 18.0102 15.5412 18.3587 15.5414 18.722C15.5415 19.0854 15.3973 19.434 15.1405 19.6911L10.2899 24.5408C10.0333 24.7972 9.68553 24.9412 9.32285 24.9413Z"
                                        fill="#17C6D8" />
                                    <path
                                        d="M9.32301 36.2742C9.14327 36.2743 8.96528 36.239 8.7992 36.1703C8.63312 36.1016 8.48221 36.0008 8.35507 35.8737L5.75962 33.2774C5.51035 33.0193 5.37242 32.6736 5.37554 32.3148C5.37866 31.956 5.52257 31.6128 5.77629 31.3591C6.03001 31.1054 6.37323 30.9615 6.73203 30.9583C7.09082 30.9552 7.43649 31.0932 7.69458 31.3424L9.32301 32.9709L13.202 29.0873C13.4601 28.838 13.8058 28.7001 14.1646 28.7032C14.5234 28.7063 14.8666 28.8502 15.1203 29.1039C15.3741 29.3576 15.518 29.7009 15.5211 30.0597C15.5242 30.4185 15.3863 30.7641 15.137 31.0222L10.2864 35.8728C10.1601 35.9999 10.01 36.1007 9.84473 36.1696C9.67941 36.2385 9.50211 36.2741 9.32301 36.2742Z"
                                        fill="#17C6D8" />
                                    <path
                                        d="M9.32305 47.607C9.14331 47.607 8.96532 47.5717 8.79924 47.503C8.63316 47.4343 8.48224 47.3335 8.35511 47.2065L5.75966 44.6101C5.62106 44.4858 5.50926 44.3346 5.43111 44.1657C5.35297 43.9967 5.31011 43.8136 5.30517 43.6275C5.30023 43.4414 5.3333 43.2563 5.40237 43.0834C5.47144 42.9106 5.57505 42.7536 5.70686 42.6222C5.83867 42.4907 5.99592 42.3876 6.16897 42.319C6.34203 42.2504 6.52726 42.2179 6.71332 42.2233C6.89939 42.2288 7.08238 42.2722 7.25111 42.3508C7.41984 42.4294 7.57075 42.5417 7.69462 42.6806L9.32305 44.309L13.2021 40.4227C13.4602 40.1734 13.8058 40.0355 14.1646 40.0386C14.5234 40.0417 14.8667 40.1857 15.1204 40.4394C15.3741 40.6931 15.518 41.0363 15.5211 41.3951C15.5242 41.7539 15.3863 42.0996 15.137 42.3577L10.2864 47.2083C10.0305 47.4631 9.6842 47.6064 9.32305 47.607Z"
                                        fill="#17C6D8" />
                                    <path
                                        d="M30.7899 20.0904H19.6472C19.2843 20.0904 18.9362 19.9462 18.6796 19.6896C18.423 19.4329 18.2788 19.0849 18.2788 18.7219C18.2788 18.359 18.423 18.0109 18.6796 17.7543C18.9362 17.4977 19.2843 17.3535 19.6472 17.3535H30.7899C30.9696 17.3535 31.1475 17.3889 31.3136 17.4577C31.4796 17.5265 31.6304 17.6272 31.7575 17.7543C31.8846 17.8814 31.9854 18.0322 32.0542 18.1983C32.1229 18.3643 32.1583 18.5422 32.1583 18.7219C32.1583 18.9016 32.1229 19.0796 32.0542 19.2456C31.9854 19.4116 31.8846 19.5625 31.7575 19.6896C31.6304 19.8166 31.4796 19.9174 31.3136 19.9862C31.1475 20.055 30.9696 20.0904 30.7899 20.0904Z"
                                        fill="#17C6D8" />
                                    <path
                                        d="M24.5781 25.7579H19.6472C19.2843 25.7579 18.9362 25.6137 18.6796 25.357C18.423 25.1004 18.2788 24.7524 18.2788 24.3894C18.2788 24.0265 18.423 23.6784 18.6796 23.4218C18.9362 23.1652 19.2843 23.021 19.6472 23.021H24.5781C24.9411 23.021 25.2891 23.1652 25.5458 23.4218C25.8024 23.6784 25.9466 24.0265 25.9466 24.3894C25.9466 24.7524 25.8024 25.1004 25.5458 25.357C25.2891 25.6137 24.9411 25.7579 24.5781 25.7579Z"
                                        fill="#17C6D8" />
                                    <path
                                        d="M29.1359 13.1899H8.97439C8.61146 13.1899 8.26339 13.0457 8.00676 12.7891C7.75013 12.5325 7.60596 12.1844 7.60596 11.8215V5.65442C7.60596 5.29149 7.75013 4.94342 8.00676 4.68679C8.26339 4.43016 8.61146 4.28599 8.97439 4.28599H14.0941C14.3939 3.20026 15.0416 2.24283 15.9378 1.56055C16.834 0.878263 17.9292 0.508789 19.0556 0.508789C20.182 0.508789 21.2772 0.878263 22.1734 1.56055C23.0696 2.24283 23.7173 3.20026 24.0171 4.28599H29.1368C29.4997 4.28599 29.8478 4.43016 30.1044 4.68679C30.3611 4.94342 30.5052 5.29149 30.5052 5.65442V11.8215C30.5052 12.0012 30.4698 12.1793 30.401 12.3453C30.3322 12.5114 30.2313 12.6623 30.1041 12.7894C29.9769 12.9165 29.826 13.0173 29.6598 13.086C29.4937 13.1547 29.3157 13.19 29.1359 13.1899ZM10.3428 10.453H27.7675V7.02284H22.832C22.4691 7.02284 22.121 6.87867 21.8644 6.62204C21.6077 6.36541 21.4636 6.01735 21.4636 5.65442C21.4513 5.02366 21.1921 4.42288 20.7417 3.98114C20.2913 3.5394 19.6856 3.29195 19.0547 3.29195C18.4238 3.29195 17.8181 3.5394 17.3677 3.98114C16.9173 4.42288 16.6581 5.02366 16.6458 5.65442C16.6458 6.01735 16.5016 6.36541 16.245 6.62204C15.9884 6.87867 15.6403 7.02284 15.2774 7.02284H10.3419L10.3428 10.453Z"
                                        fill="#17C6D8" />
                                    <path
                                        d="M38.2662 54.5094C29.5849 54.5094 22.522 47.4465 22.522 38.7652C22.522 30.0839 29.5849 23.021 38.2662 23.021C46.9475 23.021 54.0104 30.0839 54.0104 38.7652C54.0104 47.4465 46.9475 54.5094 38.2662 54.5094ZM38.2662 25.7579C31.0938 25.7579 25.2588 31.5965 25.2588 38.7652C25.2588 45.934 31.0975 51.7726 38.2662 51.7726C45.4349 51.7726 51.2736 45.934 51.2736 38.7652C51.2736 31.5965 45.4386 25.7579 38.2662 25.7579Z"
                                        fill="#17C6D8" />
                                    <path
                                        d="M41.1489 47.7337H35.3823C35.0194 47.7337 34.6713 47.5896 34.4147 47.3329C34.1581 47.0763 34.0139 46.7282 34.0139 46.3653V43.0163H30.6658C30.3029 43.0163 29.9548 42.8721 29.6982 42.6155C29.4415 42.3589 29.2974 42.0108 29.2974 41.6479V35.8822C29.2974 35.5193 29.4415 35.1713 29.6982 34.9146C29.9548 34.658 30.3029 34.5138 30.6658 34.5138H34.0139V31.1648C34.0139 30.8019 34.1581 30.4538 34.4147 30.1972C34.6713 29.9406 35.0194 29.7964 35.3823 29.7964H41.1489C41.5118 29.7964 41.8599 29.9406 42.1165 30.1972C42.3731 30.4538 42.5173 30.8019 42.5173 31.1648V34.5138H45.8663C46.2292 34.5138 46.5773 34.658 46.8339 34.9146C47.0905 35.1713 47.2347 35.5193 47.2347 35.8822V41.6479C47.2347 42.0108 47.0905 42.3589 46.8339 42.6155C46.5773 42.8721 46.2292 43.0163 45.8663 43.0163H42.5173V46.3653C42.5173 46.7282 42.3731 47.0763 42.1165 47.3329C41.8599 47.5896 41.5118 47.7337 41.1489 47.7337ZM36.7507 44.9969H39.7804V41.6479C39.7804 41.285 39.9246 40.9369 40.1812 40.6803C40.4379 40.4236 40.7859 40.2795 41.1489 40.2795H44.4979V37.2507H41.1489C40.7859 37.2507 40.4379 37.1065 40.1812 36.8499C39.9246 36.5932 39.7804 36.2452 39.7804 35.8822V32.5332H36.7507V35.8822C36.7507 36.062 36.7153 36.2399 36.6466 36.4059C36.5778 36.5719 36.477 36.7228 36.3499 36.8499C36.2229 36.9769 36.072 37.0777 35.906 37.1465C35.74 37.2153 35.562 37.2507 35.3823 37.2507H32.0342V40.2795H35.3823C35.562 40.2795 35.74 40.3149 35.906 40.3836C36.072 40.4524 36.2229 40.5532 36.3499 40.6803C36.477 40.8073 36.5778 40.9582 36.6466 41.1242C36.7153 41.2902 36.7507 41.4682 36.7507 41.6479V44.9969Z"
                                        fill="#17C6D8" />
                                </g>
                                <defs>
                                    <clipPath id="clip0_67_700">
                                        <rect width="54" height="54" fill="white"
                                            transform="translate(0.0102539 0.509277)" />
                                    </clipPath>
                                </defs>
                            </svg>
                        </div>
                        <div class="content mt-15">
                            <p class="txt-lg fw-7">We Ensure Safety &Treatment</p>
                            <p class="mt-20">Transmax is the world tr
                                we uphold industry Cu
                                stomer Oriented </p>
                            <div class="mt-30">
                                <a href="{{ route('our.causes') }}">Read More<i class="fa-solid fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-lg-4 col-xxl-3">
                    <div class="ff-service__single">
                        <div class="thumb">
                            <svg xmlns="http://www.w3.org/2000/svg" width="66" height="66" viewBox="0 0 66 66"
                                fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M33.0282 6.60303C21.5368 6.60303 12.208 15.9325 12.208 27.4232C12.208 38.9145 21.5368 48.244 33.0282 48.244C44.5195 48.244 53.8483 38.9145 53.8483 27.4232C53.8483 15.9325 44.5195 6.60303 33.0282 6.60303ZM33.0282 10.6655C42.277 10.6655 49.7858 18.1743 49.7858 27.4232C49.7858 36.672 42.277 44.1815 33.0282 44.1815C23.7793 44.1808 16.2705 36.672 16.2705 27.4232C16.2705 18.1743 23.7793 10.6655 33.0282 10.6655Z"
                                    fill="#35DA4E" />
                                <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M18.8096 42.1494V59.4154C18.8096 60.1642 19.2217 60.8525 19.8821 61.2061C20.5431 61.5597 21.3446 61.5207 21.9673 61.1054L33.0283 53.7318L44.0894 61.1054C44.7121 61.5207 45.5135 61.5597 46.1746 61.2061C46.835 60.8525 47.2471 60.1642 47.2471 59.4154V42.1501C47.2471 41.0288 46.3371 40.1188 45.2158 40.1182C44.0946 40.1182 43.1846 41.0288 43.1846 42.1494V55.62L34.1548 49.6004C33.4729 49.1454 32.5837 49.1454 31.9019 49.6004L22.8721 55.62V42.1501C22.8721 41.0288 21.9621 40.1188 20.8408 40.1182C19.7196 40.1182 18.8096 41.0288 18.8096 42.1494Z"
                                    fill="#35DA4E" />
                                <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M30.978 22.5917V35.0405C30.978 36.1618 31.888 37.0718 33.0093 37.0718C34.1305 37.0718 35.0405 36.1618 35.0405 35.0405V18.4616C35.0405 17.6855 34.5985 16.9777 33.9011 16.6371C33.2036 16.2958 32.3729 16.3829 31.7606 16.86L28.7329 19.2195C27.8483 19.9085 27.6897 21.1864 28.3793 22.0704C29.0053 22.8738 30.1168 23.0779 30.978 22.5917Z"
                                    fill="#35DA4E" />
                                <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M29.9808 37.0718H36.0752C37.1958 37.0718 38.1064 36.1618 38.1064 35.0405C38.1058 33.9193 37.1958 33.0093 36.0745 33.0093H29.9814C28.8602 33.0093 27.9502 33.9193 27.9502 35.0405C27.9495 36.1618 28.8602 37.0718 29.9808 37.0718Z"
                                    fill="#35DA4E" />
                            </svg>
                        </div>
                        <div class="content mt-15">
                            <p class="txt-lg fw-7">Awwarded service
                                & Treatment</p>
                            <p class="mt-20">Transmax is the world tr
                                we uphold industry Cu
                                stomer Oriented </p>
                            <div class="mt-30">
                                <a href="{{ route('our.causes') }}">Read More<i class="fa-solid fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div class="th-t">
            <img src="{{ asset('assets/images/hand-light.png') }}" alt="Image">
        </div>
    </section>
    <!-- ==== / service section end ==== -->

    <!-- ==== partner section start ==== -->
    <div class="partner fc-partner cf-p pt-120 pb-120">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="text-center">
                        <h5 class="fw-5">Over <span class="odometer" data-odometer-final="20000">0</span> Companies
                            Trust
                            Us Globally
                        </h5>
                    </div>
                </div>
                <div class="col-12">
                    <div class="partner__slider swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="partner__slider-single">
                                    <img src="{{ asset('assets/images/sponsor/one.png') }}" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="partner__slider-single">
                                    <img src="{{ asset('assets/images/sponsor/two.png') }}" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="partner__slider-single">
                                    <img src="{{ asset('assets/images/sponsor/three.png') }}" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="partner__slider-single">
                                    <img src="{{ asset('assets/images/sponsor/four.png') }}" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="partner__slider-single">
                                    <img src="{{ asset('assets/images/sponsor/five.png') }}" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="partner__slider-single">
                                    <img src="{{ asset('assets/images/sponsor/one.png') }}" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="partner__slider-single">
                                    <img src="{{ asset('assets/images/sponsor/two.png') }}" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="partner__slider-single">
                                    <img src="{{ asset('assets/images/sponsor/three.png') }}" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="partner__slider-single">
                                    <img src="{{ asset('assets/images/sponsor/four.png') }}" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="partner__slider-single">
                                    <img src="{{ asset('assets/images/sponsor/five.png') }}" alt="Image">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="th-t">
            <img src="{{ asset('assets/images/leaf.png') }}" alt="Image">
        </div>
    </div>
    <!-- ==== / partner section end ==== -->

    <!-- ==== community section start ==== -->
    <section class="ff-community counter-four commit pb-120">
        <div class="container">
            <div class="row gutter-40 align-items-center">
                <div class="col-12 col-xl-6">
                    <div class="ff-community__content">
                        <div class="section__header mb-0" data-aos="fade-up" data-aos-duration="1000">
                            <span class="sub-title">We are always open for children</span>
                            <h2 class="title-animation fw-6 mt-0">Helping each other can
                                make world better</h2>
                            <p class="mt-20 text-gr mx-0">Volunteering offers opportunities to develop new skills
                                and gain valuable
                                experience. This can include leadership, communication, project</p>
                        </div>
                        <div class="counter-four__content mt-20">
                            <h3 class="hb cnt"><span class="odometer fw-8" data-odometer-final="154859"></span><span
                                    class="prefix txt-base">+</span>
                            </h3>
                            <p class="text-xl fw-5 text-gr mt-10">Join the Many Who Already Support Our Mission</p>

                        </div>
                        <div class="commmit-tab-single mt-40">
                            <div class="commit-tab-inner">
                                <div class="thumb">
                                    <i class="icon-donation"></i>
                                </div>
                                <div class="content">
                                    <p class="text-lg fw-7">Trusted organization</p>
                                    <p>Welcome to our Print 128
                                        company that offers a</p>
                                </div>
                            </div>
                            <span class="divider d-none d-xxl-block"></span>
                            <div class="commit-tab-inner">
                                <div class="thumb">
                                    <i class="icon-award"></i>
                                </div>
                                <div class="content">
                                    <p class="text-lg fw-7">Awarded services</p>
                                    <p>Welcome to our Print 128
                                        company that offers a</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-xl-5 offset-xl-1">
                    <div class="ff-community__thumb">
                        <div class="tc-one">
                            <h3 class="fw-6">12 million+</h3>
                            <p class="mt-10 txt-lg">Children's Lives Changed, Thanks to Your Support</p>
                        </div>
                        <div class="tc-wrapper mt-60">
                            <div class="tc-two">
                                <h5 class="fw-6">Claims</h5>
                                <p class="mt-10">Get Support by
                                    expert easily.</p>
                            </div>
                            <div class="tc-three">
                                <h3 class="fw-7">35+ <br>
                                    Projects</h3>
                                <p class="mt-10">Volunteering offers opportunities
                                    to develop new skills and gain
                                    experience. This can include </p>
                                <img src="{{ asset('assets/images/line.png') }}" alt="Image">
                            </div>
                        </div>
                        <img src="{{ asset('assets/images/dot.png') }}" alt="Image">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==== / community section end ==== -->

    <!-- ==== volunteer section start ==== -->
    <section class="ff-volunteer">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="ff-volunteer__inner text-center text-lg-start"
                        data-background="{{ asset('assets/images/volunteer-bg.png') }}">
                        <div class="row align-items-center gutter-40">
                            <div class="col-12 col-lg-8">
                                <div class="ff-volunteer-content">
                                    <i class="icon-spread-love"></i>
                                    <h3 class="fw-7 title-animation mt-25">Become an volunteer?</h3>
                                    <div class="mt-25">
                                        <a href="{{ route('contact') }}">Contact with Us <svg xmlns="http://www.w3.org/2000/svg"
                                                width="39" height="13" viewBox="0 0 39 13" fill="none">
                                                <path
                                                    d="M38.6044 7.85781C39.1319 7.59411 39.1319 6.73707 38.6044 6.47337C34.5171 4.2319 30.3637 2.1882 25.8808 1.00154C25.2215 0.869685 24.5623 1.59487 24.9578 2.1882C25.8808 3.50671 27.0015 4.62745 28.32 5.61633C19.0905 5.35263 9.53123 4.10004 0.433491 6.27559C-0.225765 6.40744 -0.0939178 7.52807 0.565449 7.46215C9.99282 6.27559 19.3543 7.19855 28.7816 7.3303C27.7927 8.45103 26.8039 9.57177 25.815 10.6266C25.3535 11.0881 25.6172 12.0771 26.4083 12.0111C30.7593 11.4836 34.8467 10.0332 38.6044 7.85781ZM30.7593 7.13263C31.3526 6.73707 31.2208 5.61633 30.2978 5.61633C30.2319 5.61633 30.166 5.61633 30.166 5.61633C29.3749 4.82523 28.5837 4.10004 27.7926 3.24301C30.8252 4.29782 33.66 5.61634 36.4948 7.13252C33.9237 8.45103 31.2867 9.43992 28.4519 9.96732C29.1112 9.24214 29.7704 8.45103 30.4956 7.72574C30.7593 7.5941 30.8252 7.33029 30.7593 7.13263Z"
                                                    fill="white" />
                                            </svg></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-lg-4">
                                <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>
                        <div class="th-right">
                            <img src="{{ asset('assets/images/ff-testimonial.png') }}" alt="Image">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="th-top">
            <img src="{{ asset('assets/images/heart.png') }}" alt="Image" class="base-img">
        </div>
    </section>
    <!-- ==== / volunteer section end ==== -->

    <!-- ==== team section start ==== -->
    <section class="team ff-team pb-0">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-md-8">
                    <div class="section__header text-center" data-aos="fade-up" data-aos-duration="1000">
                        <span class="sub-title">We are always open for children</span>
                        <h2 class="title-animation mt-0 fw-7">Meat the Team <span>member</span>
                        </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="{{ route('team.details') }}">
                                    <img src="{{ asset('assets/images/team/one.png') }}" alt="Image">
                                </a>
                                <div class="team__icons">
                                    <div class="team__single-content__icon">
                                        <i class="icon-share"></i>
                                    </div>
                                    <div class="team__single__thumb-social">
                                        <ul>
                                            <li>
                                                <a href="{{ route('home') }}">
                                                    <i class="fa-brands fa-facebook-f"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="{{ route('home') }}">
                                                    <i class="fa-brands fa-twitter"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="{{ route('home') }}">
                                                    <i class="fa-brands fa-instagram"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="{{ route('home') }}">
                                                    <i class="fa-brands fa-behance"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="team__single-content">
                                <h6><a href="{{ 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="{{ route('team.details') }}">
                                    <img src="{{ asset('assets/images/team/two.png') }}" alt="Image">
                                </a>
                                <div class="team__icons">
                                    <div class="team__single-content__icon">
                                        <i class="icon-share"></i>
                                    </div>
                                    <div class="team__single__thumb-social">
                                        <ul>
                                            <li>
                                                <a href="{{ route('home') }}">
                                                    <i class="fa-brands fa-facebook-f"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="{{ route('home') }}">
                                                    <i class="fa-brands fa-twitter"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="{{ route('home') }}">
                                                    <i class="fa-brands fa-instagram"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="{{ route('home') }}">
                                                    <i class="fa-brands fa-behance"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="team__single-content">
                                <h6><a href="{{ 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="{{ route('team.details') }}">
                                    <img src="{{ asset('assets/images/team/three.png') }}" alt="Image">
                                </a>
                                <div class="team__icons">
                                    <div class="team__single-content__icon">
                                        <i class="icon-share"></i>
                                    </div>
                                    <div class="team__single__thumb-social">
                                        <ul>
                                            <li>
                                                <a href="{{ route('home') }}">
                                                    <i class="fa-brands fa-facebook-f"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="{{ route('home') }}">
                                                    <i class="fa-brands fa-twitter"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="{{ route('home') }}">
                                                    <i class="fa-brands fa-instagram"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="{{ route('home') }}">
                                                    <i class="fa-brands fa-behance"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="team__single-content">
                                <h6><a href="{{ 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="{{ route('team.details') }}">
                                    <img src="{{ asset('assets/images/team/four.png') }}" alt="Image">
                                </a>
                                <div class="team__icons">
                                    <div class="team__single-content__icon">
                                        <i class="icon-share"></i>
                                    </div>
                                    <div class="team__single__thumb-social">
                                        <ul>
                                            <li>
                                                <a href="{{ route('home') }}">
                                                    <i class="fa-brands fa-facebook-f"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="{{ route('home') }}">
                                                    <i class="fa-brands fa-twitter"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="{{ route('home') }}">
                                                    <i class="fa-brands fa-instagram"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="{{ route('home') }}">
                                                    <i class="fa-brands fa-behance"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="team__single-content">
                                <h6><a href="{{ 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="{{ route('our.team') }}" aria-label="our team" title="our team" class="btn--primary"> View
                            All Team
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="shp"></div>
    </section>
    <!-- ==== / team section end ==== -->

    <!-- ==== testimonial section start ==== -->
    <section class="ff-testimonial pt-120 pb-120">
        <div class="container">
            <div class="row gutter-30 align-items-center mb-60">
                <div class="col-12 col-md-8 col-xl-7">
                    <div class="section__header mb-0">
                        <span class="sub-title">We are always open for children</span>
                        <h2 class="title-animation mt-0 fw-7 hb">Helping each other can
                            make world better
                        </h2>
                    </div>
                </div>
                <div class="col-12 col-md-4 col-xl-5">
                    <div class="text-start text-xl-end">
                        <a href="{{ route('our.causes') }}" aria-label="check causes" title="check causes"
                            class="btn--primary">Check
                            Our Causes</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="ff-testimonial-slider swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="ff-testimonial__single">
                        <q class="text-xl fw-7">great experience</q>
                        <p class="text-xl fw-5 content-p mt-60">Sasstech hires great people from a widely variety
                            of backgrounds, which simply makes our compan
                            stronger, and we couldn't be prouder of that.
                            elevating your optimizing Business Growth.</p>
                        <p class="designation-p mt-60"><span class="text-xl fw-7">Robert J. Hare /</span> Graphics
                            Designer</p>
                        <img src="{{ asset('assets/images/ff-testimonial.png') }}" alt="Image">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="ff-testimonial__single">
                        <q class="text-xl fw-7">great experience</q>
                        <p class="text-xl fw-5 content-p mt-60">Sasstech hires great people from a widely variety
                            of backgrounds, which simply makes our compan
                            stronger, and we couldn't be prouder of that.
                            elevating your optimizing Business Growth.</p>
                        <p class="designation-p mt-60"><span class="text-xl fw-7">Robert J. Hare /</span> Graphics
                            Designer</p>
                        <img src="{{ asset('assets/images/ff-testimonial.png') }}" alt="Image">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="ff-testimonial__single">
                        <q class="text-xl fw-7">great experience</q>
                        <p class="text-xl fw-5 content-p mt-60">Sasstech hires great people from a widely variety
                            of backgrounds, which simply makes our compan
                            stronger, and we couldn't be prouder of that.
                            elevating your optimizing Business Growth.</p>
                        <p class="designation-p mt-60"><span class="text-xl fw-7">Robert J. Hare /</span> Graphics
                            Designer</p>
                        <img src="{{ asset('assets/images/ff-testimonial.png') }}" alt="Image">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="ff-testimonial__single">
                        <q class="text-xl fw-7">great experience</q>
                        <p class="text-xl fw-5 content-p mt-60">Sasstech hires great people from a widely variety
                            of backgrounds, which simply makes our compan
                            stronger, and we couldn't be prouder of that.
                            elevating your optimizing Business Growth.</p>
                        <p class="designation-p mt-60"><span class="text-xl fw-7">Robert J. Hare /</span> Graphics
                            Designer</p>
                        <img src="{{ asset('assets/images/ff-testimonial.png') }}" alt="Image">
                    </div>
                </div>
            </div>
        </div>
        <div class="ff-test-pagination pagination-one mt-40"></div>
        <div class="th-right">
            <img src="{{ asset('assets/images/community/gift.png') }}" alt="Image">
        </div>
        <div class="th-left">
            <img src="{{ asset('assets/images/fc-nine.png') }}" alt="Image">
        </div>
        <div class="th-top">
            <img src="{{ asset('assets/images/hand.png') }}" alt="Image">
        </div>
        <div class="th-top-r">
            <img src="{{ asset('assets/images/fc-eleven.png') }}" alt="Image">
        </div>
    </section>
    <!-- ==== / testimonial section end ==== -->

    <!-- ==== blog section start ==== -->
    <section class="blog ff-blog">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-md-8">
                    <div class="section__header text-center" data-aos="fade-up" data-aos-duration="1000">
                        <span class="sub-title">We are always open for children</span>
                        <h2 class="title-animation mt-0 fw-7">our latest article news &
                            blogs you need
                        </h2>
                    </div>
                </div>
            </div>
            <div class="row gutter-40">
                <div class="col-12">
                    <div class="ff-blog-slider swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="blog__single-wrapper">
                                    <div class="blog__single">
                                        <div class="blog__single-thumb">
                                            <a href="{{ route('blog.details') }}">
                                                <img src="{{ asset('assets/images/blog/one.png') }}" alt="Image">
                                            </a>
                                        </div>
                                        <div class="blog__single-inner">
                                            <div class="blog__single-meta mb-0">
                                                <p><i class="icon-user"></i>Robert Fox</p>
                                                <p><i class="icon-message"></i>Comments (03)</p>
                                            </div>
                                            <div class="blog__single-content">
                                                <h6><a href="{{ route('blog.details') }}">Complete Guide to Business
                                                        Insurance perfect</a>
                                                </h6>
                                            </div>
                                            <div class="blog__single-cta">
                                                <a href="{{ route('blog.details') }}" aria-label="blog details"
                                                    title="blog details">Read
                                                    More<i class="fa-solid fa-circle-arrow-right"></i></a>
                                            </div>

                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="blog__single-wrapper">
                                    <div class="blog__single">
                                        <div class="blog__single-thumb">
                                            <a href="{{ route('blog.details') }}">
                                                <img src="{{ asset('assets/images/blog/two.png') }}" alt="Image">
                                            </a>
                                        </div>
                                        <div class="blog__single-inner">
                                            <div class="blog__single-meta mb-0">
                                                <p><i class="icon-user"></i>Robert Fox</p>
                                                <p><i class="icon-message"></i>Comments (03)</p>
                                            </div>
                                            <div class="blog__single-content">
                                                <h6><a href="{{ route('blog.details') }}">Complete Guide to Business
                                                        Insurance perfect</a>
                                                </h6>
                                            </div>
                                            <div class="blog__single-cta">
                                                <a href="{{ route('blog.details') }}" aria-label="blog details"
                                                    title="blog details">Read
                                                    More<i class="fa-solid fa-circle-arrow-right"></i></a>
                                            </div>

                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="blog__single-wrapper">
                                    <div class="blog__single">
                                        <div class="blog__single-thumb">
                                            <a href="{{ route('blog.details') }}">
                                                <img src="{{ asset('assets/images/blog/three.png') }}" alt="Image">
                                            </a>
                                        </div>
                                        <div class="blog__single-inner">
                                            <div class="blog__single-meta mb-0">
                                                <p><i class="icon-user"></i>Robert Fox</p>
                                                <p><i class="icon-message"></i>Comments (03)</p>
                                            </div>
                                            <div class="blog__single-content">
                                                <h6><a href="{{ route('blog.details') }}">Complete Guide to Business
                                                        Insurance perfect</a>
                                                </h6>
                                            </div>
                                            <div class="blog__single-cta">
                                                <a href="{{ route('blog.details') }}" aria-label="blog details"
                                                    title="blog details">Read
                                                    More<i class="fa-solid fa-circle-arrow-right"></i></a>
                                            </div>

                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="blog__single-wrapper">
                                    <div class="blog__single">
                                        <div class="blog__single-thumb">
                                            <a href="{{ route('blog.details') }}">
                                                <img src="{{ asset('assets/images/blog/one.png') }}" alt="Image">
                                            </a>
                                        </div>
                                        <div class="blog__single-inner">
                                            <div class="blog__single-meta mb-0">
                                                <p><i class="icon-user"></i>Robert Fox</p>
                                                <p><i class="icon-message"></i>Comments (03)</p>
                                            </div>
                                            <div class="blog__single-content">
                                                <h6><a href="{{ route('blog.details') }}">Complete Guide to Business
                                                        Insurance perfect</a>
                                                </h6>
                                            </div>
                                            <div class="blog__single-cta">
                                                <a href="{{ route('blog.details') }}" aria-label="blog details"
                                                    title="blog details">Read
                                                    More<i class="fa-solid fa-circle-arrow-right"></i></a>
                                            </div>

                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="blog__single-wrapper">
                                    <div class="blog__single">
                                        <div class="blog__single-thumb">
                                            <a href="{{ route('blog.details') }}">
                                                <img src="{{ asset('assets/images/blog/two.png') }}" alt="Image">
                                            </a>
                                        </div>
                                        <div class="blog__single-inner">
                                            <div class="blog__single-meta mb-0">
                                                <p><i class="icon-user"></i>Robert Fox</p>
                                                <p><i class="icon-message"></i>Comments (03)</p>
                                            </div>
                                            <div class="blog__single-content">
                                                <h6><a href="{{ route('blog.details') }}">Complete Guide to Business
                                                        Insurance perfect</a>
                                                </h6>
                                            </div>
                                            <div class="blog__single-cta">
                                                <a href="{{ route('blog.details') }}" aria-label="blog details"
                                                    title="blog details">Read
                                                    More<i class="fa-solid fa-circle-arrow-right"></i></a>
                                            </div>

                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="blog__single-wrapper">
                                    <div class="blog__single">
                                        <div class="blog__single-thumb">
                                            <a href="{{ route('blog.details') }}">
                                                <img src="{{ asset('assets/images/blog/three.png') }}" alt="Image">
                                            </a>
                                        </div>
                                        <div class="blog__single-inner">
                                            <div class="blog__single-meta mb-0">
                                                <p><i class="icon-user"></i>Robert Fox</p>
                                                <p><i class="icon-message"></i>Comments (03)</p>
                                            </div>
                                            <div class="blog__single-content">
                                                <h6><a href="{{ route('blog.details') }}">Complete Guide to Business
                                                        Insurance perfect</a>
                                                </h6>
                                            </div>
                                            <div class="blog__single-cta">
                                                <a href="{{ route('blog.details') }}" aria-label="blog details"
                                                    title="blog details">Read
                                                    More<i class="fa-solid fa-circle-arrow-right"></i></a>
                                            </div>

                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="ff-pagination pagination-one mt-40"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==== / blog section end ==== -->


    <!-- ==== image gallery section start ==== -->
    <div class="gallery">
        <div class="gallery__inner">
            <div class="gallery__slider">
                <div class="gallery__single">
                    <img src="{{ asset('assets/images/gallery/one.png') }}" alt="Image">
                    <a href="{{ route('home') }}">
                        <i class="fa-brands fa-instagram"></i>
                    </a>
                </div>
                <div class="gallery__single">
                    <img src="{{ asset('assets/images/gallery/two.png') }}" alt="Image">
                    <a href="{{ route('home') }}">
                        <i class="fa-brands fa-instagram"></i>
                    </a>
                </div>
                <div class="gallery__single">
                    <img src="{{ asset('assets/images/gallery/three.png') }}" alt="Image">
                    <a href="{{ route('home') }}">
                        <i class="fa-brands fa-instagram"></i>
                    </a>
                </div>
                <div class="gallery__single">
                    <img src="{{ asset('assets/images/gallery/four.png') }}" alt="Image">
                    <a href="{{ route('home') }}">
                        <i class="fa-brands fa-instagram"></i>
                    </a>
                </div>
                <div class="gallery__single">
                    <img src="{{ asset('assets/images/gallery/five.png') }}" alt="Image">
                    <a href="{{ route('home') }}">
                        <i class="fa-brands fa-instagram"></i>
                    </a>
                </div>
                <div class="gallery__single">
                    <img src="{{ asset('assets/images/gallery/six.png') }}" alt="Image">
                    <a href="{{ route('home') }}">
                        <i class="fa-brands fa-instagram"></i>
                    </a>
                </div>
                <div class="gallery__single">
                    <img src="{{ asset('assets/images/gallery/one.png') }}" alt="Image">
                    <a href="{{ route('home') }}">
                        <i class="fa-brands fa-instagram"></i>
                    </a>
                </div>
                <div class="gallery__single">
                    <img src="{{ asset('assets/images/gallery/two.png') }}" alt="Image">
                    <a href="{{ route('home') }}">
                        <i class="fa-brands fa-instagram"></i>
                    </a>
                </div>
                <div class="gallery__single">
                    <img src="{{ asset('assets/images/gallery/three.png') }}" alt="Image">
                    <a href="{{ route('home') }}">
                        <i class="fa-brands fa-instagram"></i>
                    </a>
                </div>
                <div class="gallery__single">
                    <img src="{{ asset('assets/images/gallery/four.png') }}" alt="Image">
                    <a href="{{ route('home') }}">
                        <i class="fa-brands fa-instagram"></i>
                    </a>
                </div>
                <div class="gallery__single">
                    <img src="{{ asset('assets/images/gallery/five.png') }}" alt="Image">
                    <a href="{{ route('home') }}">
                        <i class="fa-brands fa-instagram"></i>
                    </a>
                </div>
                <div class="gallery__single">
                    <img src="{{ asset('assets/images/gallery/six.png') }}" alt="Image">
                    <a href="{{ route('home') }}">
                        <i class="fa-brands fa-instagram"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- ==== / image gallery section end ==== -->

    <!-- ==================== Footer Start Here ==================== -->
    @include('frontend.includes.footers.footerFive')
    <!-- ==================== Footer End Here ==================== -->

@endsection