<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title> Home Two || Agrion || Agrion HTML 5 Template </title>
    <!-- favicons Icons -->
    <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png" />
    <link rel="manifest" href="assets/images/favicons/site.webmanifest" />
    <meta name="description" content="Agrion HTML 5 Template " />

    <!-- fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">

    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

    <link
        href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap"
        rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="assets/vendors/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/vendors/animate/animate.min.css" />
    <link rel="stylesheet" href="assets/vendors/animate/custom-animate.css" />
    <link rel="stylesheet" href="assets/vendors/fontawesome/css/all.min.css" />
    <link rel="stylesheet" href="assets/vendors/jarallax/jarallax.css" />
    <link rel="stylesheet" href="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.css" />
    <link rel="stylesheet" href="assets/vendors/nouislider/nouislider.min.css" />
    <link rel="stylesheet" href="assets/vendors/nouislider/nouislider.pips.css" />
    <link rel="stylesheet" href="assets/vendors/odometer/odometer.min.css" />
    <link rel="stylesheet" href="assets/vendors/swiper/swiper.min.css" />
    <link rel="stylesheet" href="assets/vendors/agrion-icons/style.css">
    <link rel="stylesheet" href="assets/vendors/tiny-slider/tiny-slider.min.css" />
    <link rel="stylesheet" href="assets/vendors/reey-font/stylesheet.css" />
    <link rel="stylesheet" href="assets/vendors/owl-carousel/owl.carousel.min.css" />
    <link rel="stylesheet" href="assets/vendors/owl-carousel/owl.theme.default.min.css" />
    <link rel="stylesheet" href="assets/vendors/bxslider/jquery.bxslider.css" />
    <link rel="stylesheet" href="assets/vendors/bootstrap-select/css/bootstrap-select.min.css" />
    <link rel="stylesheet" href="assets/vendors/vegas/vegas.min.css" />
    <link rel="stylesheet" href="assets/vendors/jquery-ui/jquery-ui.css" />
    <link rel="stylesheet" href="assets/vendors/timepicker/timePicker.css" />

    <!-- template styles -->
    <link rel="stylesheet" href="assets/css/agrion.css" />
    <link rel="stylesheet" href="assets/css/agrion-responsive.css" />
    <style>
    .spinner {
            position: absolute;
            
            top: -2px; /* Adjust position */
            margin-left: -105px !important;
            object-fit: contain;
            animation: spin 1s linear infinite; /* Faster rotation */
            z-index: 1000;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
.ogunlogo {
  width: 17%; /* or auto or a fixed width */
  height: auto;
}
.oguninvestlogo {
  width: 17%; /* or auto or a fixed width */
  height: auto;
}

 .oguninvestlogospin {
                    width: 6%; /* or auto or a fixed width */
                    height: auto;
 }

        /* Show only on screens 768px or less (typical mobile width) */
            @media (max-width: 768px) {
            .main-header-two__logo_right {
                position: absolute;
                right: -690px;
                bottom: -55px;
              
                }
                .ogunlogo {
                    width: 20%; /* or auto or a fixed width */
                    height: auto;
                    }
                    .oguninvestlogo {
                    width: 11%; /* or auto or a fixed width */
                    height: auto;
                    }
                    .oguninvestlogospin {
                    width: 4%; /* or auto or a fixed width */
                    height: auto;
                  }
                  .spinner {
                    top: -2px; /* Adjust position */
                    margin-left: -69px !important;
                   
                }

                     .main-header-two__logo {
                        position: absolute;
                        left: -40px;
                        bottom: -65px;
                       
                    }
            }

            /* Default style: full width or original size */



 </style>
</head>

<body class="custom-cursor">

    <div class="custom-cursor__cursor"></div>
    <div class="custom-cursor__cursor-two"></div>





    <div class="preloader">
        <div class="preloader__image"></div>
    </div>
    <!-- /.preloader -->


    <div class="page-wrapper">
        <header class="main-header-two">
            <div class="main-header-two__inner">
                <div class="main-header-two__top">
                    <div class="container">
                        <div class="main-header-two__top-inner">
                            <div class="main-header-two__logo">
                                <a href=""><img src="assets/images/ogunlogom.png" class="ogunlogo" alt=""></a>
                            </div>

                            
                            
                            <div class="main-header-two__top-left">
                                <ul class="list-unstyled main-header-two__contact-list">
                                    <li>
                                        <div class="icon">
                                            <i class="icon-email"></i>
                                        </div>
                                        <div class="text">
                                            <p><a href="mailto:needhelp@company.com">needhelp@company.com</a></p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <i class="icon-pin"></i>
                                        </div>
                                        <div class="text">
                                            <p>80 Broklyn Golden Street USA</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <i class="fas fa-phone-alt"></i>
                                        </div>
                                        <div class="text">
                                            <p><a href="tel:9200886823">+92 (0088) 6823</a></p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                           

                            <div class="main-header-two__logo_right">
                                <a href=""><img class="oguninvestlogo" src="assets/images/oguninvlogo.png" alt=""></a>
                                 <img class="oguninvestlogospin spinner" src="assets/images/spinlogom.png" alt="Spinning Logo" >
                            </div>
                            
                        </div>
                    </div>
                </div>
                <div class="main-header-two__bottom">
                    <nav class="main-menu main-menu-two">
                        <div class="main-menu-two__wrapper">
                            <div class="container">
                                <div class="main-menu-two__wrapper-inner">
                                    <div class="main-menu-two__left">
                                        <div class="main-menu-two__main-menu-box">
                                            <a href="#" class="mobile-nav__toggler"><i class="fa fa-bars"></i></a>
                                            <ul class="main-menu__list">
                                                <li class="dropdown current megamenu">
                                                    <a href="index.html">Home </a>
                                                    <ul>
                                                        <li>
                                                            <section class="home-showcase">
                                                                <div class="container">
                                                                    <div class="home-showcase__inner">
                                                                        <div class="row">
                                                                            <div class="col-lg-3">
                                                                                <div class="home-showcase__item">
                                                                                    <div class="home-showcase__image">
                                                                                        <img src="assets/images/home-showcase/home-showcase-1-1.jpg"
                                                                                            alt="">
                                                                                        <div
                                                                                            class="home-showcase__buttons">
                                                                                            <a href="index.html"
                                                                                                class="thm-btn home-showcase__buttons__item">Multi
                                                                                                Page</a>
                                                                                            <a href="index-one-page.html"
                                                                                                class="thm-btn home-showcase__buttons__item">One
                                                                                                Page</a>
                                                                                        </div>
                                                                                        <!-- /.home-showcase__buttons -->
                                                                                    </div>
                                                                                    <!-- /.home-showcase__image -->
                                                                                    <h3 class="home-showcase__title">
                                                                                        Home
                                                                                        page
                                                                                        01</h3>
                                                                                    <!-- /.home-showcase__title -->
                                                                                </div><!-- /.home-showcase__item -->
                                                                            </div><!-- /.col-lg-3 -->
                                                                            <div class="col-lg-3">
                                                                                <div class="home-showcase__item">
                                                                                    <div class="home-showcase__image">
                                                                                        <img src="assets/images/home-showcase/home-showcase-1-2.jpg"
                                                                                            alt="">
                                                                                        <div
                                                                                            class="home-showcase__buttons">
                                                                                            <a href="index2.html"
                                                                                                class="thm-btn home-showcase__buttons__item">Multi
                                                                                                Page</a>
                                                                                            <a href="index2-one-page.html"
                                                                                                class="thm-btn home-showcase__buttons__item">One
                                                                                                Page</a>
                                                                                        </div>
                                                                                        <!-- /.home-showcase__buttons -->
                                                                                    </div>
                                                                                    <!-- /.home-showcase__image -->
                                                                                    <h3 class="home-showcase__title">
                                                                                        Home
                                                                                        page
                                                                                        02
                                                                                    </h3>
                                                                                    <!-- /.home-showcase__title -->
                                                                                </div><!-- /.home-showcase__item -->
                                                                            </div><!-- /.col-lg-3 -->
                                                                            <div class="col-lg-3">
                                                                                <div class="home-showcase__item">
                                                                                    <div class="home-showcase__image">
                                                                                        <img src="assets/images/home-showcase/home-showcase-1-3.jpg"
                                                                                            alt="">
                                                                                        <div
                                                                                            class="home-showcase__buttons">
                                                                                            <a href="index3.html"
                                                                                                class="thm-btn home-showcase__buttons__item">Multi
                                                                                                Page</a>
                                                                                            <a href="index3-one-page.html"
                                                                                                class="thm-btn home-showcase__buttons__item">One
                                                                                                Page</a>
                                                                                        </div>
                                                                                        <!-- /.home-showcase__buttons -->
                                                                                    </div>
                                                                                    <!-- /.home-showcase__image -->
                                                                                    <h3 class="home-showcase__title">
                                                                                        Home
                                                                                        page
                                                                                        03
                                                                                    </h3>
                                                                                    <!-- /.home-showcase__title -->
                                                                                </div><!-- /.home-showcase__item -->
                                                                            </div><!-- /.col-lg-3 -->
                                                                            <div class="col-lg-3">
                                                                                <div class="home-showcase__item">
                                                                                    <div class="home-showcase__image">
                                                                                        <img src="assets/images/home-showcase/home-showcase-1-4.jpg"
                                                                                            alt="">
                                                                                        <div
                                                                                            class="home-showcase__buttons">
                                                                                            <a href="index-dark.html"
                                                                                                class="thm-btn home-showcase__buttons__item">View
                                                                                                Page</a>
                                                                                        </div>
                                                                                        <!-- /.home-showcase__buttons -->
                                                                                    </div>
                                                                                    <!-- /.home-showcase__image -->
                                                                                    <h3 class="home-showcase__title">
                                                                                        Home
                                                                                        page
                                                                                        04
                                                                                    </h3>
                                                                                    <!-- /.home-showcase__title -->
                                                                                </div><!-- /.home-showcase__item -->
                                                                            </div><!-- /.col-lg-3 -->
                                                                        </div><!-- /.row -->
                                                                    </div><!-- /.home-showcase__inner -->

                                                                </div><!-- /.container -->
                                                            </section>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="about.html">About</a>
                                                </li>
                                                <li class="dropdown">
                                                    <a href="#">Services</a>
                                                    <ul class="shadow-box">
                                                        <li><a href="services.html">Services</a>
                                                        </li>
                                                        <li><a href="services-carousel.html">Services Carousel</a>
                                                        </li>
                                                        <li><a href="agriculture-products.html">Agriculture
                                                                Products</a></li>
                                                        <li><a href="organic-products.html">Organic Products</a>
                                                        </li>
                                                        <li><a href="fresh-vegetables.html">Fresh Vegetables</a>
                                                        </li>
                                                        <li><a href="dairy-products.html">Dairy Products</a></li>
                                                    </ul>
                                                </li>
                                                <li class="dropdown">
                                                    <a href="#">Projects</a>
                                                    <ul class="shadow-box">
                                                        <li><a href="project-01.html">Projects 01</a></li>
                                                        <li><a href="project-02.html">Projects 02</a></li>
                                                        <li><a href="project-carousel.html">Project Carousel</a>
                                                        </li>
                                                        <li><a href="project-details.html">Project Details</a></li>
                                                    </ul>
                                                </li>
                                                <li class="dropdown">
                                                    <a href="#">Pages</a>
                                                    <ul class="shadow-box">
                                                        <li><a href="farmers.html">Farmers</a></li>
                                                        <li><a href="farmers-carousel.html">Farmers Carousel</a>
                                                        </li>
                                                        <li><a href="testimonials.html">Testimonials</a></li>
                                                        <li><a href="testimonials-carousel.html">Testimonial
                                                                Carousel</a></li>
                                                        <li><a href="faq.html">FAQs</a></li>
                                                        <li><a href="404.html">404 Error</a></li>
                                                    </ul>
                                                </li>
                                                <li class="dropdown">
                                                    <a href="#">Blog</a>
                                                    <ul class="shadow-box">
                                                        <li><a href="blog.html">Blog</a></li>
                                                        <li><a href="blog-carousel.html">Blog Carousel</a></li>
                                                        <li><a href="blog-sidebar.html">Blog Sidebar</a></li>
                                                        <li><a href="blog-details.html">Blog Details</a></li>
                                                    </ul>
                                                </li>
                                                <li class="dropdown">
                                                    <a href="#">Shop</a>
                                                    <ul class="shadow-box">
                                                        <li><a href="products.html">Products</a></li>
                                                        <li><a href="product-details.html">Product Details</a></li>
                                                        <li><a href="cart.html">Cart</a></li>
                                                        <li><a href="checkout.html">Checkout</a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="contact.html">Contact</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="main-menu-two__right">
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                    </nav>
                </div>
            </div>
        </header>

        <div class="stricky-header stricked-menu main-menu main-menu-two">
            <div class="sticky-header__content"></div><!-- /.sticky-header__content -->
        </div><!-- /.stricky-header -->

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

                    <div class="swiper-slide">
                        <div class="image-layer-two"
                            style="background-image: url(assets/images/backgrounds/main-slider-2-1.jpg);"></div>
                        <!-- /.image-layer -->
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="main-slider-two__content">
                                        <p class="main-slider-two__sub-title">Welcome to Agriculture Farm</p>
                                        <h2 class="main-slider-two__title">Agriculture <span>&</span><br>
                                            Pure Eco Farming</h2>
                                        <div class="main-slider-two__btn-box">
                                            <a href="about.html" class="thm-btn main-slider-two__btn">Discover More <i
                                                    class="icon-right-arrow"></i> </a>
                                        </div>
                                        <div class="main-slider-two__shape-1">
                                            <img src="assets/images/shapes/main-slider-two-shape-1.png" alt=""
                                                class="float-bob-y">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="swiper-slide">
                        <div class="image-layer-two"
                            style="background-image: url(assets/images/backgrounds/main-slider-2-2.jpg);"></div>
                        <!-- /.image-layer -->
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="main-slider-two__content">
                                        <p class="main-slider-two__sub-title">Welcome to Agriculture Farm</p>
                                        <h2 class="main-slider-two__title">Agriculture <span>&</span><br>
                                            Pure Eco Farming</h2>
                                        <div class="main-slider-two__btn-box">
                                            <a href="about.html" class="thm-btn main-slider-two__btn">Discover More <i
                                                    class="icon-right-arrow"></i> </a>
                                        </div>
                                        <div class="main-slider-two__shape-1">
                                            <img src="assets/images/shapes/main-slider-two-shape-1.png" alt=""
                                                class="float-bob-y">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="swiper-slide">
                        <div class="image-layer-two"
                            style="background-image: url(assets/images/backgrounds/main-slider-2-3.jpg);"></div>
                        <!-- /.image-layer -->
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="main-slider-two__content">
                                        <p class="main-slider-two__sub-title">Welcome to Agriculture Farm</p>
                                        <h2 class="main-slider-two__title">Agriculture <span>&</span><br>
                                            Pure Eco Farming</h2>
                                        <div class="main-slider-two__btn-box">
                                            <a href="about.html" class="thm-btn main-slider-two__btn">Discover More <i
                                                    class="icon-right-arrow"></i> </a>
                                        </div>
                                        <div class="main-slider-two__shape-1">
                                            <img src="assets/images/shapes/main-slider-two-shape-1.png" alt=""
                                                class="float-bob-y">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>

                <div class="swiper-pagination" id="main-slider-pagination"></div>

                <!-- If we need navigation buttons -->
                <div class="main-slider__nav">
                    <div class="swiper-button-prev" id="main-slider__swiper-button-next">
                        <i class="icon-right-arrow"></i>
                    </div>
                    <div class="swiper-button-next" id="main-slider__swiper-button-prev">
                        <i class="icon-right-arrow"></i>
                    </div>
                </div>

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

        <!--Feature Two Start-->
        <section class="feature-two">
            <div class="feature-two__bg" style="background-image: url(assets/images/backgrounds/feature-two-bg.jpg);">
            </div>
            <div class="container">
                <div class="row">
                    <!--Feature Two Single Start-->
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="100ms">
                        <div class="feature-two__single">
                            <div class="feature-two__inner">
                                <div class="feature-two__icon">
                                    <span class="icon-agriculture"></span>
                                </div>
                                <div class="feature-two__content">
                                    <h3 class="feature-two__title"><a href="about.html">Technology</a></h3>
                                    <p class="feature-two__subtitle">We’ve been using tech</p>
                                </div>
                            </div>
                            <div class="feature-two__count"></div>
                        </div>
                    </div>
                    <!--Feature Two Single End-->
                    <!--Feature Two Single Start-->
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="200ms">
                        <div class="feature-two__single">
                            <div class="feature-two__inner">
                                <div class="feature-two__icon">
                                    <span class="icon-farmer-1"></span>
                                </div>
                                <div class="feature-two__content">
                                    <h3 class="feature-two__title"><a href="farmers.html">Best Farmers</a></h3>
                                    <p class="feature-two__subtitle">Skilled team of farmers</p>
                                </div>
                            </div>
                            <div class="feature-two__count"></div>
                        </div>
                    </div>
                    <!--Feature Two Single End-->
                    <!--Feature Two Single Start-->
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="300ms">
                        <div class="feature-two__single">
                            <div class="feature-two__inner">
                                <div class="feature-two__icon">
                                    <span class="icon-certified"></span>
                                </div>
                                <div class="feature-two__content">
                                    <h3 class="feature-two__title"><a href="about.html">We’re Certified</a></h3>
                                    <p class="feature-two__subtitle">Agrion is certified market</p>
                                </div>
                            </div>
                            <div class="feature-two__count"></div>
                        </div>
                    </div>
                    <!--Feature Two Single End-->
                    <!--Feature Two Single Start-->
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="400ms">
                        <div class="feature-two__single">
                            <div class="feature-two__inner">
                                <div class="feature-two__icon">
                                    <span class="icon-cargo"></span>
                                </div>
                                <div class="feature-two__content">
                                    <h3 class="feature-two__title"><a href="about.html">We Deliver</a></h3>
                                    <p class="feature-two__subtitle">We deliver everywhere</p>
                                </div>
                            </div>
                            <div class="feature-two__count"></div>
                        </div>
                    </div>
                    <!--Feature Two Single End-->
                </div>
            </div>
        </section>
        <!--Feature Two End-->

        <!--About Two Start-->
        <section class="about-two">
            <div class="about-two__bg float-bob-x">
                <img src="assets/images/backgrounds/about-two-bg-1.png" alt="">
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-5">
                        <div class="about-two__left">
                            <div class="about-two__img wow slideInLeft" data-wow-delay="100ms"
                                data-wow-duration="2500ms">
                                <img src="assets/images/resources/about-one-1.jpg" alt="">
                                <div class="about-two__experience">
                                    <div class="about-two__experience-count-box">
                                        <h3 class="odometer" data-count="18">00</h3>
                                        <span class="about-two__experience-plus">+</span>
                                    </div>
                                    <p class="about-two__experience-text">Years of
                                        <br> Experience</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-7">
                        <div class="about-Two__right">
                            <div class="section-title text-left">
                                <span class="section-title__tagline">Welcome to Agrion Farm</span>
                                <h2 class="section-title__title">We’re Leading organic and
                                    agriculture market</h2>
                                <div class="section-title__icon">
                                    <img src="assets/images/icon/section-title-icon-1.png" alt="">
                                </div>
                            </div>
                            <p class="about-two__text">There are many variations of passages of available, but the
                                majority have suffered alteration in some form, by injected humour, or randomised words
                                which don’t look even slightly believable.</p>
                            <ul class="about-two__points list-unstyled">
                                <li>
                                    <div class="about-two__icon">
                                        <span class="fa fa-check"></span>
                                    </div>
                                    <div class="about-two__title">
                                        <h3>Best Quality
                                            <br> Standards</h3>
                                    </div>
                                </li>
                                <li>
                                    <div class="about-two__icon">
                                        <span class="fa fa-check"></span>
                                    </div>
                                    <div class="about-two__title">
                                        <h3>Natural Healthy
                                            <br>Products</h3>
                                    </div>
                                </li>
                                <li>
                                    <div class="about-two__icon">
                                        <span class="fa fa-check"></span>
                                    </div>
                                    <div class="about-two__title">
                                        <h3>Smart Oragnic
                                            <br> Services</h3>
                                    </div>
                                </li>
                            </ul>
                            <div class="about-two__btn-box">
                                <a href="about.html" class="thm-btn">Discover More <i class="icon-right-arrow"></i> </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--About Two End-->

        <!--Services Two Start-->
        <section class="services-two">
            <div class="services-two__bg" style="background-image: url(assets/images/shapes/services-two-shape-1.png);">
            </div>
            <div class="container">
                <div class="section-title text-center">
                    <span class="section-title__tagline">What We’re Doing</span>
                    <h2 class="section-title__title">Services We’re offering</h2>
                    <div class="section-title__icon">
                        <img src="assets/images/icon/section-title-icon-1.png" alt="">
                    </div>
                </div>
                <div class="row">
                    <!--Services Two Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="100ms">
                        <div class="services-two__single">
                            <div class="services-two__img">
                                <img src="assets/images/services/services-two-1.jpg" alt="">
                            </div>
                            <div class="services-two__content">
                                <div class="services-two__icon">
                                    <span class="icon-dairy-products"></span>
                                </div>
                                <div class="services-two__more-details">
                                    <a href="dairy-products.html"><i class="icon-right-arrow"></i>More Detail</a>
                                </div>
                            </div>
                            <div class="services-two__title-box">
                                <p class="services-two__subtitle">01 Services</p>
                                <h3 class="services-two__title"><a href="dairy-products.html">Dairy Products</a></h3>
                            </div>
                            <div class="services-two__hover-content">
                                <p class="services-two__hover-sub-title">01 Services</p>
                                <h3 class="services-two__hover-title"><a href="dairy-products.html">Dairy Products</a>
                                </h3>
                                <p class="services-two__hover-text">Lorem ium dolor sit do <br> sed pisicing elit.</p>
                                <div class="services-two__hover-more-details">
                                    <a href="dairy-products.html"><i class="icon-right-arrow"></i>More Detail</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Services Two Single End-->
                    <!--Services Two Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="200ms">
                        <div class="services-two__single">
                            <div class="services-two__img">
                                <img src="assets/images/services/services-two-2.jpg" alt="">
                            </div>
                            <div class="services-two__content">
                                <div class="services-two__icon">
                                    <span class="icon-dairy-products"></span>
                                </div>
                                <div class="services-two__more-details">
                                    <a href="fresh-vegetables.html"><i class="icon-right-arrow"></i>More Detail</a>
                                </div>
                            </div>
                            <div class="services-two__title-box">
                                <p class="services-two__subtitle">02 Services</p>
                                <h3 class="services-two__title"><a href="fresh-vegetables.html">Fresh vegetables</a>
                                </h3>
                            </div>
                            <div class="services-two__hover-content">
                                <p class="services-two__hover-sub-title">02 Services</p>
                                <h3 class="services-two__hover-title"><a href="fresh-vegetables.html">Fresh
                                        vegetables</a></h3>
                                <p class="services-two__hover-text">Lorem ium dolor sit do <br> sed pisicing elit.</p>
                                <div class="services-two__hover-more-details">
                                    <a href="fresh-vegetables.html"><i class="icon-right-arrow"></i>More Detail</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Services Two Single End-->
                    <!--Services Two Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="300ms">
                        <div class="services-two__single">
                            <div class="services-two__img">
                                <img src="assets/images/services/services-two-3.jpg" alt="">
                            </div>
                            <div class="services-two__content">
                                <div class="services-two__icon">
                                    <span class="icon-dairy-products"></span>
                                </div>
                                <div class="services-two__more-details">
                                    <a href="organic-products.html"><i class="icon-right-arrow"></i>More Detail</a>
                                </div>
                            </div>
                            <div class="services-two__title-box">
                                <p class="services-two__subtitle">03 Services</p>
                                <h3 class="services-two__title"><a href="organic-products.html">Organic items</a></h3>
                            </div>
                            <div class="services-two__hover-content">
                                <p class="services-two__hover-sub-title">03 Services</p>
                                <h3 class="services-two__hover-title"><a href="organic-products.html">Organic items</a>
                                </h3>
                                <p class="services-two__hover-text">Lorem ium dolor sit do <br> sed pisicing elit.</p>
                                <div class="services-two__hover-more-details">
                                    <a href="organic-products.html"><i class="icon-right-arrow"></i>More Detail</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Services Two Single End-->
                </div>
            </div>
        </section>
        <!--Services Two End-->

        <!--Provide One Start-->
        <section class="Provide-One">
            <div class="Provide-One__wrap">
                <div class="Provide-One__left">
                    <div class="Provide-One__bg"
                        style="background-image: url(assets/images/backgrounds/provide-one-bg.jpg);"></div>
                    <div class="provide-one__sopport">
                        <div class="provide-one__support-icon">
                            <span class="icon-harvester"></span>
                        </div>
                        <p class="provide-one__support-text">We’re here to support
                            you every step of the way.</p>
                    </div>
                </div>
                <div class="Provide-One__right">
                    <div class="provide-one__bg-shape float-bob-x">
                        <img src="assets/images/backgrounds/provide-one-shape-1.png" alt="">
                    </div>
                    <div class="Provide-One__content">
                        <div class="section-title text-left">
                            <span class="section-title__tagline">Our Beneifts</span>
                            <h2 class="section-title__title">pROVIDING HIGH QUALITY
                                PRODUCTS</h2>
                            <div class="section-title__icon">
                                <img src="assets/images/icon/section-title-icon-1.png" alt="">
                            </div>
                        </div>
                        <p class="Provide-One__text">There cursus massa at urnaaculis estie. Sed aliquamellus vitae
                            ultrs condmentum leo massa mollis estiegittis miristum nulla sed medy fringilla vitae.</p>
                        <div class="Provide-One__progress-wrap">
                            <div class="Provide-One__progress">
                                <div class="Provide-One__progress-box">
                                    <div class="circle-progress"
                                        data-options='{ "value": 0.9,"thickness": 3,"emptyFill": "#36731f","lineCap": "square", "size": 108, "fill": { "color": "#ffcd1e" } }'>
                                    </div><!-- /.circle-progress -->
                                    <span>90%</span>
                                </div>
                                <div class="Provide-One__progress-content">
                                    <h3>agriculture <br> Projects</h3>
                                </div>
                            </div>
                            <div class="Provide-One__progress">
                                <div class="Provide-One__progress-box">
                                    <div class="circle-progress"
                                        data-options='{ "value": 0.5,"thickness": 3,"emptyFill": "#36731f","lineCap": "square", "size": 108, "fill": { "color": "#ffcd1e" } }'>
                                    </div><!-- /.circle-progress -->
                                    <span>66%</span>
                                </div><!-- /.about-five__progress-box -->
                                <div class="Provide-One__progress-content">
                                    <h3>Quality <br> products</h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--Provide One End-->

        <!--Video One Start-->
        <section class="video-one">
            <div class="video-one-bg jarallax" data-jarallax data-speed="0.2" data-imgPosition="50% 0%"
                style="background-image: url(assets/images/backgrounds/video-one-bg.jpg)"></div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="video-one__inner">
                            <div class="video-one__video-link">
                                <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                                    <div class="video-one__video-icon">
                                        <span class="fa fa-play"></span>
                                        <i class="ripple"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="video-one__shape">
                                <img src="assets/images/resources/video-one-1.png" alt="">
                            </div>
                            <h2 class="video-one__video-title">Be Healthy & Eat Only
                                <br>Fresh Organic Vagetables</h2>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--Video One End-->

        <!--Faq One Start-->
        <section class="faq-one">
            <div class="faq-one-bg" style="background-image: url(assets/images/backgrounds/faq-one-bg.png);"></div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-6">
                        <div class="faq-one__left">
                            <div class="section-title text-left">
                                <span class="section-title__tagline">Frequently Asked Questions</span>
                                <h2 class="section-title__title">How can we help you?</h2>
                                <div class="section-title__icon">
                                    <img src="assets/images/icon/section-title-icon-1.png" alt="">
                                </div>
                            </div>
                            <div class="faq-one__img-box">
                                <div class="faq-one__img">
                                    <img src="assets/images/resources/faq-one-1.jpg" alt="">
                                    <div class="faq-one__img-icon">
                                        <span class="icon-tractor"></span>
                                    </div>
                                </div>
                                <ul class="faq-one__points list-unstyled">
                                    <li class="faq-one__points-list">
                                        <div class="faq-one__icon">
                                            <span class="fa fa-check"></span>
                                        </div>
                                        <div class="faq-one__text">
                                            <p>Refresing to get such touch</p>
                                        </div>
                                    </li>
                                    <li class="faq-one__points-list">
                                        <div class="faq-one__icon">
                                            <span class="fa fa-check"></span>
                                        </div>
                                        <div class="faq-one__text">
                                            <p>Duis aute irure dolor</p>
                                        </div>
                                    </li>
                                    <li class="faq-one__points-list">
                                        <div class="faq-one__icon">
                                            <span class="fa fa-check"></span>
                                        </div>
                                        <div class="faq-one__text">
                                            <p>Reprehenderit in voluptate</p>
                                        </div>
                                    </li>
                                    <li class="faq-one__points-list">
                                        <div class="faq-one__icon">
                                            <span class="fa fa-check"></span>
                                        </div>
                                        <div class="faq-one__text">
                                            <p>Fugiat nulla pariatur cillum</p>
                                        </div>
                                    </li>
                                    <li class="faq-one__points-list">
                                        <div class="faq-one__icon">
                                            <span class="fa fa-check"></span>
                                        </div>
                                        <div class="faq-one__text">
                                            <p>Velit esse dolore eu</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <div class="faq-one__right">
                            <div class="accrodion-grp" data-grp-name="faq-one-accrodion">
                                <div class="accrodion active">
                                    <div class="accrodion-title">
                                        <h4>Company Provides a Full Range of Services?</h4>
                                    </div>
                                    <div class="accrodion-content">
                                        <div class="inner">
                                            <p>Suspendisse finibus urna mauris, vitae consequat quam vel. Vestibulum leo
                                                ligula, vitae commodo nisl. Lorem ipsum dolor sit amet, consectetur
                                                adipisi cing elit.</p>
                                        </div><!-- /.inner -->
                                    </div>
                                </div>
                                <div class="accrodion">
                                    <div class="accrodion-title">
                                        <h4>Home Improvement Works are Expensive?</h4>
                                    </div>
                                    <div class="accrodion-content">
                                        <div class="inner">
                                            <p>Suspendisse finibus urna mauris, vitae consequat quam vel. Vestibulum leo
                                                ligula, vitae commodo nisl. Lorem ipsum dolor sit amet, consectetur
                                                adipisi cing elit.</p>
                                        </div><!-- /.inner -->
                                    </div>
                                </div>
                                <div class="accrodion">
                                    <div class="accrodion-title">
                                        <h4>Taking Seamless Key Performance Indicators?</h4>
                                    </div>
                                    <div class="accrodion-content">
                                        <div class="inner">
                                            <p>Suspendisse finibus urna mauris, vitae consequat quam vel. Vestibulum leo
                                                ligula, vitae commodo nisl. Lorem ipsum dolor sit amet, consectetur
                                                adipisi cing elit.</p>
                                        </div><!-- /.inner -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--Faq One End-->

        <!--Project Two Start-->
        <section class="project-two">
            <div class="container">
                <div class="section-title text-center">
                    <span class="section-title__tagline">Our Latest Projects</span>
                    <h2 class="section-title__title">Recently completed Projects</h2>
                    <div class="section-title__icon">
                        <img src="assets/images/icon/section-title-icon-1.png" alt="">
                    </div>
                </div>
                <div class="project-two__carousel thm-owl__carousel owl-theme owl-carousel" data-owl-options='{
                    "items": 3,
                    "margin": 30,
                    "smartSpeed": 700,
                    "loop":true,
                    "autoplay": 6000,
                    "nav":false,
                    "dots":false,
                    "navText": ["<span class=\"fa fa-angle-left\"></span>","<span class=\"fa fa-angle-right\"></span>"],
                    "responsive":{
                        "0":{
                            "items":1
                        },
                        "768":{
                            "items":2
                        },
                        "992":{
                            "items": 2
                        }
                    }
                }'>
                    <!--Project Two Single Start-->
                    <div class="item">
                        <div class="project-two__single">
                            <div class="project-two__img">
                                <img src="assets/images/project/project-two-1.jpg" alt="">
                                <div class="project-two__content">
                                    <h3 class="project-two__title"><a href="project-details.html">organic <br>
                                            solutions</a></h3>
                                    <div class="project-two__arrow">
                                        <a href="project-details.html"><span class="icon-right-arrow"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Project Two Single End-->
                    <!--Project Two Single Start-->
                    <div class="item">
                        <div class="project-two__single">
                            <div class="project-two__img">
                                <img src="assets/images/project/project-two-2.jpg" alt="">
                                <div class="project-two__content">
                                    <h3 class="project-two__title"><a href="project-details.html">Harvest <br>
                                            Innovations</a></h3>
                                    <div class="project-two__arrow">
                                        <a href="project-details.html"><span class="icon-right-arrow"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Project Two Single End-->
                    <!--Project Two Single Start-->
                    <div class="item">
                        <div class="project-two__single">
                            <div class="project-two__img">
                                <img src="assets/images/project/project-two-3.jpg" alt="">
                                <div class="project-two__content">
                                    <h3 class="project-two__title"><a href="project-details.html">Agriculture <br>
                                            farming</a></h3>
                                    <div class="project-two__arrow">
                                        <a href="project-details.html"><span class="icon-right-arrow"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Project Two Single End-->
                    <!--Project Two Single Start-->
                    <div class="item">
                        <div class="project-two__single">
                            <div class="project-two__img">
                                <img src="assets/images/project/project-two-4.jpg" alt="">
                                <div class="project-two__content">
                                    <h3 class="project-two__title"><a href="project-details.html">the Farming <br>
                                            season</a></h3>
                                    <div class="project-two__arrow">
                                        <a href="project-details.html"><span class="icon-right-arrow"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Project Two Single End-->
                </div>
            </div>
        </section>
        <!--Project Two End-->

        <!--Team One Start-->
        <section class="team-one">
            <div class="container">
                <div class="section-title text-center">
                    <span class="section-title__tagline">Team Members</span>
                    <h2 class="section-title__title">Meet our farmers</h2>
                    <div class="section-title__icon">
                        <img src="assets/images/icon/section-title-icon-1.png" alt="">
                    </div>
                </div>
                <div class="row">
                    <!--Team One Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="100ms">
                        <div class="team-one__single">
                            <div class="team-one__shape-1">
                                <img src="assets/images/shapes/team-one-shape-1.png" alt="">
                            </div>
                            <div class="team-one__img-box">
                                <div class="team-one__img">
                                    <img src="assets/images/team/team-1-1.jpg" alt="">
                                    <ul class="list-unstyled team-one__social">
                                        <li><a href="#"><i class="fab fa-facebook-f"></i> <span
                                                    class="team-one__social-name">Facebook</span></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-twitter"></i> <span
                                                    class="team-one__social-name">Twitter</span></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-pinterest-p"></i> <span
                                                    class="team-one__social-name">Pinterest</span></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-instagram"></i><span
                                                    class="team-one__social-name">Instagram</span></a>
                                        </li>
                                    </ul>
                                    <div class="team-one__icon">
                                        <a href="#"><i class="fas fa-share-alt"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="team-one__content">
                                <h3 class="team-one__title"><a href="farmers.html">Aleesha Brown</a></h3>
                                <p class="team-one__subtitle">Senior Farmer</p>
                            </div>
                        </div>
                    </div>
                    <!--Team One Single End-->
                    <!--Team One Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="200ms">
                        <div class="team-one__single">
                            <div class="team-one__shape-1">
                                <img src="assets/images/shapes/team-one-shape-1.png" alt="">
                            </div>
                            <div class="team-one__img-box">
                                <div class="team-one__img">
                                    <img src="assets/images/team/team-1-2.jpg" alt="">
                                    <ul class="list-unstyled team-one__social">
                                        <li><a href="#"><i class="fab fa-facebook-f"></i> <span
                                                    class="team-one__social-name">Facebook</span></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-twitter"></i> <span
                                                    class="team-one__social-name">Twitter</span></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-pinterest-p"></i> <span
                                                    class="team-one__social-name">Pinterest</span></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-instagram"></i><span
                                                    class="team-one__social-name">Instagram</span></a>
                                        </li>
                                    </ul>
                                    <div class="team-one__icon">
                                        <a href="#"><i class="fas fa-share-alt"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="team-one__content">
                                <h3 class="team-one__title"><a href="farmers.html">Kevin Martin</a></h3>
                                <p class="team-one__subtitle">Senior Farmer</p>
                            </div>
                        </div>
                    </div>
                    <!--Team One Single End-->
                    <!--Team One Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="300ms">
                        <div class="team-one__single">
                            <div class="team-one__shape-1">
                                <img src="assets/images/shapes/team-one-shape-1.png" alt="">
                            </div>
                            <div class="team-one__img-box">
                                <div class="team-one__img">
                                    <img src="assets/images/team/team-1-3.jpg" alt="">
                                    <ul class="list-unstyled team-one__social">
                                        <li><a href="#"><i class="fab fa-facebook-f"></i> <span
                                                    class="team-one__social-name">Facebook</span></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-twitter"></i> <span
                                                    class="team-one__social-name">Twitter</span></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-pinterest-p"></i> <span
                                                    class="team-one__social-name">Pinterest</span></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fab fa-instagram"></i><span
                                                    class="team-one__social-name">Instagram</span></a>
                                        </li>
                                    </ul>
                                    <div class="team-one__icon">
                                        <a href="#"><i class="fas fa-share-alt"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="team-one__content">
                                <h3 class="team-one__title"><a href="farmers.html">Sarah Albert</a></h3>
                                <p class="team-one__subtitle">Senior Farmer</p>
                            </div>
                        </div>
                    </div>
                    <!--Team One Single End-->
                </div>
            </div>
        </section>
        <!--Team One End-->

        <!--Testimonial Two Start-->
        <section class="testimonial-two">
            <div class="testimonial-two__shape-1 float-bob-x"
                style="background-image: url(assets/images/shapes/testimonial-two-shape-1.png);"></div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-7 col-lg-6">
                        <div class="testimonial-two__left">
                            <div class="section-title text-left">
                                <span class="section-title__tagline">Our Testimonials</span>
                                <h2 class="section-title__title">What they’re talking?</h2>
                                <div class="section-title__icon">
                                    <img src="assets/images/icon/section-title-icon-1.png" alt="">
                                </div>
                            </div>
                            <div class="testimonial-two__slider">
                                <div class="testimonials-two__thumb-wrapper">
                                    <div class="swiper-container" id="testimonials-two__thumb">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <div class="testimonial-two__img-holder">
                                                    <img src="assets/images/testimonial/testimonial-2-1.jpg" alt="">
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="testimonial-two__img-holder">
                                                    <img src="assets/images/testimonial/testimonial-2-2.jpg" alt="">
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="testimonial-two__img-holder">
                                                    <img src="assets/images/testimonial/testimonial-2-3.jpg" alt="">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- /.testimonials-one__thumb-wrapper -->

                                <div class="testimonial-two__main-content">
                                    <div class="swiper-container" id="testimonials-two__carousel">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <div class="testimonial-two__content-box">
                                                    <p class="testimonial-two__text">I’ve just had two of the most
                                                        productive work weeks I have had in years. Ben was perfectly
                                                        matched to my temperament, and has been taking all the
                                                        backlogged work off my plate and finishing it.</p>
                                                    <div class="testimonial-two__client-info">
                                                        <p class="testimonial-two__client-text">Sarah Albert <span>-
                                                                Co-Founder</span></p>
                                                    </div>
                                                    <div class="testimonial-two__quote">
                                                        <span class="icon-quote"></span>
                                                    </div>
                                                </div>
                                            </div><!-- /.swiper-slide -->
                                            <div class="swiper-slide">
                                                <div class="testimonial-two__content-box">
                                                    <p class="testimonial-two__text">I’ve just had two of the most
                                                        productive work weeks I have had in years. Ben was perfectly
                                                        matched to my temperament, and has been taking all the
                                                        backlogged work off my plate and finishing it.</p>
                                                    <div class="testimonial-two__client-info">
                                                        <p class="testimonial-two__client-text">Kevin Martin <span>-
                                                                Co-Founder</span></p>
                                                    </div>
                                                    <div class="testimonial-two__quote">
                                                        <span class="icon-quote"></span>
                                                    </div>
                                                </div>
                                            </div><!-- /.swiper-slide -->
                                            <div class="swiper-slide">
                                                <div class="testimonial-two__content-box">
                                                    <p class="testimonial-two__text">I’ve just had two of the most
                                                        productive work weeks I have had in years. Ben was perfectly
                                                        matched to my temperament, and has been taking all the
                                                        backlogged work off my plate and finishing it.</p>
                                                    <div class="testimonial-two__client-info">
                                                        <p class="testimonial-two__client-text">Aleesha Brown <span>-
                                                                Co-Founder</span></p>
                                                    </div>
                                                    <div class="testimonial-two__quote">
                                                        <span class="icon-quote"></span>
                                                    </div>
                                                </div>
                                            </div><!-- /.swiper-slide -->
                                        </div>
                                    </div>
                                </div>

                                <div id="testimonials-one__carousel-pagination"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-5 col-lg-6">
                        <div class="testimonial-two__right">
                            <ul class="testimonial-two__counter list-unstyled">
                                <li>
                                    <div class="testimonial-two__counter-icon">
                                        <span class="icon-seeds"></span>
                                    </div>
                                    <div class="testimonial-two__counter-content-box">
                                        <div class="testimonial-two__counter-count-box">
                                            <h3 class="odometer" data-count="4850">00</h3>
                                            <span class="counter-one__plus">+</span>
                                        </div>
                                        <p class="testimonial-two__counter-text">Agriculture Projects</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="testimonial-two__counter-icon">
                                        <span class="icon-cotton"></span>
                                    </div>
                                    <div class="testimonial-two__counter-content-box">
                                        <div class="testimonial-two__counter-count-box">
                                            <h3 class="odometer" data-count="1760">00</h3>
                                            <span class="counter-one__plus">+</span>
                                        </div>
                                        <p class="testimonial-two__counter-text">Organic Products</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="testimonial-two__counter-icon">
                                        <span class="icon-customer"></span>
                                    </div>
                                    <div class="testimonial-two__counter-content-box">
                                        <div class="testimonial-two__counter-count-box">
                                            <h3 class="odometer" data-count="6890">00</h3>
                                            <span class="counter-one__plus">+</span>
                                        </div>
                                        <p class="testimonial-two__counter-text">Happy Customers</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--Testimonial Two End-->

        <!--Blog Two Start-->
        <section class="blog-two">
            <div class="container">
                <div class="blog-two__inner">
                    <div class="blog-two-shape-1"></div>
                    <div class="blog-two__top">
                        <div class="section-title text-left">
                            <span class="section-title__tagline">From the Blog Post</span>
                            <h2 class="section-title__title">News & Articles</h2>
                            <div class="section-title__icon">
                                <img src="assets/images/icon/section-title-icon-1.png" alt="">
                            </div>
                        </div>
                        <div class="blog-two__btn-box">
                            <a href="blog.html" class="thm-btn contact-one__btn">View All Posts <i
                                    class="icon-right-arrow"></i> </a>
                        </div>
                    </div>
                    <div class="row">
                        <!--Blog One Single Start-->
                        <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="100ms">
                            <div class="blog-one__single">
                                <div class="blog-one__img">
                                    <img src="assets/images/blog/blog-one-1.jpg" alt="">
                                    <div class="blog-one__date">
                                        <span>28</span>
                                        <p>Aug</p>
                                    </div>
                                </div>
                                <div class="blog-one__content">
                                    <ul class="blog-one__meta list-unstyled">
                                        <li>
                                            <a href="blog-details.html"><i class="fas fa-user-circle"></i>Admin</a>
                                        </li>
                                        <li>
                                            <a href="blog-details.html"><i class="fas fa-comments"></i>2 Comments</a>
                                        </li>
                                    </ul>
                                    <h3 class="blog-one__title"><a href="blog-details.html">Why Agriculture & Eco is for
                                            the
                                            Envoirment</a></h3>
                                </div>
                            </div>
                        </div>
                        <!--Blog One Single End-->
                        <!--Blog One Single Start-->
                        <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="200ms">
                            <div class="blog-one__single">
                                <div class="blog-one__img">
                                    <img src="assets/images/blog/blog-one-2.jpg" alt="">
                                    <div class="blog-one__date">
                                        <span>28</span>
                                        <p>Aug</p>
                                    </div>
                                </div>
                                <div class="blog-one__content">
                                    <ul class="blog-one__meta list-unstyled">
                                        <li>
                                            <a href="blog-details.html"><i class="fas fa-user-circle"></i>Admin</a>
                                        </li>
                                        <li>
                                            <a href="blog-details.html"><i class="fas fa-comments"></i>2 Comments</a>
                                        </li>
                                    </ul>
                                    <h3 class="blog-one__title"><a href="blog-details.html">Wheat Harvest Organic Gather
                                            nice Moment</a></h3>
                                </div>
                            </div>
                        </div>
                        <!--Blog One Single End-->
                        <!--Blog One Single Start-->
                        <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="300ms">
                            <div class="blog-one__single">
                                <div class="blog-one__img">
                                    <img src="assets/images/blog/blog-one-3.jpg" alt="">
                                    <div class="blog-one__date">
                                        <span>28</span>
                                        <p>Aug</p>
                                    </div>
                                </div>
                                <div class="blog-one__content">
                                    <ul class="blog-one__meta list-unstyled">
                                        <li>
                                            <a href="blog-details.html"><i class="fas fa-user-circle"></i>Admin</a>
                                        </li>
                                        <li>
                                            <a href="blog-details.html"><i class="fas fa-comments"></i>2 Comments</a>
                                        </li>
                                    </ul>
                                    <h3 class="blog-one__title"><a href="blog-details.html">Agriculture Matters to the
                                            Future of World</a></h3>
                                </div>
                            </div>
                        </div>
                        <!--Blog One Single End-->
                    </div>
                </div>
            </div>
        </section>
        <!--Blog Two End-->

        <!--Brand One Start-->
        <section class="brand-one">
            <div class="brand-one__inner">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="brand-one__carousel thm-owl__carousel owl-theme owl-carousel" data-owl-options='{
                                "margin": 0,
                                "smartSpeed": 700,
                                "loop":true,
                                "autoplay": 6000,
                                "nav":false,
                                "dots":false,
                                "navText": ["<span class=\"fa fa-angle-left\"></span>","<span class=\"fa fa-angle-right\"></span>"],
                                "responsive":{
                                    "0":{
                                        "items":1
                                    },
                                    "600":{
                                        "items":2
                                    },
                                    "800":{
                                        "items":3
                                    },
                                    "1024":{
                                        "items": 4
                                    },
                                    "1200":{
                                        "items": 5
                                    }
                                }
                            }'>
                                <!--Brand One Single-->
                                <div class="brand-one__single">
                                    <div class="brand-one__img">
                                        <img src="assets/images/brand/brand-1-1.png" alt="">
                                    </div>
                                </div>
                                <!--Brand One Single-->
                                <div class="brand-one__single">
                                    <div class="brand-one__img">
                                        <img src="assets/images/brand/brand-1-2.png" alt="">
                                    </div>
                                </div>
                                <!--Brand One Single-->
                                <div class="brand-one__single">
                                    <div class="brand-one__img">
                                        <img src="assets/images/brand/brand-1-3.png" alt="">
                                    </div>
                                </div>
                                <!--Brand One Single-->
                                <div class="brand-one__single">
                                    <div class="brand-one__img">
                                        <img src="assets/images/brand/brand-1-4.png" alt="">
                                    </div>
                                </div>
                                <!--Brand One Single-->
                                <div class="brand-one__single">
                                    <div class="brand-one__img">
                                        <img src="assets/images/brand/brand-1-5.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--Brand One End-->

        <!--Site Footer Start-->
        <footer class="site-footer">
            <div class="site-footer__top">
                <div class="container">
                    <div class="site-footer__top-inner">
                        <div class="site-footer-shape-1 float-bob-x"
                            style="background-image: url(assets/images/shapes/site-footer-shape-1.png);"></div>
                        <div class="row">
                            <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="100ms">
                                <div class="footer-widget__column footer-widget__about">
                                    <div class="footer-widget__logo">
                                        <a href="index.html"><img src="assets/images/resources/footer-logo.png"
                                                alt=""></a>
                                    </div>
                                    <div class="footer-widget__about-text-box">
                                        <p class="footer-widget__about-text">Welcome to our Agriculture Farming. Lorem
                                            simply text amet cing elit.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-2 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="200ms">
                                <div class="footer-widget__column footer-widget__Explore">
                                    <div class="footer-widget__title-box">
                                        <h3 class="footer-widget__title">Explore</h3>
                                    </div>
                                    <ul class="footer-widget__Explore-list list-unstyled">
                                        <li><a href="about.html">About</a></li>
                                        <li><a href="farmers.html">Our Farmers</a></li>
                                        <li><a href="project-01.html">New Projects</a></li>
                                        <li><a href="services.html">Services</a></li>
                                        <li><a href="contact.html">Contact</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="300ms">
                                <div class="footer-widget__column footer-widget__news">
                                    <div class="footer-widget__title-box">
                                        <h3 class="footer-widget__title">News</h3>
                                    </div>
                                    <ul class="footer-widget__news-list list-unstyled">
                                        <li>
                                            <div class="footer-widget__news-img">
                                                <img src="assets/images/resources/footer-widget-news-img-1.jpg" alt="">
                                            </div>
                                            <div class="footer-widget__news-content">
                                                <p class="footer-widget__news-date">20 Jul, 2022</p>
                                                <h5 class="footer-widget__news-sub-title"><a href="blog-details.html">A
                                                        Organic Food
                                                        Gives
                                                        More Good Taste</a></h5>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="footer-widget__news-img">
                                                <img src="assets/images/resources/footer-widget-news-img-2.jpg" alt="">
                                            </div>
                                            <div class="footer-widget__news-content">
                                                <p class="footer-widget__news-date">20 Jul, 2022</p>
                                                <h5 class="footer-widget__news-sub-title"><a href="blog-details.html">A
                                                        Organic Food
                                                        Gives
                                                        More Good Taste</a></h5>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="400ms">
                                <div class="footer-widget__column footer-widget__Contact">
                                    <div class="footer-widget__title-box">
                                        <h3 class="footer-widget__title">Contact</h3>
                                    </div>
                                    <ul class="footer-widget__Contact-list list-unstyled">
                                        <li>
                                            <div class="icon">
                                                <span class="fas fa-phone-square-alt"></span>
                                            </div>
                                            <div class="text">
                                                <p><a href="tel:9200886823">+92 (0088) 6823</a></p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="icon">
                                                <span class="fas fa-envelope"></span>
                                            </div>
                                            <div class="text">
                                                <p><a href="mailto:needhelp@company.com">needhelp@company.com</a></p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="icon">
                                                <span class="icon-pin"></span>
                                            </div>
                                            <div class="text">
                                                <p>80 Broklyn Golden Street. USA</p>
                                            </div>
                                        </li>
                                    </ul>
                                    <form class="footer-widget__Contact-form">
                                        <div class="footer-widget__Contact-input-box">
                                            <input type="email" placeholder="Email Address" name="email">
                                            <button type="submit" class="footer-widget__Contact-btn"><i
                                                    class="icon-right-arrow"></i></button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="site-footer__bottom">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="site-footer__bottom-inner">
                                <p class="site-footer__bottom-text">© Copyright 2022 by <a href="#">Agrion.com</a></p>
                                <div class="site-footer__social">
                                    <a href="#"><i class="fab fa-twitter"></i></a>
                                    <a href="#"><i class="fab fa-facebook"></i></a>
                                    <a href="#"><i class="fab fa-pinterest-p"></i></a>
                                    <a href="#"><i class="fab fa-instagram"></i></a>
                                </div>
                                <div class="site-footer__bottom-scroll">
                                    <a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i
                                            class="icon-up-arrow"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!--Site Footer End-->


    </div><!-- /.page-wrapper -->


    <div class="mobile-nav__wrapper">
        <div class="mobile-nav__overlay mobile-nav__toggler"></div>
        <!-- /.mobile-nav__overlay -->
        <div class="mobile-nav__content">
            <span class="mobile-nav__close mobile-nav__toggler"><i class="fa fa-times"></i></span>

            <div class="logo-box">
                <a href="index.html" aria-label="logo image"><img src="assets/images/resources/logo-2.png" width="122"
                        alt="" /></a>
            </div>
            <!-- /.logo-box -->
            <div class="mobile-nav__container"></div>
            <!-- /.mobile-nav__container -->

            <ul class="mobile-nav__contact list-unstyled">
                <li>
                    <i class="fa fa-envelope"></i>
                    <a href="mailto:needhelp@packageName__.com">needhelp@agrion.com</a>
                </li>
                <li>
                    <i class="fa fa-phone-alt"></i>
                    <a href="tel:666-888-0000">666 888 0000</a>
                </li>
            </ul><!-- /.mobile-nav__contact -->
            <div class="mobile-nav__top">
                <div class="mobile-nav__social">
                    <a href="#" class="fab fa-twitter"></a>
                    <a href="#" class="fab fa-facebook-square"></a>
                    <a href="#" class="fab fa-pinterest-p"></a>
                    <a href="#" class="fab fa-instagram"></a>
                </div><!-- /.mobile-nav__social -->
            </div><!-- /.mobile-nav__top -->



        </div>
        <!-- /.mobile-nav__content -->
    </div>
    <!-- /.mobile-nav__wrapper -->

    <div class="search-popup">
        <div class="search-popup__overlay search-toggler"></div>
        <!-- /.search-popup__overlay -->
        <div class="search-popup__content">
            <form action="#">
                <label for="search" class="sr-only">search here</label><!-- /.sr-only -->
                <input type="text" id="search" placeholder="Search Here..." />
                <button type="submit" aria-label="search submit" class="thm-btn">
                    <i class="icon-magnifying-glass"></i>
                </button>
            </form>
        </div>
        <!-- /.search-popup__content -->
    </div>
    <!-- /.search-popup -->



    <script src="assets/vendors/jquery/jquery-3.6.0.min.js"></script>
    <script src="assets/vendors/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="assets/vendors/jarallax/jarallax.min.js"></script>
    <script src="assets/vendors/jquery-ajaxchimp/jquery.ajaxchimp.min.js"></script>
    <script src="assets/vendors/jquery-appear/jquery.appear.min.js"></script>
    <script src="assets/vendors/jquery-circle-progress/jquery.circle-progress.min.js"></script>
    <script src="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.min.js"></script>
    <script src="assets/vendors/jquery-validate/jquery.validate.min.js"></script>
    <script src="assets/vendors/nouislider/nouislider.min.js"></script>
    <script src="assets/vendors/odometer/odometer.min.js"></script>
    <script src="assets/vendors/swiper/swiper.min.js"></script>
    <script src="assets/vendors/tiny-slider/tiny-slider.min.js"></script>
    <script src="assets/vendors/wnumb/wNumb.min.js"></script>
    <script src="assets/vendors/wow/wow.js"></script>
    <script src="assets/vendors/isotope/isotope.js"></script>
    <script src="assets/vendors/countdown/countdown.min.js"></script>
    <script src="assets/vendors/owl-carousel/owl.carousel.min.js"></script>
    <script src="assets/vendors/bxslider/jquery.bxslider.min.js"></script>
    <script src="assets/vendors/bootstrap-select/js/bootstrap-select.min.js"></script>
    <script src="assets/vendors/vegas/vegas.min.js"></script>
    <script src="assets/vendors/jquery-ui/jquery-ui.js"></script>
    <script src="assets/vendors/timepicker/timePicker.js"></script>
    <script src="assets/vendors/circleType/jquery.circleType.js"></script>
    <script src="assets/vendors/circleType/jquery.lettering.min.js"></script>




    <!-- template js -->
    <script src="assets/js/agrion.js"></script>
</body>

</html>