/home/moonrcjl/template.moontelict.com/rosun/index-2.html
<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Rosun - Grocery Store Ecommerce HTML5 Template </title>

   <link rel="icon" type="image/x-icon" href="assets/img/logo/favicon.png">

   <link rel="stylesheet" href="assets/css/bootstrap.min.css">
   <link rel="stylesheet" href="assets/css/animate.css">
   <link rel="stylesheet" href="assets/css/fontawesome-pro.min.css">
   <link rel="stylesheet" href="assets/css/magnific-popup.css">
   <link rel="stylesheet" href="assets/css/swiper-min.css">
   <link rel="stylesheet" href="assets/css/main.css">
</head>

<body>


   <!-- scroll to top  -->
   <button id="back-to-top"><i class="far fa-arrow-up"></i></button>

   <!-- preloader  -->
   <div id="loading">
      <div id="loading-center">
         <div id="loading-center-absolute">
            <div class="object" id="object_four"></div>
            <div class="object" id="object_three"></div>
            <div class="object" id="object_two"></div>
            <div class="object" id="object_one"></div>
         </div>
      </div>
   </div>

   <!-- Offcanvas -->
   <div class="mt-offcanvas">
      <div class="mt-offcanvas-wrapper">
         <div class="mt-offcanvas-header d-flex justify-content-between align-items-center mb-40">
            <div class="mt-offcanvas-logo">
               <a href="index.html"><img src="assets/img/logo/black-logo.png" alt=""></a>
            </div>
            <div class="mt-offcanvas-close">
               <button class="mt-offcanvas-close-toggle"><i class="fal fa-times"></i></button>
            </div>
         </div>
         <div class="mtheader__bottom-bar-wrap offcanvas-cate mb-40">
            <div class="mtheader__bottom-bar d-flex align-items-center justify-content-between">
               <div class="mtcategories-bar">
                  <i class="fa-regular fa-bars"></i>
                  <span>All Categories</span>
               </div>
               <div class="mtcategories-icon">
                  <i class="fa-regular fa-angle-down"></i>
               </div>
            </div>

            <div id="mtheader__bottom-category-offcanvas" class="mtheader__bottom-category-offcanvas ">
               <nav>
                  <ul>
                     <li>
                        <a href="shop.html"><img src="assets/img/category/cat-menu-1-1.png"
                              alt=""><span>Vegetables</span></a>
                     </li>
                     <li>
                        <a href="shop.html"><img src="assets/img/category/cat-menu-1-2.png" alt=""><span>Soft
                              Drinks</span></a>
                     </li>
                     <li>
                        <a href="shop.html"><img src="assets/img/category/cat-menu-1-3.png" alt=""><span>Fresh
                              Fruits</span></a>
                     </li>
                     <li>
                        <a href="shop.html"><img src="assets/img/category/cat-menu-1-4.png" alt=""><span>Meat
                              &
                              Fish</span></a>
                     </li>
                     <li>
                        <a href="shop.html"><img src="assets/img/category/cat-menu-1-5.png" alt=""><span>Milk
                              &
                              Cream</span></a>
                     </li>
                     <li>
                        <a href="shop.html"><img src="assets/img/category/cat-menu-1-6.png" alt=""><span>Frozen
                              Foods</span></a>
                     </li>
                     <li>
                        <a href="shop.html"><img src="assets/img/category/cat-menu-1-7.png" alt=""><span>Dairy
                              Products</span></a>
                     </li>
                     <li>
                        <a href="shop.html"><img src="assets/img/category/cat-menu-1-8.png" alt=""><span>Bottled
                              Water</span></a>
                     </li>
                  </ul>
                  <a href="shop.html" class="mtheader__bottom-category-btn">View
                     All <i class="fa-light fa-angle-right"></i></a>
               </nav>

            </div>

         </div>
         <div class="mt-offcanvas-menu d-xl-none mb-50">
            <nav></nav>
         </div>
         <div class="mt-offcanvas-content mb-50 d-none d-xl-block">
            <h2 class="mt-offcanvas-title">Hello There!</h2>
            <p>Lorem ipsum dolor sit amet, consect etur adipiscing elit. </p>
         </div>
         <div class="mt-offcanvas-info mb-50">
            <h3 class="mt-offcanvas-sm-title">Information</h3>
            <span><a href="#">+ 4 20 7700 1007</a></span>
            <span><a href="#">hello@rosun.com</a></span>
            <span><a href="#">Avenue de Roma 158b, Lisboa</a></span>
         </div>
         <div class="mt-offcanvas-social mb-50">
            <h3 class="mt-offcanvas-sm-title">Follow Us</h3>
            <a href="#"><i class="fab fa-facebook-f"></i></a>
            <a href="#"><i class="fab fa-twitter"></i></a>
            <a href="#"><i class="fab fa-linkedin-in"></i></a>
            <a href="#"><i class="fab fa-instagram"></i></a>
         </div>
      </div>
   </div>
   <!-- mt-offcanvas-overlay -->
   <div class="mt-offcanvas-overlay"></div>

   <!-- Cart mini star -->
   <div class="mtcartmini__area">
      <div class="mtcartmini__wrapper d-flex justify-content-between flex-column">
         <div class="mtcartmini__top-wrapper">
            <div class="mtcartmini__top p-relative">
               <div class="mtcartmini__top-title">
                  <h4>Shopping cart</h4>
               </div>
               <div class="mtcartmini__close">
                  <button type="button" class="mtcartmini__close-btn mtcartmini-close-btn"><i
                        class="fal fa-times"></i></button>
               </div>
            </div>
            <div class="mtcartmini__shipping">
               <p> Free Shipping for all orders over <span>$50</span></p>
               <div class="progress">
                  <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"
                     data-width="70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
                  </div>
               </div>
            </div>
            <div class="mtcartmini__widget">
               <div class="mtcartmini__widget-item">
                  <div class="mtcartmini__thumb">
                     <a href="product.html">
                        <img src="assets/img/product/feature-1-10.png" alt="">
                     </a>
                  </div>
                  <div class="mtcartmini__content">
                     <h5 class="mtcartmini__title"><a href="product.html">Best Masoori dry <br> indian Rice</a></h5>
                     <div class="mtcartmini__prmte-wrapper">
                        <span class="mtcartmini__prmte">$16.00</span>
                        <span class="mtcartmini__quantity">x3</span>
                     </div>
                  </div>
                  <a href="#" class="mtcartmini__del"><i class="fa-regular fa-xmark"></i></a>
               </div>
               <div class="mtcartmini__widget-item">
                  <div class="mtcartmini__thumb">
                     <a href="product.html">
                        <img src="assets/img/product/feature-1-13.png" alt="">
                     </a>
                  </div>
                  <div class="mtcartmini__content">
                     <h5 class="mtcartmini__title"><a href="product.html">White Pumpkin - Each <br> (appr 1.5 LB-2
                           LB)</a>
                     </h5>
                     <div class="mtcartmini__prmte-wrapper">
                        <span class="mtcartmini__prmte">$20.00</span>
                        <span class="mtcartmini__quantity">x3</span>
                     </div>
                  </div>
                  <a href="#" class="mtcartmini__del"><i class="fa-regular fa-xmark"></i></a>
               </div>
            </div>
            <!-- for wp -->
         </div>
         <div class="mtcartmini__checkout">
            <div class="mtcartmini__checkout-title mb-30">
               <h4>Subtotal:</h4>
               <span>$213.00</span>
            </div>
            <div class="mtcartmini__checkout-btn text-center">
               <a href="cart.html" class="mt-btn mb-10 w-100"> view cart</a>
               <a href="checkout.html" class="mt-btn-3 w-100"> checkout</a>
            </div>
         </div>
      </div>
   </div>
   <!-- Cart mini end -->

   <header class="mtheader__area p-relative">
      <!-- header top area start -->
      <div class="mtheader__top-area mtheader__top-2 theme-bg p-relative d-none d-lg-block">
         <div class="container">
            <div class="mtborder__top-wrapper d-flex align-items-center justify-content-between">
               <div class="mtheader__top-left">
                  <a href="mailto:support@domain.com"><i
                        class="fa-light fa-envelope"></i><span>support@domain.com</span></a>
                  <span>
                     <i class="fa-solid fa-star-sharp"></i>
                  </span>
                  <a href="#"><i class="fa-light fa-location-dot"></i><span>Lincoln- 344, Illinois, Florida,
                        USA</span></a>
               </div>
               <div class="mtheader__top-right d-flex align-items-center justify-content-between">
                  <div class="mtheader__top-social">
                     <a href="#"><i class="fa-brands fa-pinterest-p"></i></a>
                     <a href="#"><i class="fa-brands fa-instagram"></i></a>
                     <a href="#"><i class="fa-brands fa-facebook-f"></i></a>
                  </div>
                  <span>
                     <i class="fa-solid fa-star-sharp"></i>
                  </span>
                  <div class="mtheader__top-lang">
                     <select>
                        <option value="1">Eng</option>
                        <option value="2">Bang</option>
                        <option value="3">Lang</option>
                        <option value="3">Latin</option>
                     </select>
                  </div>
                  <span>
                     <i class="fa-solid fa-star-sharp"></i>
                  </span>
                  <div class="mtheader__top-currency">
                     <select>
                        <option value="1">USD</option>
                        <option value="2">URO</option>
                        <option value="3">BDT</option>
                        <option value="3">RCS</option>
                     </select>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- header Menu area start -->
      <div id="mt-header-sticky" class="mtheader__bottom-area mtheader__bottom-2 mt-sticky-theme-2 p-relative">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-lg-2 col-6">
                  <div class="mtheader__bottom-category-wrap p-relative">
                     <div class="mtheader__bottom-category">
                        <div class="mtheader__logo">
                           <a href="index.html"><img src="assets/img/logo/black-logo.png" alt="Rosun"></a>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-lg-10 col-6">
                  <div
                     class="mtheader__bottom-wrapper p-relative d-flex align-items-center justify-content-end justify-content-xl-between">
                     <div class="mtheader__bottom-menu d-none d-xl-block">
                        <nav class="mt-mobile-menu-active">
                           <ul>
                              <li class="has-dropdown">
                                 <a href="index.html">Home</a>
                                 <ul class="sub-menu mt-submenu">
                                    <li><a href="index.html">Home One</a></li>
                                    <li><a href="index-2.html">Home Two</a>
                                    </li>

                                 </ul>
                              </li>
                              <li><a href="about.html">About</a>
                              <li class="has-dropdown"><a href="#">Shop</a>
                                 <ul class="sub-menu mt-submenu">
                                    <li><a href="shop.html">Shop</a></li>
                                    <li><a href="product-details.html">Prodcut Details</a></li>

                                 </ul>
                              </li>
                              <li class="has-dropdown"><a href="#">Pages</a>
                                 <ul class="sub-menu mt-submenu">
                                    <li><a href="about.html">About</a></li>
                                    <li><a href="contact.html">Contact</a></li>
                                    <li><a href="faq.html">Faq</a></li>
                                    <li><a href="team.html">Team</a></li>
                                    <li><a href="team-details.html">Team Details</a></li>
                                    <li><a href="product-details.html">Prodcut</a></li>
                                    <li><a href="wishlist.html">Wishlist</a></li>
                                    <li><a href="checkout.html">Checkout</a></li>
                                    <li><a href="cart.html">Cart</a></li>
                                    <li><a href="login.html">Login</a></li>
                                    <li><a href="register.html">Register</a></li>
                                 </ul>
                              </li>

                              <li class="has-dropdown"><a href="#">Blog</a>
                                 <ul class="sub-menu mt-submenu">
                                    <li><a href="blog.html">Blog</a></li>
                                    <li><a href="blog-grid.html">Blog Grid</a></li>
                                    <li><a href="blog-details.html">Blog Details</a></li>
                                 </ul>
                              </li>

                              <li><a href="contact.html">Contact</a>
                              </li>
                           </ul>
                        </nav>
                     </div>
                     <div
                        class="mtheader__midel-account-wrap p-relative d-flex align-items-center justify-content-between">
                        <div class="mtheader__midel-wishlist d-none d-lg-block">
                           <a href="wishlist.html"><i class="fa-regular fa-heart"></i></a>
                        </div>
                        <span class="d-none d-lg-block">
                           <i class="fa-solid fa-star-sharp"></i>
                        </span>
                        <div class="mtheader__midel-login mtheader__mobile-cart">
                           <a href="login.html" class="mt__header-login-another-page">
                              <i class="fa-solid fa-user-plus"></i>
                              <span>Login your</span>
                              <h6>Account</h6>
                           </a>
                        </div>
                        <span>
                           <i class="fa-solid fa-star-sharp"></i>
                        </span>
                        <div class="mtheader__midel-login mtheader__mobile-cart">
                           <div class="mtcartmini-open-btn">
                              <div class="mtheader__midel-card-value">
                                 <i class="fa-solid fa-basket-shopping"></i>
                                 <p>2</p>
                                 <span>Cart Items</span>
                                 <h6>$570.00</h6>
                              </div>
                           </div>

                        </div>
                     </div>
                     <div class="mt-header-toogle  d-xl-none text-end">
                        <button class="mt-offcanvas-toogle mt-offcanvas-toogle-2"><i
                              class="fa-regular fa-bars-staggered"></i></button>
                     </div>
                  </div>
               </div>
            </div>

         </div>
      </div>
   </header>

   <main>

      <!-- Start Hero Area -->
      <section class="mthero__area mthero__2 p-relative fix">
         <div class="mthero__2-bg pt-120 pb-130" data-background="assets/img/hero/hero-bg-2-1.jpg">
            <div class="mthero__shape-wrap">
               <div class="mthero__shape">
                  <img src="assets/img/hero/shape-2-1.png" alt="">
               </div>
               <div class="mthero__shape-2">
                  <img src="assets/img/hero/shape-2-2.png" alt="">
               </div>
               <div class="mthero__shape-3">
                  <img src="assets/img/hero/shape-2-3.png" alt="">
               </div>
            </div>
            <div class="container">
               <div class="mthero__wrapper">
                  <div class="swiper mt-hero-2-active">
                     <div class="swiper-wrapper">
                        <div class="swiper-slide">
                           <div class="row g-0 align-items-center">
                              <div class="col-lg-6">
                                 <div class="mthero__content">
                                    <h5 class="mthero__subtitle mt-upper"><span>100% Organic and Fresh Food</span>
                                    </h5>
                                    <h1 class="mthero__title">Pure & <span>Healthy <img
                                             src="assets/img/icon/hero-under-text.svg" alt=""></span> Organic Food
                                    </h1>
                                    <p>
                                       Indulge in the goodness of nature with our organic products. Experience pure,
                                       wholesome flavors free from harmful
                                    </p>
                                    <div class="mthero__btn mt-40">
                                       <a href="shop.html" class="mt-btn">
                                          <i class="fa-solid fa-basket-shopping"></i> Shop
                                          Now
                                       </a>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-6">
                                 <div class="mthero__img text-center text-lg-end">
                                    <img src="assets/img/hero/hero-2-1.png" alt="Rosun">
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="swiper-slide">
                           <div class="row g-0 align-items-center">
                              <div class="col-lg-6">
                                 <div class="mthero__content">
                                    <h5 class="mthero__subtitle mt-upper"><span>100% Organic and Fresh Food</span>
                                    </h5>
                                    <h1 class="mthero__title">Pure & <span>Healthy <img
                                             src="assets/img/icon/hero-under-text.svg" alt=""></span> Organic Food
                                    </h1>
                                    <p>
                                       Indulge in the goodness of nature with our organic products. Experience pure,
                                       wholesome flavors free from harmful
                                    </p>
                                    <div class="mthero__btn mt-40">
                                       <a href="shop.html" class="mt-btn">
                                          <i class="fa-solid fa-basket-shopping"></i> Shop
                                          Now
                                       </a>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-6">
                                 <div class="mthero__img text-center text-lg-end">
                                    <img src="assets/img/hero/hero-1-1.png" alt="Rosun">
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="swiper-slide">
                           <div class="row g-0 align-items-center">
                              <div class="col-lg-6">
                                 <div class="mthero__content">
                                    <h5 class="mthero__subtitle mt-upper"><span>100% Organic and Fresh Food</span>
                                    </h5>
                                    <h1 class="mthero__title">Pure & <span>Healthy <img
                                             src="assets/img/icon/hero-under-text.svg" alt=""></span> Organic Food
                                    </h1>
                                    <p>
                                       Indulge in the goodness of nature with our organic products. Experience pure,
                                       wholesome flavors free from harmful
                                    </p>
                                    <div class="mthero__btn mt-40">
                                       <a href="shop.html" class="mt-btn">
                                          <i class="fa-solid fa-basket-shopping"></i> Shop
                                          Now
                                       </a>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-6">
                                 <div class="mthero__img text-center text-lg-end">
                                    <img src="assets/img/hero/hero-2-1.png" alt="Rosun">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="mthero-2-pagination"></div>
               </div>
            </div>
         </div>

      </section>
      <!-- End Hero Area -->

      <!-- Start Brand Title  -->
      <section class="mtbanner__titleslide-area theme-bg-2 pt-18 pb-10 p-relative fix">
         <div class="mtbanner__titleslide-wrapper">
            <div class="swiper mt-brand-title-active">
               <div class="swiper-wrapper mt-slide-transtion">
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <h5 class="mtbanner__titleslide-title">15% Off on Fresh Spinach</h5>
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <h5 class="mtbanner__titleslide-title">Enjoy 20% Savings on Carrots</h5>
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <h5 class="mtbanner__titleslide-title">Get 10% Discount on Green Peppers</h5>
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <h5 class="mtbanner__titleslide-title">Save 15% on Ripe Tomatoes</h5>
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <h5 class="mtbanner__titleslide-title">10% Discount of Cabbage </h5>
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <h5 class="mtbanner__titleslide-title">Grab 20% Off on Organic Broccoli</h5>
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <h5 class="mtbanner__titleslide-title">15% Off on Fresh Spinach</h5>
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <h5 class="mtbanner__titleslide-title">Enjoy 20% Savings on Carrots</h5>
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <h5 class="mtbanner__titleslide-title">Get 10% Discount on Green Peppers</h5>
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <h5 class="mtbanner__titleslide-title">Save 15% on Ripe Tomatoes</h5>
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <h5 class="mtbanner__titleslide-title">10% Discount of Cabbage </h5>
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <span><i class="fa-solid fa-star-sharp"></i></span>
                        <h5 class="mtbanner__titleslide-title">Grab 20% Off on Organic Broccoli</h5>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- End Brand Title  -->

      <!-- Start  Categories -->
      <section class="mtshop__category-area pt-40 pb-55 p-relative fix">
         <div class="container">
            <div class="mtshop__category-2 p-relative">
               <div class="row align-items-center">
                  <div class="col-lg-2 ">
                     <div class="mtshop__category-content mb-20 ml-30">
                        <h3 class="mtshop__category-content-title mb-15">
                           Shop by <br>
                           Category
                        </h3>
                        <a href="shop.html" class="mtshop__category-content-btn">View All
                           <i class="fa-regular fa-arrow-right"></i></a>
                     </div>
                  </div>
                  <div class="col-lg-10">
                     <div class="mtshop__category-wrapper">
                        <div class="swiper mtshop__category_2_active">
                           <div class="swiper-wrapper">
                              <div class="swiper-slide">
                                 <div class="mtshop__category-item ">
                                    <a href="shop.html">
                                       <img src="assets/img/category/cat-2-1.png" alt="">
                                       <h5 class="mtshop__category-title">Fresh Fruits</h5>
                                       <span>16 ITEMS</span>
                                    </a>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="mtshop__category-item">
                                    <a href="shop.html">
                                       <img src="assets/img/category/cat-2-2.png" alt="Rosun">
                                       <h5 class="mtshop__category-title">Green Veggies</h5>
                                       <span>29 ITEMS</span>
                                    </a>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="mtshop__category-item">
                                    <a href="shop.html">
                                       <img src="assets/img/category/cat-2-3.png" alt="Rosun">
                                       <h5 class="mtshop__category-title">Canned Goods</h5>
                                       <span>105 ITEMS</span>
                                    </a>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="mtshop__category-item">
                                    <a href="shop.html">
                                       <img src="assets/img/category/cat-2-4.png" alt="Rosun">
                                       <h5 class="mtshop__category-title">Fresh Milk</h5>
                                       <span>23 ITEMS</span>
                                    </a>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="mtshop__category-item">
                                    <a href="shop.html">
                                       <img src="assets/img/category/cat-2-5.png" alt="Rosun">
                                       <h5 class="mtshop__category-title">Snack Foods</h5>
                                       <span>20 ITEMS</span>
                                    </a>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="mtshop__category-item">
                                    <a href="shop.html">
                                       <img src="assets/img/category/cat-2-3.png" alt="Rosun">
                                       <h5 class="mtshop__category-title">Cooking Oils</h5>
                                       <span>39 ITEMS</span>
                                    </a>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="mtshop__category-item">
                                    <a href="shop.html">
                                       <img src="assets/img/category/cat-2-4.png" alt="Rosun">
                                       <h5 class="mtshop__category-title">Cooking Oils</h5>
                                       <span>39 ITEMS</span>
                                    </a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div
                     class="mtshop__category-arrow mtshop__category-arrow-2  mb-30 d-flex justify-content-end p-relative">
                     <div class="mtshop__category-arrow-left mtshop__category-arrow">
                        <span>
                           <svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14"
                              fill="none">
                              <path
                                 d="M7.39367 0.820693C6.37396 5.14484 1.88 6.84235 1.46856 6.98943C1.4577 6.99331 1.45706 7.00855 1.4676 7.01347C1.87294 7.20245 6.37316 9.37583 7.39367 13.1793M14.54 7.00001L2.62943 7.00001"
                                 stroke="#060121" stroke-width="2" />
                           </svg>
                        </span>
                     </div>
                     <div class="mtshop__category-arrow-right mtshop__category-arrow">
                        <span>
                           <svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14"
                              fill="none">
                              <path
                                 d="M7.60633 13.1793C8.62604 8.85516 13.12 7.15765 13.5314 7.01057C13.5423 7.00669 13.5429 6.99145 13.5324 6.98653C13.1271 6.79755 8.62684 4.62417 7.60633 0.820679M0.459961 6.99999L12.3706 6.99999"
                                 stroke="#060121" stroke-width="2" />
                           </svg>
                        </span>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- End Categories -->

      <!-- Start Banner area -->
      <section class="mtbanner__area mtbanner__4 pb-40 pt-45 p-relative fix">
         <div class="container">
            <div class="row">
               <div class="col-lg-4 col-md-6 mb-30">
                  <div class="mtbanner__wrapper p-relative wow img-custom-anim-left" data-wow-duration="1.5s"
                     data-wow-delay="0.1s" data-background="assets/img/banner/banner-4-1.jpg">
                     <div class="mtbanner__item wow img-custom-anim-left" data-wow-duration="1.5s"
                        data-wow-delay="0.5s">
                        <h5 class="mtbanner__subtitle">New Arrival</h5>
                        <h3 class="mtbanner__title">20% Off</h3>
                        <p class="mb-25">Organic Vegetable <br> and fruits </p>
                        <div class="mtbanner__btn">
                           <a href="shop.html"> Buy Now <span><i
                                    class="fa-solid fa-circle-chevron-right"></i></span></a>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-lg-4 col-md-6 mb-30">
                  <div class="mtbanner__wrapper p-relative wow img-custom-anim-left" data-wow-duration="1.5s"
                     data-wow-delay="0.5s" data-background="assets/img/banner/banner-4-2.jpg">
                     <div class="mtbanner__item wow img-custom-anim-left" data-wow-duration="1.5s"
                        data-wow-delay="0.7s">
                        <h5 class="mtbanner__subtitle">Hot Sales</h5>
                        <h3 class="mtbanner__title">30% Off</h3>
                        <p class="mb-25">Hand Made local juice <br> and bevargae</p>
                        <div class="mtbanner__btn">
                           <a href="shop.html"> Buy Now <span><i
                                    class="fa-solid fa-circle-chevron-right"></i></span></a>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-lg-4 col-md-6 mb-30">
                  <div class="mtbanner__wrapper p-relative wow img-custom-anim-left" data-wow-duration="1.5s"
                     data-wow-delay="0.7s" data-background="assets/img/banner/banner-4-3.jpg">
                     <div class="mtbanner__item wow img-custom-anim-left" data-wow-duration="1.5s"
                        data-wow-delay="0.9s">
                        <h5 class="mtbanner__subtitle">Today Deals</h5>
                        <h3 class="mtbanner__title">10% Off</h3>
                        <p class="mb-25">Organic Red Tomato <br> and cabbage</p>
                        <div class="mtbanner__btn ">
                           <a href="shop.html"> Buy Now <span><i
                                    class="fa-solid fa-circle-chevron-right"></i></span></a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- End Banner area -->

      <!-- Start Feature Product Area -->
      <section class="mtfeature__product-area mtfeature__product-2 pt-40 pb-75 p-relative fix"
         data-background="assets/img/bg/feature-bg-2-1.png">
         <div class="container">
            <div class="mt-section-content text-center mb-50">
               <h3 class="mt-section-title">
                  <span>
                     <svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20" fill="none">
                        <path
                           d="M9 1.82196L10.429 6.82929L10.5619 7.29477L11.0314 7.17707L16.0824 5.91098L12.4604 9.65222L12.1237 10L12.4604 10.3478L16.0824 14.089L11.0314 12.8229L10.5619 12.7052L10.429 13.1707L9 18.178L7.57097 13.1707L7.43813 12.7052L6.9686 12.8229L1.91761 14.089L5.53957 10.3478L5.87627 10L5.53957 9.65222L1.91761 5.91098L6.9686 7.17707L7.43813 7.29477L7.57097 6.82929L9 1.82196Z"
                           fill="#FDD057" stroke="#060121" />
                     </svg>
                  </span>
                  Featured
                  <span>Products</span>
                  <span>
                     <svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20" fill="none">
                        <path
                           d="M9 1.82196L10.429 6.82929L10.5619 7.29477L11.0314 7.17707L16.0824 5.91098L12.4604 9.65222L12.1237 10L12.4604 10.3478L16.0824 14.089L11.0314 12.8229L10.5619 12.7052L10.429 13.1707L9 18.178L7.57097 13.1707L7.43813 12.7052L6.9686 12.8229L1.91761 14.089L5.53957 10.3478L5.87627 10L5.53957 9.65222L1.91761 5.91098L6.9686 7.17707L7.43813 7.29477L7.57097 6.82929L9 1.82196Z"
                           fill="#FDD057" stroke="#060121" />
                     </svg>
                  </span>
               </h3>
               <p>Discover our handpicked selection of top-rated and trending <br> items. Limited time offers and
                  exclusive deals await!</p>
            </div>
            <div class="mtfeature__product-wrapper">
               <div class="mtfeature__product-cols">
                  <div class="mtfeature__product-item p-relative fix">
                     <div class="mtfeature__product-offer">
                        <span>70% OFF</span>
                     </div>
                     <div class="mtfeature__product-img mb-15">
                        <div class="mtfeature__product-wishlist">
                           <a href="wishlist.html">
                              <i class="fa-regular fa-heart"></i>
                           </a>
                        </div>
                        <a href="product-details.html">
                           <img src="assets/img/product/feature-2-1.png" alt="Rosun">
                        </a>

                     </div>
                     <div class="mtfeature__product-content mb-15">
                        <div class="mtfeature__product-cate mb-10">
                           <span>1Kg</span>
                           <span>500Kg</span>
                        </div>
                        <h5 class="mtfeature__product-title">
                           <a href="product-details.html">
                              local organic Green <br>
                              Broccoli</a>
                        </h5>
                     </div>
                     <div class="mtfeature__product-rating mb-15">
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-light fa-star"></i>
                        <i class="fa-light fa-star"></i>
                     </div>
                     <div
                        class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                        <div class="mtfeature__product-price">
                           <span>$29.00</span>
                           <del>$26.00</del>
                        </div>
                        <div class="mtfeature__product-cart">
                           <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                        </div>
                     </div>
                  </div>
                  <div class="mtfeature__product-item p-relative fix">
                     <div class="mtfeature__product-img mb-15">
                        <div class="mtfeature__product-wishlist">
                           <a href="wishlist.html">
                              <i class="fa-regular fa-heart"></i>
                           </a>
                        </div>
                        <a href="product-details.html">
                           <img src="assets/img/product/feature-2-2.png" alt="Rosun">
                        </a>

                     </div>
                     <div class="mtfeature__product-content mb-15">
                        <div class="mtfeature__product-cate mb-10">
                           <span>1Kg</span>
                           <span>500Kg</span>
                        </div>
                        <h5 class="mtfeature__product-title">
                           <a href="product-details.html">
                              Fresh packaged Red Tomato</a>
                        </h5>
                     </div>
                     <div class="mtfeature__product-rating mb-15">
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-light fa-star"></i>
                        <i class="fa-light fa-star"></i>
                     </div>
                     <div
                        class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                        <div class="mtfeature__product-price">
                           <span>$19.00</span>
                           <del>$26.00</del>
                        </div>
                        <div class="mtfeature__product-cart">
                           <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                        </div>
                     </div>
                  </div>
                  <div class="mtfeature__product-item p-relative fix">
                     <div class="mtfeature__product-category">
                        <span>Flash</span>
                     </div>
                     <div class="mtfeature__product-img mb-15">
                        <div class="mtfeature__product-wishlist">
                           <a href="wishlist.html">
                              <i class="fa-regular fa-heart"></i>
                           </a>
                        </div>
                        <a href="product-details.html">
                           <img src="assets/img/product/feature-2-3.png" alt="Rosun">
                        </a>

                     </div>
                     <div class="mtfeature__product-content mb-15">
                        <div class="mtfeature__product-cate mb-10">
                           <span>1Kg</span>
                           <span>500Kg</span>
                        </div>
                        <h5 class="mtfeature__product-title">
                           <a href="product-details.html">
                              local organic Green <br>
                              Broccoli</a>
                        </h5>
                     </div>
                     <div class="mtfeature__product-rating mb-15">
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-light fa-star"></i>
                        <i class="fa-light fa-star"></i>
                     </div>
                     <div
                        class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                        <div class="mtfeature__product-price">
                           <span>$9.00</span>
                           <del>$13.00</del>
                        </div>
                        <div class="mtfeature__product-cart">
                           <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                        </div>
                     </div>
                  </div>
                  <div class="mtfeature__product-item p-relative fix">
                     <div class="mtfeature__product-img mb-15">
                        <div class="mtfeature__product-wishlist">
                           <a href="wishlist.html">
                              <i class="fa-regular fa-heart"></i>
                           </a>
                        </div>
                        <a href="product-details.html">
                           <img src="assets/img/product/feature-2-4.png" alt="Rosun">
                        </a>

                     </div>
                     <div class="mtfeature__product-content mb-15">
                        <div class="mtfeature__product-cate mb-10">
                           <span>1Kg</span>
                           <span>500Kg</span>
                        </div>
                        <h5 class="mtfeature__product-title">
                           <a href="product-details.html">
                              White Pumpkin - Each (appr 1.5 LB-2 LB)</a>
                        </h5>
                     </div>
                     <div class="mtfeature__product-rating mb-15">
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-light fa-star"></i>
                        <i class="fa-light fa-star"></i>
                     </div>
                     <div
                        class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                        <div class="mtfeature__product-price">
                           <span>$19.00</span>
                           <del>$26.00</del>
                        </div>
                        <div class="mtfeature__product-cart">
                           <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                        </div>
                     </div>
                  </div>
                  <div class="mtfeature__product-item p-relative fix">
                     <div class="mtfeature__product-offer">
                        <span>70% OFF</span>
                     </div>
                     <div class="mtfeature__product-img mb-15">
                        <div class="mtfeature__product-wishlist">
                           <a href="wishlist.html">
                              <i class="fa-regular fa-heart"></i>
                           </a>
                        </div>
                        <a href="product-details.html">
                           <img src="assets/img/product/feature-2-5.png" alt="Rosun">
                        </a>

                     </div>
                     <div class="mtfeature__product-content mb-15">
                        <div class="mtfeature__product-cate mb-10">
                           <span>1Kg</span>
                           <span>500Kg</span>
                        </div>
                        <h5 class="mtfeature__product-title">
                           <a href="product-details.html">
                              Palak Green (Spinach) - Bunch Organic </a>
                        </h5>
                     </div>
                     <div class="mtfeature__product-rating mb-15">
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-light fa-star"></i>
                        <i class="fa-light fa-star"></i>
                     </div>
                     <div
                        class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                        <div class="mtfeature__product-price">
                           <span>$4.00</span>
                           <del>$9.00</del>
                        </div>
                        <div class="mtfeature__product-cart">
                           <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                        </div>
                     </div>
                  </div>
                  <div class="mtfeature__product-item p-relative fix">
                     <div class="mtfeature__product-img mb-15">
                        <div class="mtfeature__product-wishlist">
                           <a href="wishlist.html">
                              <i class="fa-regular fa-heart"></i>
                           </a>
                        </div>
                        <a href="product-details.html">
                           <img src="assets/img/product/feature-2-6.png" alt="Rosun">
                        </a>

                     </div>
                     <div class="mtfeature__product-content mb-15">
                        <div class="mtfeature__product-cate mb-10">
                           <span>1Kg</span>
                           <span>500Kg</span>
                        </div>
                        <h5 class="mtfeature__product-title">
                           <a href="product-details.html">
                              Gerber Organic 2nd Foods Cucumber </a>
                        </h5>
                     </div>
                     <div class="mtfeature__product-rating mb-15">
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-light fa-star"></i>
                        <i class="fa-light fa-star"></i>
                     </div>
                     <div
                        class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                        <div class="mtfeature__product-price">
                           <span>$11.00</span>
                           <del>$15.00</del>
                        </div>
                        <div class="mtfeature__product-cart">
                           <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                        </div>
                     </div>
                  </div>
                  <div class="mtfeature__product-item p-relative fix">
                     <div class="mtfeature__product-category">
                        <span>Flash</span>
                     </div>
                     <div class="mtfeature__product-img mb-15">
                        <div class="mtfeature__product-wishlist">
                           <a href="wishlist.html">
                              <i class="fa-regular fa-heart"></i>
                           </a>
                        </div>
                        <a href="product-details.html">
                           <img src="assets/img/product/feature-2-7.png" alt="Rosun">
                        </a>

                     </div>
                     <div class="mtfeature__product-content mb-15">
                        <div class="mtfeature__product-cate mb-10">
                           <span>1Kg</span>
                           <span>500Kg</span>
                        </div>
                        <h5 class="mtfeature__product-title">
                           <a href="product-details.html">
                              local organic Green Broccoli</a>
                        </h5>
                     </div>
                     <div class="mtfeature__product-rating mb-15">
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-light fa-star"></i>
                        <i class="fa-light fa-star"></i>
                     </div>
                     <div
                        class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                        <div class="mtfeature__product-price">
                           <span>$14.00</span>
                           <del>$19.00</del>
                        </div>
                        <div class="mtfeature__product-cart">
                           <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                        </div>
                     </div>
                  </div>
                  <div class="mtfeature__product-item p-relative fix">
                     <div class="mtfeature__product-offer">
                        <span>70% OFF</span>
                     </div>
                     <div class="mtfeature__product-img mb-15">
                        <div class="mtfeature__product-wishlist">
                           <a href="wishlist.html">
                              <i class="fa-regular fa-heart"></i>
                           </a>
                        </div>
                        <a href="product-details.html">
                           <img src="assets/img/product/feature-2-8.png" alt="Rosun">
                        </a>

                     </div>
                     <div class="mtfeature__product-content mb-15">
                        <div class="mtfeature__product-cate mb-10">
                           <span>1Kg</span>
                           <span>500Kg</span>
                        </div>
                        <h5 class="mtfeature__product-title">
                           <a href="product-details.html">
                              Organic Campa Yellow Bananas </a>
                        </h5>
                     </div>
                     <div class="mtfeature__product-rating mb-15">
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-light fa-star"></i>
                        <i class="fa-light fa-star"></i>
                     </div>
                     <div
                        class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                        <div class="mtfeature__product-price">
                           <span>$19.00</span>
                           <del>$26.00</del>
                        </div>
                        <div class="mtfeature__product-cart">
                           <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                        </div>
                     </div>
                  </div>
                  <div class="mtfeature__product-item p-relative fix">
                     <div class="mtfeature__product-offer">
                        <span>70% OFF</span>
                     </div>
                     <div class="mtfeature__product-img mb-15">
                        <div class="mtfeature__product-wishlist">
                           <a href="wishlist.html">
                              <i class="fa-regular fa-heart"></i>
                           </a>
                        </div>
                        <a href="product-details.html">
                           <img src="assets/img/product/feature-2-9.png" alt="Rosun">
                        </a>

                     </div>
                     <div class="mtfeature__product-content mb-15">
                        <div class="mtfeature__product-cate mb-10">
                           <span>1Kg</span>
                           <span>500Kg</span>
                        </div>
                        <h5 class="mtfeature__product-title">
                           <a href="product-details.html">
                              Cauliflower - Each APPROX 1.5 Lb</a>
                        </h5>
                     </div>
                     <div class="mtfeature__product-rating mb-15">
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-light fa-star"></i>
                        <i class="fa-light fa-star"></i>
                     </div>
                     <div
                        class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                        <div class="mtfeature__product-price">
                           <span>$22.00</span>
                           <del>$29.00</del>
                        </div>
                        <div class="mtfeature__product-cart">
                           <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                        </div>
                     </div>
                  </div>
                  <div class="mtfeature__product-item p-relative fix">

                     <div class="mtfeature__product-img mb-15">
                        <div class="mtfeature__product-wishlist">
                           <a href="wishlist.html">
                              <i class="fa-regular fa-heart"></i>
                           </a>
                        </div>
                        <a href="product-details.html">
                           <img src="assets/img/product/feature-2-10.png" alt="Rosun">
                        </a>

                     </div>
                     <div class="mtfeature__product-content mb-15">
                        <div class="mtfeature__product-cate mb-10">
                           <span>1Kg</span>
                           <span>500Kg</span>
                        </div>
                        <h5 class="mtfeature__product-title">
                           <a href="product-details.html">
                              Tropical Local Yellow Pineapple</a>
                        </h5>
                     </div>
                     <div class="mtfeature__product-rating mb-15">
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-solid fa-star-sharp"></i>
                        <i class="fa-light fa-star"></i>
                        <i class="fa-light fa-star"></i>
                     </div>
                     <div
                        class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                        <div class="mtfeature__product-price">
                           <span>$29.00</span>
                           <del>$26.00</del>
                        </div>
                        <div class="mtfeature__product-cart">
                           <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- End Feature Product Area -->

      <!-- Start Popular Product Area -->
      <section class="mtpopular__product-area mtpopular__product-2 pt-75 pb-70 p-relative fix"
         data-background="assets/img/background-banner/home-2-popular-product-bg.png">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-lg-6 ">
                  <div class="mt-section-content mb-30">
                     <h3 class="mt-section-title">
                        Popular
                        <span>Products</span>
                        <span>
                           <svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20"
                              fill="none">
                              <path
                                 d="M9 1.82196L10.429 6.82929L10.5619 7.29477L11.0314 7.17707L16.0824 5.91098L12.4604 9.65222L12.1237 10L12.4604 10.3478L16.0824 14.089L11.0314 12.8229L10.5619 12.7052L10.429 13.1707L9 18.178L7.57097 13.1707L7.43813 12.7052L6.9686 12.8229L1.91761 14.089L5.53957 10.3478L5.87627 10L5.53957 9.65222L1.91761 5.91098L6.9686 7.17707L7.43813 7.29477L7.57097 6.82929L9 1.82196Z"
                                 fill="#FDD057" stroke="#060121" />
                           </svg>
                        </span>
                     </h3>
                     <p>Our bestsellers! Discover the customer favorites that everyone's <br> talking about.</p>
                  </div>
               </div>
               <div class="col-lg-6 ">
                  <div class="mtpopular__product-wraping">
                     <div class="mtpopular__product-tab text-end">
                        <ul class="nav nav-pills mb-3" id="pills-tab_01" role="tablist">
                           <li class="nav-item" role="presentation">
                              <button class="nav-link active" id="mttop-main-cat1" data-bs-toggle="pill"
                                 data-bs-target="#mttop-cat1" type="button" role="tab" aria-controls="mttop-cat1"
                                 aria-selected="true">
                                 View All
                              </button>
                           </li>
                           <li class="nav-item" role="presentation">
                              <button class="nav-link" id="mttop-main-cat2" data-bs-toggle="pill"
                                 data-bs-target="#mttop-cat2" type="button" role="tab" aria-controls="mttop-cat2"
                                 aria-selected="false">
                                 Vegetable
                              </button>
                           </li>
                           <li class="nav-item" role="presentation">
                              <button class="nav-link" id="mttop-main-cat3" data-bs-toggle="pill"
                                 data-bs-target="#mttop-cat3" type="button" role="tab" aria-controls="mttop-cat3"
                                 aria-selected="false">
                                 Fres Fruit
                              </button>
                           </li>
                           <li class="nav-item" role="presentation">
                              <button class="nav-link" id="mttop-main-cat4" data-bs-toggle="pill"
                                 data-bs-target="#mttop-cat4" type="button" role="tab" aria-controls="mttop-cat4"
                                 aria-selected="false">
                                 Meats
                              </button>
                           </li>
                           <li class="nav-item" role="presentation">
                              <button class="nav-link" id="mttop-main-cat5" data-bs-toggle="pill"
                                 data-bs-target="#mttop-cat5" type="button" role="tab" aria-controls="mttop-cat5"
                                 aria-selected="false">
                                 Dairies
                              </button>
                           </li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
            <div class="mtpopular__product-main-wrap p-relative d-flex">
               <div class="mtpopular__product-banner p-relative wow img-custom-anim-left" data-wow-duration="1.5s"
                  data-wow-delay="0.1s" data-background="assets/img/banner/hp-banner-1-1.jpg">
                  <div class="mtpopular__product-text wow img-custom-anim-left" data-wow-duration="1.5s"
                     data-wow-delay="0.5s">
                     <h3 class="mtpopular__product-bannertitle">Hurry Up</h3>
                     <h5 class="mtpopular__product-bannersubtitle"><span>50% Off</span> Today</h5>
                  </div>
               </div>
               <div class="mtpopular__product-wrap-tab ">
                  <div class="tab-content" id="pills-tabContent_tsdy">
                     <div class="tab-pane show active" id="mttop-cat1" role="tabpanel"
                        aria-labelledby="mttop-main-cat1">
                        <div class="mtpopular__product-inner">
                           <div class="mtpopular__product-wrap">
                              <div class="swiper mtpopular_product_2_active">
                                 <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <div class="mtfeature__product-offer">
                                                   <span>70% OFF</span>
                                                </div>
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-1.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">local organic Green
                                                   </a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$16.00</span>
                                                      <del>$20.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-2.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Juicy Sweet
                                                      Mango</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$9.00</span>
                                                      <del>$15.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-3.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Creamy Yellow
                                                      Banana</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$19.00</span>
                                                      <del>$26.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-4.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Red Seedless
                                                      Grapes</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$11.00</span>
                                                      <del>$17.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-5.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Organic Yellow Bananas </a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$12.00</span>
                                                      <del>$18.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <div class="mtfeature__product-offer">
                                                   <span>70% OFF</span>
                                                </div>
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-6.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Tropical Yellow
                                                      Pineapple</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$21.00</span>
                                                      <del>$28.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-7.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Tropical Yellow
                                                      Pineapple</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$16.00</span>
                                                      <del>$20.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="tab-pane" id="mttop-cat2" role="tabpanel" aria-labelledby="mttop-main-cat2">
                        <div class="mtpopular__product-inner">
                           <div class="mtpopular__product-wrap">
                              <div class="swiper mtpopular_product_2_active">
                                 <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-7.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">local organic Green
                                                   </a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$16.00</span>
                                                      <del>$20.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-5.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Juicy Sweet
                                                      Mango</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$9.00</span>
                                                      <del>$15.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <div class="mtfeature__product-offer">
                                                   <span>70% OFF</span>
                                                </div>
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-9.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Creamy Yellow
                                                      Banana</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$19.00</span>
                                                      <del>$26.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-4.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Red Seedless
                                                      Grapes</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$11.00</span>
                                                      <del>$17.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-3.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Organic Yellow Bananas </a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$12.00</span>
                                                      <del>$18.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <div class="mtfeature__product-offer">
                                                   <span>70% OFF</span>
                                                </div>
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-2.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Tropical Yellow
                                                      Pineapple</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$21.00</span>
                                                      <del>$28.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-1.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Tropical Yellow
                                                      Pineapple</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$16.00</span>
                                                      <del>$20.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="tab-pane" id="mttop-cat3" role="tabpanel" aria-labelledby="mttop-main-cat3">
                        <div class="mtpopular__product-inner">
                           <div class="mtpopular__product-wrap">
                              <div class="swiper mtpopular_product_2_active">
                                 <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-8.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">local organic Green
                                                   </a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$16.00</span>
                                                      <del>$20.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <div class="mtfeature__product-offer">
                                                   <span>70% OFF</span>
                                                </div>
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-9.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Juicy Sweet
                                                      Mango</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$9.00</span>
                                                      <del>$15.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img
                                                      src="assets/img/product/hot-1-10.png" alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Creamy Yellow
                                                      Banana</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$19.00</span>
                                                      <del>$26.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <div class="mtfeature__product-offer">
                                                   <span>70% OFF</span>
                                                </div>
                                                <a href="product-details.html"><img
                                                      src="assets/img/product/hot-1-11.png" alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Red Seedless
                                                      Grapes</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$11.00</span>
                                                      <del>$17.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img
                                                      src="assets/img/product/hot-1-12.png" alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Organic Yellow Bananas </a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$12.00</span>
                                                      <del>$18.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <div class="mtfeature__product-offer">
                                                   <span>70% OFF</span>
                                                </div>
                                                <a href="product-details.html"><img
                                                      src="assets/img/product/hot-1-13.png" alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Tropical Yellow
                                                      Pineapple</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$21.00</span>
                                                      <del>$28.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img
                                                      src="assets/img/product/hot-1-14.png" alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Tropical Yellow
                                                      Pineapple</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$16.00</span>
                                                      <del>$20.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="tab-pane" id="mttop-cat4" role="tabpanel" aria-labelledby="mttop-main-cat4">
                        <div class="mtpopular__product-inner">
                           <div class="mtpopular__product-wrap">
                              <div class="swiper mtpopular_product_2_active">
                                 <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-3.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">local organic Green
                                                   </a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$16.00</span>
                                                      <del>$20.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <div class="mtfeature__product-offer">
                                                   <span>70% OFF</span>
                                                </div>
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-4.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Juicy Sweet
                                                      Mango</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$9.00</span>
                                                      <del>$15.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-5.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Creamy Yellow
                                                      Banana</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$19.00</span>
                                                      <del>$26.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <div class="mtfeature__product-offer">
                                                   <span>70% OFF</span>
                                                </div>
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-6.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Red Seedless
                                                      Grapes</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$11.00</span>
                                                      <del>$17.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-7.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Organic Yellow Bananas </a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$12.00</span>
                                                      <del>$18.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-8.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Tropical Yellow
                                                      Pineapple</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$21.00</span>
                                                      <del>$28.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <div class="mtfeature__product-offer">
                                                   <span>70% OFF</span>
                                                </div>
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-9.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Tropical Yellow
                                                      Pineapple</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$16.00</span>
                                                      <del>$20.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="tab-pane" id="mttop-cat5" role="tabpanel" aria-labelledby="mttop-main-cat5">
                        <div class="mtpopular__product-inner">
                           <div class="mtpopular__product-wrap">
                              <div class="swiper mtpopular_product_2_active">
                                 <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img
                                                      src="assets/img/product/hot-1-14.png" alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">local organic Green
                                                   </a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$16.00</span>
                                                      <del>$20.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <div class="mtfeature__product-offer">
                                                   <span>70% OFF</span>
                                                </div>
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-2.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Juicy Sweet
                                                      Mango</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$9.00</span>
                                                      <del>$15.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img
                                                      src="assets/img/product/hot-1-13.png" alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Creamy Yellow
                                                      Banana</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$19.00</span>
                                                      <del>$26.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img
                                                      src="assets/img/product/hot-1-12.png" alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Red Seedless
                                                      Grapes</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$11.00</span>
                                                      <del>$17.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-5.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Organic Yellow Bananas </a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$12.00</span>
                                                      <del>$18.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-6.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Tropical Yellow
                                                      Pineapple</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$21.00</span>
                                                      <del>$28.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="swiper-slide">
                                       <div class="mthot__product-item-wrap ">
                                          <div class="mthot__product-item p-relative fix">
                                             <div class="mthot__product-img mb-10">
                                                <a href="product-details.html"><img src="assets/img/product/hot-1-7.png"
                                                      alt=""></a>
                                                <div class="mthot__product-wishlist">
                                                   <a href="wishlist.html">
                                                      <i class="fa-regular fa-heart"></i>
                                                   </a>
                                                </div>
                                             </div>
                                             <div class="mthot__product-content">
                                                <div
                                                   class="mthot__product-ratcat mb-10 d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-cate ">
                                                      <span>1Kg</span>
                                                      <span>500Kg</span>
                                                   </div>
                                                   <div class="mtflash__product-ratting">
                                                      <span class="mtflash__product-ricon"><i
                                                            class="fa-solid fa-star"></i></span>
                                                      <span class="mtflash__product-review-number">(5.0)</span>
                                                   </div>
                                                </div>
                                                <h6 class="mthot__product-title mb-30 ">
                                                   <a href="product-details.html">Tropical Yellow
                                                      Pineapple</a>
                                                </h6>
                                                <div
                                                   class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
                                                   <div class="mthot__product-price">
                                                      <span>$16.00</span>
                                                      <del>$20.00</del>
                                                   </div>
                                                   <div class="mthot__product-cart">
                                                      <a href="cart.html">
                                                         <i class="fa-solid fa-basket-shopping"></i>
                                                      </a>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="mtpopular__product-arrowbtn">
               <div class="row">
                  <div class="col-lg-6 col-md-7 col-sm-6">
                     <div class="mtpopular__product-arrow">
                        <div class="mtpopular__product-slider-left1">
                           <span>
                              <svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14"
                                 fill="none">
                                 <path
                                    d="M7.39367 0.820693C6.37396 5.14484 1.88 6.84235 1.46856 6.98943C1.4577 6.99331 1.45706 7.00855 1.4676 7.01347C1.87294 7.20245 6.37316 9.37583 7.39367 13.1793M14.54 7.00001L2.62943 7.00001"
                                    stroke="#060121" stroke-width="2" />
                              </svg>
                           </span>
                        </div>
                        <div class="mtpopular__product-slider-right1">
                           <span>
                              <svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14"
                                 fill="none">
                                 <path
                                    d="M7.60633 13.1793C8.62604 8.85516 13.12 7.15765 13.5314 7.01057C13.5423 7.00669 13.5429 6.99145 13.5324 6.98653C13.1271 6.79755 8.62684 4.62417 7.60633 0.820679M0.459961 6.99999L12.3706 6.99999"
                                    stroke="#060121" stroke-width="2" />
                              </svg>
                           </span>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-6 col-md-5 col-sm-6">
                     <div class="mtpopular__product-btn">
                        <a href="shop.html" class="mt-btn"><i class="fa-solid fa-basket-shopping"></i> <span>Shop
                              Now</span></a>
                     </div>
                  </div>
               </div>
            </div>

         </div>
      </section>
      <!-- End Popular Product Area -->

      <!-- Start countdown Banner area -->
      <section class="mtbanner__area mtbanner__2-bg pb-60 pt-60 p-relative fix"
         data-background="assets/img/banner/banner-bg-2-2.jpg">
         <div class="mtbanner__shape d-none">
            <img src="assets/img/banner/shape-2-1.png" alt="Rosun">
         </div>
         <div class="container">
            <div class="row align-items-center">
               <div class="col-lg-6">
                  <div class="mtbanner__wrapper mtbanner__2 p-relative wow img-custom-anim-left"
                     data-wow-duration="1.5s" data-wow-delay="0.1s">
                     <div class="mtbanner__item">
                        <div class="mtbanner__content">
                           <h5 class="mtbanner__subtitle mb-20"><img src="assets/img/icon/star-icon-3.svg" alt=""> Deals
                              Of The Day <img src="assets/img/icon/star-icon-3.svg" alt=""></h5>
                           <h3 class="mtbanner__title mb-20">Fresh, premium drinks from the farm.</h3>
                           <p class="mb-23">Farm-fresh goodness at 40% off! Enjoy the pure taste of nature with our
                              premium drinks. Limited time offer.</p>

                           <h5 class="mtbanner__subtitle mb-10">Hurry Up!<span>Offer End In:</span> </h5>
                           <div class="mtbanner__countdown mtbanner__countdown-2 mb-60" data-countdown
                              data-date="Nov 19 2025 20:20:22">
                              <div class="countdown d-flex align-items-center">
                                 <div class="mtbanner__countdown-item">
                                    <span data-days class="countdown-value">05</span>
                                    <span class="countdown-label">DAYS</span>
                                 </div>
                                 <div class="countdown-separator">:</div>
                                 <div class="mtbanner__countdown-item">
                                    <span data-hours class=" countdown-value">12</span>
                                    <span class="countdown-label">Hours</span>
                                 </div>
                                 <div class="countdown-separator">:</div>
                                 <div class="mtbanner__countdown-item">
                                    <span data-minutes class="minutes countdown-value">34</span>
                                    <span class="countdown-label">Mins</span>
                                 </div>
                                 <div class="countdown-separator">:</div>
                                 <div class="mtbanner__countdown-item">
                                    <span data-seconds class="seconds countdown-value">44</span>
                                    <span class="countdown-label">Secs</span>
                                 </div>
                              </div>
                           </div>
                           <div class="mtbanner__btn">
                              <a href="shop.html" class="mt-btn"><i class="fa-solid fa-basket-shopping"></i> <span>Shop
                                    Now</span></a>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-lg-6">
                  <div class="mtbanner__wrapper mtbanner__2 p-relative text-end wow img-custom-anim-right"
                     data-wow-duration="1.5s" data-wow-delay="0.1s">
                     <div class="mtbanner__img-2">
                        <img src="assets/img/banner/banner-2-2.png" alt="">
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- End countdown Banner area -->

      <!-- Start Hot Product area -->
      <section class="mthot__product-area mthot__product-2  pt-120 pb-55 p-relative fix">
         <div class="mthot__product-shape">
            <img src="assets/img/shape/shape-1-3.png" alt="">
         </div>
         <div class="container">
            <div class="mthot__product-borderd mb-10 pb-7">
               <div class="row align-items-center">
                  <div class="col-md-6">
                     <div class="mt-section-content">
                        <h3 class="mt-section-title mb-30">
                           Deals Of
                           <span>The Day</span>
                           <span>
                              <svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20"
                                 fill="none">
                                 <path
                                    d="M9 1.82196L10.429 6.82929L10.5619 7.29477L11.0314 7.17707L16.0824 5.91098L12.4604 9.65222L12.1237 10L12.4604 10.3478L16.0824 14.089L11.0314 12.8229L10.5619 12.7052L10.429 13.1707L9 18.178L7.57097 13.1707L7.43813 12.7052L6.9686 12.8229L1.91761 14.089L5.53957 10.3478L5.87627 10L5.53957 9.65222L1.91761 5.91098L6.9686 7.17707L7.43813 7.29477L7.57097 6.82929L9 1.82196Z"
                                    fill="#FDD057" stroke="#060121" />
                              </svg>
                           </span>
                        </h3>
                     </div>
                  </div>
                  <div class="col-md-6">
                     <div class="mthot__product-wraping text-md-end mb-30">
                        <h5 class="mthot__product-subtitle mb-20 text-md-end">Hurry Up! <span> Offer End In:</span>
                        </h5>
                        <div class="mthot__product-countdown">
                           <div class="countdown d-flex align-items-center justify-content-lg-end" data-countdown
                              data-date="Nov 19 2025 20:20:22">
                              <div class="mthot__product-countdownitem">
                                 <span data-days class="countdown-value">05</span>
                                 <span class="countdown-label">DAYS</span>
                              </div>
                              <div class="countdown-separator">:</div>
                              <div class="mthot__product-countdownitem">
                                 <span data-hours class=" countdown-value">12</span>
                                 <span class="countdown-label">Hours</span>
                              </div>
                              <div class="countdown-separator">:</div>
                              <div class="mthot__product-countdownitem">
                                 <span data-minutes class="minutes countdown-value">34</span>
                                 <span class="countdown-label">Mins</span>
                              </div>
                              <div class="countdown-separator">:</div>
                              <div class="mthot__product-countdownitem">
                                 <span data-seconds class="seconds countdown-value">44</span>
                                 <span class="countdown-label">Secs</span>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="mthot__product-wrapper mthot__product-wrapper-2 ">
               <div class="swiper mthot__product_active_2">
                  <div class="swiper-wrapper">
                     <div class="swiper-slide">
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-offer">
                              <span>70% OFF</span>
                           </div>
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-1.png" alt="Rosun">
                              </a>
                           </div>
                           <div
                              class="mtflash__product-content mb-15 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-cate">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <div class="mtflash__product-ratting">
                                 <span class="mtflash__product-ricon"><i class="fa-solid fa-star"></i></span>
                                 <span class="mtflash__product-review-number">(4.5)</span>
                              </div>
                           </div>
                           <div class="mtfeature__product-content text-start">
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Juicy Sweet <br> Mango</a>
                              </h5>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$16.00</span>
                                 <del>$21.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="swiper-slide">
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-2.png" alt="Rosun">
                              </a>
                           </div>
                           <div
                              class="mtflash__product-content mb-15 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-cate">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <div class="mtflash__product-ratting">
                                 <span class="mtflash__product-ricon"><i class="fa-solid fa-star"></i></span>
                                 <span class="mtflash__product-review-number">(4.5)</span>
                              </div>
                           </div>
                           <div class="mtfeature__product-content text-start">
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Creamy Yellow <br>
                                    Banana</a>
                              </h5>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$11.00</span>
                                 <del>$14.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="swiper-slide">
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-3.png" alt="Rosun">
                              </a>
                           </div>
                           <div
                              class="mtflash__product-content mb-15 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-cate">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <div class="mtflash__product-ratting">
                                 <span class="mtflash__product-ricon"><i class="fa-solid fa-star"></i></span>
                                 <span class="mtflash__product-review-number">(4.5)</span>
                              </div>
                           </div>
                           <div class="mtfeature__product-content text-start">
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Red Seedless <br>
                                    Grapes</a>
                              </h5>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$9.00</span>
                                 <del>$15.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="swiper-slide">
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-offer">
                              <span>70% OFF</span>
                           </div>
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-5.png" alt="Rosun">
                              </a>
                           </div>
                           <div
                              class="mtflash__product-content mb-15 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-cate">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <div class="mtflash__product-ratting">
                                 <span class="mtflash__product-ricon"><i class="fa-solid fa-star"></i></span>
                                 <span class="mtflash__product-review-number">(4.5)</span>
                              </div>
                           </div>
                           <div class="mtfeature__product-content text-start">
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Organic Campa Yellow <br> Bananas </a>
                              </h5>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$11.00</span>
                                 <del>$18.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="swiper-slide">
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-offer">
                              <span>70% OFF</span>
                           </div>
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-7.png" alt="Rosun">
                              </a>
                           </div>
                           <div
                              class="mtflash__product-content mb-15 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-cate">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <div class="mtflash__product-ratting">
                                 <span class="mtflash__product-ricon"><i class="fa-solid fa-star"></i></span>
                                 <span class="mtflash__product-review-number">(4.5)</span>
                              </div>
                           </div>
                           <div class="mtfeature__product-content text-start">
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Tropical Yellow <br>
                                    Pineapple</a>
                              </h5>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$5.00</span>
                                 <del>$11.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="swiper-slide">
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-1.png" alt="Rosun">
                              </a>
                           </div>
                           <div
                              class="mtflash__product-content mb-15 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-cate">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <div class="mtflash__product-ratting">
                                 <span class="mtflash__product-ricon"><i class="fa-solid fa-star"></i></span>
                                 <span class="mtflash__product-review-number">(4.5)</span>
                              </div>
                           </div>
                           <div class="mtfeature__product-content text-start">
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Juicy Sweet <br> Mango</a>
                              </h5>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$16.00</span>
                                 <del>$21.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="swiper-slide">
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-5.png" alt="Rosun">
                              </a>
                           </div>
                           <div
                              class="mtflash__product-content mb-15 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-cate">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <div class="mtflash__product-ratting">
                                 <span class="mtflash__product-ricon"><i class="fa-solid fa-star"></i></span>
                                 <span class="mtflash__product-review-number">(4.5)</span>
                              </div>
                           </div>
                           <div class="mtfeature__product-content text-start">
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Organic Campa Yellow <br> Bananas </a>
                              </h5>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$10.00</span>
                                 <del>$18.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="mthot__product-arrowbtn mt-30">
                  <div class="row align-items-center">
                     <div class="col-lg-6 col-md-7 col-sm-6">
                        <div class="mthot__product-arrow">
                           <div class="mthot__product-slider-left1">
                              <span>
                                 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14"
                                    fill="none">
                                    <path
                                       d="M7.39367 0.820693C6.37396 5.14484 1.88 6.84235 1.46856 6.98943C1.4577 6.99331 1.45706 7.00855 1.4676 7.01347C1.87294 7.20245 6.37316 9.37583 7.39367 13.1793M14.54 7.00001L2.62943 7.00001"
                                       stroke="#060121" stroke-width="2" />
                                 </svg>
                              </span>
                           </div>
                           <div class="mthot__product-slider-right1">
                              <span>
                                 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14"
                                    fill="none">
                                    <path
                                       d="M7.60633 13.1793C8.62604 8.85516 13.12 7.15765 13.5314 7.01057C13.5423 7.00669 13.5429 6.99145 13.5324 6.98653C13.1271 6.79755 8.62684 4.62417 7.60633 0.820679M0.459961 6.99999L12.3706 6.99999"
                                       stroke="#060121" stroke-width="2" />
                                 </svg>
                              </span>
                           </div>
                        </div>
                     </div>
                     <div class="col-lg-6 col-md-5 col-sm-6">
                        <div class="mthot__product-btn text-end">
                           <a href="shop.html" class="mt-btn"><i class="fa-solid fa-basket-shopping"></i> <span>Shop
                                 Now</span></a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- End Hot Product area -->

      <!-- Start Banner area -->
      <section class="mtbanner__area mtbanner__5 pb-70 pt-55 p-relative fix"
         data-background="assets/img/banner/banner-bg-3-2.jpg">
         <div class="container">
            <div class="mtbanner ml-80 mr-60">
               <div class="row g-0">
                  <div class="col-lg-5 ">
                     <div class="mtbanner__wrapper one mb-20 p-relative wow img-custom-anim-left" data-wow-duration="1.5s"
                        data-wow-delay="0.1s" data-background="assets/img/banner/banner-5-1.jpg">
                        <div class="mtbanner__item mt-40 wow img-custom-anim-left" data-wow-duration="1.5s"
                           data-wow-delay="0.5s">
                           <h5 class="mtbanner__subtitle">New Arrival <span>
                                 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13"
                                    fill="none">
                                    <path
                                       d="M7 0L8.5716 4.83688H13.6574L9.5429 7.82624L11.1145 12.6631L7 9.67376L2.8855 12.6631L4.4571 7.82624L0.342604 4.83688H5.4284L7 0Z"
                                       fill="white"></path>
                                 </svg>
                              </span></h5>
                           <h3 class="mtbanner__title mb-15">Sweetness Organic Raw Mountain Honey</h3>
                           <p class="mb-25">Get 40% discount for new arrival</p>
                           <div class="mtbanner__btn">
                              <a href="shop.html" class="mt-btn-2"><span><i
                                       class="fa-solid fa-basket-shopping"></i></span> Buy
                                 Now</a>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-7 ">
                     <div class="mtbanner__box-item">
                        <div class="mtbanner__wrapper mtbanner__wrapper-2 two mb-20 p-relative wow img-custom-anim-left"
                           data-wow-duration="1.5s" data-wow-delay="0.5s">
                           <div class="d-flex align-items-end fix">
                              <div class="mtbanner__item  mr-20 mb-40 wow img-custom-anim-left" data-wow-duration="1.5s"
                                 data-wow-delay="0.7s">
                                 <h5 class="mtbanner__subtitle black">New Arrival <span>
                                       <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13"
                                          viewBox="0 0 14 13" fill="none">
                                          <path
                                             d="M7 0L8.5716 4.83688H13.6574L9.5429 7.82624L11.1145 12.6631L7 9.67376L2.8855 12.6631L4.4571 7.82624L0.342604 4.83688H5.4284L7 0Z"
                                             fill="#060121"></path>
                                       </svg>
                                    </span></h5>
                                 <h3 class="mtbanner__title black mb-15">Fresh Vegetables and Frozen Food</h3>
                                 <p class="mb-25 black">Get 20% discount for new arrival</p>
                                 <div class="mtbanner__btn">
                                    <a href="shop.html" class="mt-btn-2"><span><i
                                             class="fa-solid fa-basket-shopping"></i></span>
                                       Buy
                                       Now</a>
                                 </div>
                              </div>
                              <div class="mtbanner__item-thumb">
                                 <img src="assets/img/banner/banner-5-2.png" alt="">
                              </div>
                           </div>

                        </div>
                        <div class="mtbanner__wrapper mtbanner__wrapper-2 three mb-20 p-relative wow img-custom-anim-left"
                           data-wow-duration="1.5s" data-wow-delay="0.7s" >
                           <div class="d-flex align-items-center">
                              <div class="mtbanner__item mr-20 wow img-custom-anim-left" data-wow-duration="1.5s"
                                 data-wow-delay="0.9s">
                                 <h5 class="mtbanner__subtitle">New Arrival <span>
                                       <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13"
                                          viewBox="0 0 14 13" fill="none">
                                          <path
                                             d="M7 0L8.5716 4.83688H13.6574L9.5429 7.82624L11.1145 12.6631L7 9.67376L2.8855 12.6631L4.4571 7.82624L0.342604 4.83688H5.4284L7 0Z"
                                             fill="white"></path>
                                       </svg>
                                    </span></h5>
                                 <h3 class="mtbanner__title mb-15">Pure Dairy milks and desert items </h3>
                                 <p class="mb-25">Get 40% discount for new arrival</p>
                                 <div class="mtbanner__btn">
                                    <a href="shop.html" class="mt-btn-2"><span><i
                                             class="fa-solid fa-basket-shopping"></i></span>
                                       Buy
                                       Now</a>
                                 </div>
                              </div>
                              <div class="mtbanner__item-thumb">
                                 <img src="assets/img/banner/banner-5-3.png" alt="">
                              </div>
                           </div>

                        </div>
                     </div>
                  </div>
               </div>
            </div>

         </div>
      </section>
      <!-- End Banner area -->

      <!-- Start Weekly product -->
      <section class="mtweek__product-area p-relative fix pt-70 pb-45">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-lg-6 col-md-6">
                  <div class="mt-section-content mb-30">
                     <h3 class="mt-section-title">
                        Weekly
                        <span>Hot Deals</span>
                        <span>
                           <svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20"
                              fill="none">
                              <path
                                 d="M9 1.82196L10.429 6.82929L10.5619 7.29477L11.0314 7.17707L16.0824 5.91098L12.4604 9.65222L12.1237 10L12.4604 10.3478L16.0824 14.089L11.0314 12.8229L10.5619 12.7052L10.429 13.1707L9 18.178L7.57097 13.1707L7.43813 12.7052L6.9686 12.8229L1.91761 14.089L5.53957 10.3478L5.87627 10L5.53957 9.65222L1.91761 5.91098L6.9686 7.17707L7.43813 7.29477L7.57097 6.82929L9 1.82196Z"
                                 fill="#FDD057" stroke="#060121" />
                           </svg>
                        </span>
                     </h3>
                  </div>
               </div>
               <div class="col-lg-6 col-md-6">
                  <div class="p-relative mb-30">
                     <div class="mtfeature__product-arrow mb-30 d-flex justify-content-end p-relative">
                        <div class="mtfeature__product-arrow-left">
                           <span>
                              <svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14"
                                 fill="none">
                                 <path
                                    d="M7.39367 0.820693C6.37396 5.14484 1.88 6.84235 1.46856 6.98943C1.4577 6.99331 1.45706 7.00855 1.4676 7.01347C1.87294 7.20245 6.37316 9.37583 7.39367 13.1793M14.54 7.00001L2.62943 7.00001"
                                    stroke="#060121" stroke-width="2" />
                              </svg>
                           </span>
                        </div>
                        <div class="mtfeature__product-arrow-right">
                           <span>
                              <svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14"
                                 fill="none">
                                 <path
                                    d="M7.60633 13.1793C8.62604 8.85516 13.12 7.15765 13.5314 7.01057C13.5423 7.00669 13.5429 6.99145 13.5324 6.98653C13.1271 6.79755 8.62684 4.62417 7.60633 0.820679M0.459961 6.99999L12.3706 6.99999"
                                    stroke="#060121" stroke-width="2" />
                              </svg>
                           </span>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div class="mtweek__product-wrapper mt-30">
            <div class="swiper mtweek__product_active">
               <div class="swiper-wrapper">
                  <div class="swiper-slide">
                     <div class="mtweek__product-wrap p-relative">
                        <div class="mtweek__product-item d-flex align-items-center">
                           <div class="mtweek__product-img mb-15">
                              <div class="mtweek__product-offer">
                                 <span>10% OFF</span>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/week-1-1.jpg" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtweek__product-content text-start">
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    local organic Green
                                    Broccoli </a>
                              </h5>
                              <div class="mtweek__product-countdown mb-15" data-countdown
                                 data-date="Nov 19 2025 20:20:22">
                                 <div class="countdown d-flex align-items-center">
                                    <div class="mtweek__product-countdown-item">
                                       <span data-days class="countdown-value">05</span>
                                       <span class="countdown-label">DAYS</span>
                                    </div>
                                    <div class="countdown-separator">:</div>
                                    <div class="mtweek__product-countdown-item">
                                       <span data-hours class="countdown-value">12</span>
                                       <span class="countdown-label">Hours</span>
                                    </div>
                                    <div class="countdown-separator">:</div>
                                    <div class="mtweek__product-countdown-item">
                                       <span data-minutes class="minutes countdown-value">34</span>
                                       <span class="countdown-label">Mins</span>
                                    </div>
                                    <div class="countdown-separator">:</div>
                                    <div class="mtweek__product-countdown-item">
                                       <span data-seconds class="seconds countdown-value">44</span>
                                       <span class="countdown-label">Secs</span>
                                    </div>
                                 </div>
                              </div>
                              <div
                                 class="mtweek__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                                 <div class="mtweek__product-price">
                                    <span>$10.00</span>
                                    <del>$18.00</del>
                                 </div>
                                 <div class="mtweek__product-cart">
                                    <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="swiper-slide">
                     <div class="mtweek__product-wrap p-relative">
                        <div class="mtweek__product-item d-flex align-items-center">
                           <div class="mtweek__product-img mb-15">
                              <div class="mtweek__product-offer">
                                 <span>10% OFF</span>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/week-1-2.jpg" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtweek__product-content text-start">
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Fresh packaged Red
                                    Tomato </a>
                              </h5>
                              <div class="mtweek__product-countdown mb-15" data-countdown
                                 data-date="Nov 19 2025 20:20:22">
                                 <div class="countdown d-flex align-items-center">
                                    <div class="mtweek__product-countdown-item">
                                       <span data-days class="countdown-value">05</span>
                                       <span class="countdown-label">DAYS</span>
                                    </div>
                                    <div class="countdown-separator">:</div>
                                    <div class="mtweek__product-countdown-item">
                                       <span data-hours class="countdown-value">12</span>
                                       <span class="countdown-label">Hours</span>
                                    </div>
                                    <div class="countdown-separator">:</div>
                                    <div class="mtweek__product-countdown-item">
                                       <span data-minutes class="minutes countdown-value">34</span>
                                       <span class="countdown-label">Mins</span>
                                    </div>
                                    <div class="countdown-separator">:</div>
                                    <div class="mtweek__product-countdown-item">
                                       <span data-seconds class="seconds countdown-value">44</span>
                                       <span class="countdown-label">Secs</span>
                                    </div>
                                 </div>
                              </div>
                              <div
                                 class="mtweek__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                                 <div class="mtweek__product-price">
                                    <span>$16.00</span>
                                    <del>$23.00</del>
                                 </div>
                                 <div class="mtweek__product-cart">
                                    <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="swiper-slide">
                     <div class="mtweek__product-wrap p-relative">
                        <div class="mtweek__product-item d-flex align-items-center">
                           <div class="mtweek__product-img mb-15">
                              <div class="mtweek__product-offer">
                                 <span>10% OFF</span>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/week-1-3.jpg" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtweek__product-content text-start">
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Organic Creamy Yellow
                                    Banana </a>
                              </h5>
                              <div class="mtweek__product-countdown mb-15" data-countdown
                                 data-date="Nov 19 2025 20:20:22">
                                 <div class="countdown d-flex align-items-center">
                                    <div class="mtweek__product-countdown-item">
                                       <span data-days class="countdown-value">05</span>
                                       <span class="countdown-label">DAYS</span>
                                    </div>
                                    <div class="countdown-separator">:</div>
                                    <div class="mtweek__product-countdown-item">
                                       <span data-hours class="countdown-value">12</span>
                                       <span class="countdown-label">Hours</span>
                                    </div>
                                    <div class="countdown-separator">:</div>
                                    <div class="mtweek__product-countdown-item">
                                       <span data-minutes class="minutes countdown-value">34</span>
                                       <span class="countdown-label">Mins</span>
                                    </div>
                                    <div class="countdown-separator">:</div>
                                    <div class="mtweek__product-countdown-item">
                                       <span data-seconds class="seconds countdown-value">44</span>
                                       <span class="countdown-label">Secs</span>
                                    </div>
                                 </div>
                              </div>
                              <div
                                 class="mtweek__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                                 <div class="mtweek__product-price">
                                    <span>$19.00</span>
                                    <del>$28.00</del>
                                 </div>
                                 <div class="mtweek__product-cart">
                                    <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="swiper-slide">
                     <div class="mtweek__product-wrap p-relative">
                        <div class="mtweek__product-item d-flex align-items-center">
                           <div class="mtweek__product-img mb-15">
                              <div class="mtweek__product-offer">
                                 <span>10% OFF</span>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/week-1-4.jpg" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtweek__product-content text-start">
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Tropical Yellow
                                    Pineapple</a>
                              </h5>
                              <div class="mtweek__product-countdown mb-15" data-countdown
                                 data-date="Nov 19 2025 20:20:22">
                                 <div class="countdown d-flex align-items-center">
                                    <div class="mtweek__product-countdown-item">
                                       <span data-days class="countdown-value">05</span>
                                       <span class="countdown-label">DAYS</span>
                                    </div>
                                    <div class="countdown-separator">:</div>
                                    <div class="mtweek__product-countdown-item">
                                       <span data-hours class="countdown-value">12</span>
                                       <span class="countdown-label">Hours</span>
                                    </div>
                                    <div class="countdown-separator">:</div>
                                    <div class="mtweek__product-countdown-item">
                                       <span data-minutes class="minutes countdown-value">34</span>
                                       <span class="countdown-label">Mins</span>
                                    </div>
                                    <div class="countdown-separator">:</div>
                                    <div class="mtweek__product-countdown-item">
                                       <span data-seconds class="seconds countdown-value">44</span>
                                       <span class="countdown-label">Secs</span>
                                    </div>
                                 </div>
                              </div>
                              <div
                                 class="mtweek__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                                 <div class="mtweek__product-price">
                                    <span>$10.00</span>
                                    <del>$15.00</del>
                                 </div>
                                 <div class="mtweek__product-cart">
                                    <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="swiper-slide">
                     <div class="mtweek__product-wrap p-relative">
                        <div class="mtweek__product-item d-flex align-items-center">
                           <div class="mtweek__product-img mb-15">
                              <div class="mtweek__product-offer">
                                 <span>10% OFF</span>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/week-1-3.jpg" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtweek__product-content text-start">
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Organic Campa Yellow <br> Bananas </a>
                              </h5>
                              <div class="mtweek__product-countdown mb-15" data-countdown
                                 data-date="Nov 19 2025 20:20:22">
                                 <div class="countdown d-flex align-items-center">
                                    <div class="mtweek__product-countdown-item">
                                       <span data-days class="countdown-value">05</span>
                                       <span class="countdown-label">DAYS</span>
                                    </div>
                                    <div class="countdown-separator">:</div>
                                    <div class="mtweek__product-countdown-item">
                                       <span data-hours class="countdown-value">12</span>
                                       <span class="countdown-label">Hours</span>
                                    </div>
                                    <div class="countdown-separator">:</div>
                                    <div class="mtweek__product-countdown-item">
                                       <span data-minutes class="minutes countdown-value">34</span>
                                       <span class="countdown-label">Mins</span>
                                    </div>
                                    <div class="countdown-separator">:</div>
                                    <div class="mtweek__product-countdown-item">
                                       <span data-seconds class="seconds countdown-value">44</span>
                                       <span class="countdown-label">Secs</span>
                                    </div>
                                 </div>
                              </div>
                              <div
                                 class="mtweek__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                                 <div class="mtweek__product-price">
                                    <span>$9.00</span>
                                    <del>$13.00</del>
                                 </div>
                                 <div class="mtweek__product-cart">
                                    <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="swiper-slide">
                     <div class="mtweek__product-wrap p-relative">
                        <div class="mtweek__product-item d-flex align-items-center">
                           <div class="mtweek__product-img mb-15">
                              <div class="mtweek__product-offer">
                                 <span>10% OFF</span>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/week-1-2.jpg" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtweek__product-content text-start">
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Fresh packaged Red
                                    Tomato </a>
                              </h5>
                              <div class="mtweek__product-countdown mb-15" data-countdown
                                 data-date="Nov 19 2025 20:20:22">
                                 <div class="countdown d-flex align-items-center">
                                    <div class="mtweek__product-countdown-item">
                                       <span data-days class="countdown-value">05</span>
                                       <span class="countdown-label">DAYS</span>
                                    </div>
                                    <div class="countdown-separator">:</div>
                                    <div class="mtweek__product-countdown-item">
                                       <span data-hours class="countdown-value">12</span>
                                       <span class="countdown-label">Hours</span>
                                    </div>
                                    <div class="countdown-separator">:</div>
                                    <div class="mtweek__product-countdown-item">
                                       <span data-minutes class="minutes countdown-value">34</span>
                                       <span class="countdown-label">Mins</span>
                                    </div>
                                    <div class="countdown-separator">:</div>
                                    <div class="mtweek__product-countdown-item">
                                       <span data-seconds class="seconds countdown-value">44</span>
                                       <span class="countdown-label">Secs</span>
                                    </div>
                                 </div>
                              </div>
                              <div
                                 class="mtweek__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                                 <div class="mtweek__product-price">
                                    <span>$10.00</span>
                                    <del>$18.00</del>
                                 </div>
                                 <div class="mtweek__product-cart">
                                    <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="swiper-slide">
                     <div class="mtweek__product-wrap p-relative">
                        <div class="mtweek__product-item d-flex align-items-center">
                           <div class="mtweek__product-img mb-15">
                              <div class="mtweek__product-offer">
                                 <span>10% OFF</span>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/week-1-4.jpg" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtweek__product-content text-start">
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Organic Creamy Yellow
                                    Banana </a>
                              </h5>
                              <div class="mtweek__product-countdown mb-15" data-countdown
                                 data-date="Nov 19 2025 20:20:22">
                                 <div class="countdown d-flex align-items-center">
                                    <div class="mtweek__product-countdown-item">
                                       <span data-days class="countdown-value">05</span>
                                       <span class="countdown-label">DAYS</span>
                                    </div>
                                    <div class="countdown-separator">:</div>
                                    <div class="mtweek__product-countdown-item">
                                       <span data-hours class="countdown-value">12</span>
                                       <span class="countdown-label">Hours</span>
                                    </div>
                                    <div class="countdown-separator">:</div>
                                    <div class="mtweek__product-countdown-item">
                                       <span data-minutes class="minutes countdown-value">34</span>
                                       <span class="countdown-label">Mins</span>
                                    </div>
                                    <div class="countdown-separator">:</div>
                                    <div class="mtweek__product-countdown-item">
                                       <span data-seconds class="seconds countdown-value">44</span>
                                       <span class="countdown-label">Secs</span>
                                    </div>
                                 </div>
                              </div>
                              <div
                                 class="mtweek__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                                 <div class="mtweek__product-price">
                                    <span>$12.00</span>
                                    <del>$18.00</del>
                                 </div>
                                 <div class="mtweek__product-cart">
                                    <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>

               </div>
            </div>
         </div>

      </section>
      <!-- End Weekly product -->

      <!-- Start Product Table area -->
      <div class="mtproduct__table-area pt-50 pb-120 " data-background="assets/img/bg/product-table-bg.png">
         <div class="container">
            <div class="row g-0">
               <div class="mtproduct__table-wrapper p-relative" data-background="assets/img/product/table-bg.png">
                  <div class="mtproduct__table-menu">
                     <ul class="nav nav-pills" id="pills-tab" role="tablist">
                        <li class="nav-item" role="presentation">
                           <button class="nav-link " id="pills-today-trending-tab" data-bs-toggle="pill"
                              data-bs-target="#today-trending" type="button" role="tab" aria-controls="today-trending"
                              aria-selected="true">
                              Today Trending
                           </button>
                        </li>
                        <li class="nav-item" role="presentation">
                           <button class="nav-link active" id="pills-recently-added-tab" data-bs-toggle="pill"
                              data-bs-target="#recently-added" type="button" role="tab" aria-controls="recently-added"
                              aria-selected="false">
                              Recently Added
                           </button>
                        </li>
                        <li class="nav-item" role="presentation">
                           <button class="nav-link" id="pills-hot-products-tab" data-bs-toggle="pill"
                              data-bs-target="#hot-products" type="button" role="tab" aria-controls="hot-products"
                              aria-selected="false">
                              Hot Products
                           </button>
                        </li>
                        <li class="nav-item" role="presentation">
                           <button class="nav-link" id="pills-top-discount-tab" data-bs-toggle="pill"
                              data-bs-target="#top-discount" type="button" role="tab" aria-controls="top-discount"
                              aria-selected="false">
                              Top Discount
                           </button>
                        </li>
                     </ul>
                  </div>
                  <div class="tab-content mt-20 mb-10" id="pills-tabContent_erorw">
                     <div class="tab-pane fade" id="today-trending" role="tabpanel"
                        aria-labelledby="pills-today-trending-tab">
                        <div class="mtproduct__table-inner">
                           <div class="row align-items-center">
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-1.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Local Organic
                                             Green <br>
                                             Broccoli</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-2.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Sweet Juicy
                                             <br>
                                             Mango</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-3.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Creamy Yellow
                                             <br> Pumkin</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-4.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Fresh packaged
                                             Red <br> Tomato</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-5.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Whole White
                                             <br> Mushrooms</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-6.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Red Bull Cow
                                             <br>
                                             Fresh Meat</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-7.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Fresh packaged
                                             <br> Green
                                             Avocoda</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-8.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Organic Campa
                                             <br> Yellow Bananas
                                          </a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-9.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Zesty Orange
                                             <br>
                                             Carrot</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-10.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Tropical Red
                                             <br> Pomegranate</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-11.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Cauliflower -
                                             Each <br> APPROX
                                             1.5</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-12.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Tropical Yellow
                                             <br> Lemon</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="tab-pane fade show active" id="recently-added" role="tabpanel"
                        aria-labelledby="pills-recently-added-tab">
                        <div class="mtproduct__table-inner">
                           <div class="row align-items-center">
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-1.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Local Organic
                                             Green <br>
                                             Broccoli</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-2.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Sweet Juicy
                                             <br>
                                             Mango</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-3.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Creamy Yellow
                                             <br> Pumkin</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-4.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Fresh packaged
                                             Red <br> Tomato</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-5.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Whole White
                                             <br> Mushrooms</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-6.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Red Bull Cow
                                             <br>
                                             Fresh Meat</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-7.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Fresh packaged
                                             <br> Green
                                             Avocoda</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-8.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Organic Campa
                                             <br> Yellow Bananas
                                          </a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-9.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Zesty Orange
                                             <br>
                                             Carrot</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-10.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Tropical Red
                                             <br> Pomegranate</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-11.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Cauliflower -
                                             Each <br> APPROX
                                             1.5</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-12.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Tropical Yellow
                                             <br> Lemon</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="tab-pane fade " id="hot-products" role="tabpanel"
                        aria-labelledby="pills-hot-products-tab">
                        <div class="mtproduct__table-inner">
                           <div class="row align-items-center">
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-1.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Local Organic
                                             Green <br>
                                             Broccoli</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-2.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Sweet Juicy
                                             <br>
                                             Mango</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-3.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Creamy Yellow
                                             <br> Pumkin</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-4.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Fresh packaged
                                             Red <br> Tomato</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-5.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Whole White
                                             <br> Mushrooms</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-6.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Red Bull Cow
                                             <br>
                                             Fresh Meat</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-7.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Fresh packaged
                                             <br> Green
                                             Avocoda</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-8.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Organic Campa
                                             <br> Yellow Bananas
                                          </a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-9.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Zesty Orange
                                             <br>
                                             Carrot</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-10.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Tropical Red
                                             <br> Pomegranate</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-11.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Cauliflower -
                                             Each <br> APPROX
                                             1.5</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-12.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Tropical Yellow
                                             <br> Lemon</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="tab-pane fade " id="top-discount" role="tabpanel"
                        aria-labelledby="pills-top-discount-tab">
                        <div class="mtproduct__table-inner">
                           <div class="row align-items-center">
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-1.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Local Organic
                                             Green <br>
                                             Broccoli</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-2.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Sweet Juicy
                                             <br>
                                             Mango</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-3.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Creamy Yellow
                                             <br> Pumkin</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-4.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Fresh packaged
                                             Red <br> Tomato</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-5.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Whole White
                                             <br> Mushrooms</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-6.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Red Bull Cow
                                             <br>
                                             Fresh Meat</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-7.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Fresh packaged
                                             <br> Green
                                             Avocoda</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-8.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Organic Campa
                                             <br> Yellow Bananas
                                          </a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-9.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Zesty Orange
                                             <br>
                                             Carrot</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-10.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Tropical Red
                                             <br> Pomegranate</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-11.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Cauliflower -
                                             Each <br> APPROX
                                             1.5</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-lg-4 col-md-6">
                                 <div class="mtproduct__table-item fix d-flex align-items-center">
                                    <div class="mtproduct__table-thumb">
                                       <a href="product-details.html"><img src="assets/img/product/table-1-12.jpg"
                                             alt=""></a>
                                    </div>
                                    <div class="mtproduct__table-content">
                                       <div class="mtproduct__table-category">
                                          <span>1KG/500gm</span>
                                       </div>
                                       <h3 class="mtproduct__table-title"><a href="product-details.html">Tropical Yellow
                                             <br> Lemon</a>
                                       </h3>
                                       <div class="mtproduct__table-price-wrap">
                                          <div class="mtproduct__table-price">
                                             <span>$16.00</span>
                                             <del>$16.00</del>
                                          </div>
                                          <div class="mtproduct__table-btn">
                                             <a href="cart.html" class="mt-btn mt-btn-cart">Add to Cart</a>
                                             <a href="wishlist.html" class="mtproduct__table-heart"><i
                                                   class="fa-regular fa-heart"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>

         </div>
      </div>
      <!-- End Product Table area -->

      <!-- Start Brand area  -->
      <div class="mtbanner__titleslide-area theme-bg-2 pt-25 pb-15 p-relative fix">
         <div class="mtbanner__titleslide-wrapper">
            <div class="swiper mt-brand-title-active">
               <div class="swiper-wrapper mt-slide-transtion">
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <img src="assets/img/brand/brand-1-1.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <img src="assets/img/brand/brand-1-2.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <img src="assets/img/brand/brand-1-3.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <img src="assets/img/brand/brand-1-4.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <img src="assets/img/brand/brand-1-5.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <img src="assets/img/brand/brand-1-6.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <img src="assets/img/brand/brand-1-7.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <img src="assets/img/brand/brand-1-8.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <img src="assets/img/brand/brand-1-9.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <img src="assets/img/brand/brand-1-10.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <img src="assets/img/brand/brand-1-9.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <img src="assets/img/brand/brand-1-8.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <img src="assets/img/brand/brand-1-7.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <img src="assets/img/brand/brand-1-6.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <img src="assets/img/brand/brand-1-5.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <img src="assets/img/brand/brand-1-4.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mtbanner__titleslide-inner">
                        <img src="assets/img/brand/brand-1-3.png" alt="">
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- End Brand area  -->

      <!-- Start Popular Product Area  -->
      <section class=" mtpopular__product-area mtpopular__product-3 pt-90 pb-130 p-relative fix"
         data-background="assets/img/bg/product-all-bg.png">
         <div class="mtpopular__product-shape-wrap">
            <div class="mtpopular__product-shape">
               <img src="assets/img/shape/shape-1-1.png" alt="">
            </div>
            <div class="mtpopular__product-shape-2">
               <img src="assets/img/shape/shape-1-2.png" alt="">
            </div>
         </div>
         <div class="container">
            <div class="row align-items-center">
               <div class="col-lg-6">
                  <div class="mt-section-content mb-45">
                     <h3 class="mt-section-title">
                        Popular
                        <span>Products</span>
                        <span>
                           <svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20"
                              fill="none">
                              <path
                                 d="M9 1.82196L10.429 6.82929L10.5619 7.29477L11.0314 7.17707L16.0824 5.91098L12.4604 9.65222L12.1237 10L12.4604 10.3478L16.0824 14.089L11.0314 12.8229L10.5619 12.7052L10.429 13.1707L9 18.178L7.57097 13.1707L7.43813 12.7052L6.9686 12.8229L1.91761 14.089L5.53957 10.3478L5.87627 10L5.53957 9.65222L1.91761 5.91098L6.9686 7.17707L7.43813 7.29477L7.57097 6.82929L9 1.82196Z"
                                 fill="#FDD057" stroke="#060121" />
                           </svg>
                        </span>
                     </h3>
                     <p>Our bestsellers! Discover the customer favorites that everyone's talking about.</p>
                  </div>
               </div>
               <div class="col-lg-6 ">
                  <div class="mtpopular__product-wrapper mb-45  text-lg-end">
                     <div class="mtpopular__product-tab">
                        <ul class="nav nav-pills mb-3" id="pills-tab1" role="tablist">
                           <li class="nav-item" role="presentation">
                              <button class="nav-link active" id="pills-home-tab" data-bs-toggle="pill"
                                 data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home"
                                 aria-selected="true">View ALll</button>
                           </li>
                           <li class="nav-item" role="presentation">
                              <button class="nav-link" id="pills-profile-tab" data-bs-toggle="pill"
                                 data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile"
                                 aria-selected="false">Vegetable</button>
                           </li>
                           <li class="nav-item" role="presentation">
                              <button class="nav-link" id="pills-contact-tab" data-bs-toggle="pill"
                                 data-bs-target="#pills-contact" type="button" role="tab" aria-controls="pills-contact"
                                 aria-selected="false">Fres Fruit</button>
                           </li>
                           <li class="nav-item" role="presentation">
                              <button class="nav-link" id="pills-contact-tab1" data-bs-toggle="pill"
                                 data-bs-target="#pills-contact1" type="button" role="tab"
                                 aria-controls="pills-contact1" aria-selected="false">Meats</button>
                           </li>
                           <li class="nav-item" role="presentation">
                              <button class="nav-link" id="pills-contact-tab2" data-bs-toggle="pill"
                                 data-bs-target="#pills-contact2" type="button" role="tab"
                                 aria-controls="pills-contact2" aria-selected="false">Dairies</button>
                           </li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
            <div class="mtpopular__product-wrapper text-start">
               <div class="tab-content" id="pills-tabContent">
                  <div class="tab-pane fade show active" id="pills-home" role="tabpanel"
                     aria-labelledby="pills-home-tab">
                     <div class="cols">
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-1.png" alt="Rosun">
                              </a>
                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    local organic Green <br>
                                    Broccoli</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$29.00</span>
                                 <del>$26.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-offer">
                              <span>70% OFF</span>
                           </div>
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-2.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Fresh packaged Red <br> Tomato</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$29.00</span>
                                 <del>$26.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-3.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    local organic Green <br>
                                    Broccoli</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$11.00</span>
                                 <del>$15.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-4.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    White Pumpkin - Each <br> (appr 1.5 LB-2 LB)</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$15.00</span>
                                 <del>$22.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-offer">
                              <span>70% OFF</span>
                           </div>
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-5.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Palak Green (Spinach) - <br> Bunch Organic </a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$17.00</span>
                                 <del>$26.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-6.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Gerber Organic 2nd Foods <br> Cucumber </a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$15.00</span>
                                 <del>$22.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-7.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    local organic Green <br> Broccoli</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$13.00</span>
                                 <del>$19.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-8.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Organic Campa Yellow <br> Bananas </a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$9.00</span>
                                 <del>$12.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-9.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Cauliflower - Each <br> APPROX 1.5 Lb</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$19.00</span>
                                 <del>$26.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-offer">
                              <span>70% OFF</span>
                           </div>
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-10.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Tropical Local Yellow <br> Pineapple</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$15.00</span>
                                 <del>$20.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
                     <div class="cols">
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-offer">
                              <span>70% OFF</span>
                           </div>
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-5.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Palak Green (Spinach) - <br> Bunch Organic </a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$17.00</span>
                                 <del>$26.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-6.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Gerber Organic 2nd Foods <br> Cucumber </a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$15.00</span>
                                 <del>$22.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-7.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    local organic Green <br> Broccoli</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$13.00</span>
                                 <del>$19.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-8.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Organic Campa Yellow <br> Bananas </a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$9.00</span>
                                 <del>$12.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-1.png" alt="Rosun">
                              </a>
                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    local organic Green <br>
                                    Broccoli</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$29.00</span>
                                 <del>$26.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-offer">
                              <span>70% OFF</span>
                           </div>
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-2.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Fresh packaged Red <br> Tomato</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$29.00</span>
                                 <del>$26.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-3.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    local organic Green <br>
                                    Broccoli</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$11.00</span>
                                 <del>$15.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-4.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    White Pumpkin - Each <br> (appr 1.5 LB-2 LB)</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$15.00</span>
                                 <del>$22.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-9.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Cauliflower - Each <br> APPROX 1.5 Lb</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$19.00</span>
                                 <del>$26.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-offer">
                              <span>70% OFF</span>
                           </div>
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-10.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Tropical Local Yellow <br> Pineapple</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$15.00</span>
                                 <del>$20.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>

                     </div>
                  </div>
                  <div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
                     <div class="cols">
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-4.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    White Pumpkin - Each <br> (appr 1.5 LB-2 LB)</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$15.00</span>
                                 <del>$22.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-offer">
                              <span>70% OFF</span>
                           </div>
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-5.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Palak Green (Spinach) - <br> Bunch Organic </a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$17.00</span>
                                 <del>$26.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-6.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Gerber Organic 2nd Foods <br> Cucumber </a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$15.00</span>
                                 <del>$22.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-7.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    local organic Green <br> Broccoli</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$13.00</span>
                                 <del>$19.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-1.png" alt="Rosun">
                              </a>
                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    local organic Green <br>
                                    Broccoli</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$29.00</span>
                                 <del>$26.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-offer">
                              <span>70% OFF</span>
                           </div>
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-2.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Fresh packaged Red <br> Tomato</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$29.00</span>
                                 <del>$26.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-3.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    local organic Green <br>
                                    Broccoli</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$11.00</span>
                                 <del>$15.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-8.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Organic Campa Yellow <br> Bananas </a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$9.00</span>
                                 <del>$12.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-9.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Cauliflower - Each <br> APPROX 1.5 Lb</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$19.00</span>
                                 <del>$26.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-offer">
                              <span>70% OFF</span>
                           </div>
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-10.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Tropical Local Yellow <br> Pineapple</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$15.00</span>
                                 <del>$20.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>

                     </div>
                  </div>
                  <div class="tab-pane fade" id="pills-contact1" role="tabpanel" aria-labelledby="pills-contact-tab1">
                     <div class="cols">
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-1.png" alt="Rosun">
                              </a>
                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    local organic Green <br>
                                    Broccoli</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$29.00</span>
                                 <del>$26.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-offer">
                              <span>70% OFF</span>
                           </div>
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-2.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Fresh packaged Red <br> Tomato</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$29.00</span>
                                 <del>$26.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-3.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    local organic Green <br>
                                    Broccoli</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$11.00</span>
                                 <del>$15.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-4.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    White Pumpkin - Each <br> (appr 1.5 LB-2 LB)</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$15.00</span>
                                 <del>$22.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-offer">
                              <span>70% OFF</span>
                           </div>
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-5.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Palak Green (Spinach) - <br> Bunch Organic </a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$17.00</span>
                                 <del>$26.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-6.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Gerber Organic 2nd Foods <br> Cucumber </a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$15.00</span>
                                 <del>$22.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-7.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    local organic Green <br> Broccoli</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$13.00</span>
                                 <del>$19.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-8.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Organic Campa Yellow <br> Bananas </a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$9.00</span>
                                 <del>$12.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-9.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Cauliflower - Each <br> APPROX 1.5 Lb</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$19.00</span>
                                 <del>$26.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-offer">
                              <span>70% OFF</span>
                           </div>
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-10.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Tropical Local Yellow <br> Pineapple</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$15.00</span>
                                 <del>$20.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>

                     </div>
                  </div>
                  <div class="tab-pane fade" id="pills-contact2" role="tabpanel" aria-labelledby="pills-contact-tab2">
                     <div class="cols">
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-4.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    White Pumpkin - Each <br> (appr 1.5 LB-2 LB)</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$15.00</span>
                                 <del>$22.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-offer">
                              <span>70% OFF</span>
                           </div>
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-5.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Palak Green (Spinach) - <br> Bunch Organic </a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$17.00</span>
                                 <del>$26.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-6.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Gerber Organic 2nd Foods <br> Cucumber </a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$15.00</span>
                                 <del>$22.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-7.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    local organic Green <br> Broccoli</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$13.00</span>
                                 <del>$19.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-8.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Organic Campa Yellow <br> Bananas </a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$9.00</span>
                                 <del>$12.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-9.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Cauliflower - Each <br> APPROX 1.5 Lb</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$19.00</span>
                                 <del>$26.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-offer">
                              <span>70% OFF</span>
                           </div>
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-10.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Tropical Local Yellow <br> Pineapple</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$15.00</span>
                                 <del>$20.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-1.png" alt="Rosun">
                              </a>
                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    local organic Green <br>
                                    Broccoli</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$29.00</span>
                                 <del>$26.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-offer">
                              <span>70% OFF</span>
                           </div>
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-2.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    Fresh packaged Red <br> Tomato</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$29.00</span>
                                 <del>$26.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>
                        <div class="mtfeature__product-item p-relative fix">
                           <div class="mtfeature__product-img mb-15">
                              <div class="mtfeature__product-wishlist">
                                 <a href="wishlist.html">
                                    <i class="fa-regular fa-heart"></i>
                                 </a>
                              </div>
                              <a href="product-details.html">
                                 <img src="assets/img/product/feature-2-3.png" alt="Rosun">
                              </a>

                           </div>
                           <div class="mtfeature__product-content mb-15">
                              <div class="mtfeature__product-cate mb-10">
                                 <span>1Kg</span>
                                 <span>500Kg</span>
                              </div>
                              <h5 class="mtfeature__product-title">
                                 <a href="product-details.html">
                                    local organic Green <br>
                                    Broccoli</a>
                              </h5>
                           </div>
                           <div class="mtfeature__product-rating mb-15">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div
                              class="mtfeature__product-pricing-wrap pt-10 d-flex align-items-center justify-content-between">
                              <div class="mtfeature__product-price">
                                 <span>$11.00</span>
                                 <del>$15.00</del>
                              </div>
                              <div class="mtfeature__product-cart">
                                 <a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
                              </div>
                           </div>
                        </div>


                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- End Popular Product Area  -->

      <!-- Start Blog Area -->
      <section class="mtblog__area mtblog__2 p-relative fix pt-70 pb-75"
         data-background="assets/img/bg/blog-bg-2-1.jpg">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-lg-6">
                  <div class="mt-section-content mb-30">
                     <h3 class="mt-section-title">
                        Read Our
                        <span>Articles</span>
                        <span>
                           <svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20"
                              fill="none">
                              <path
                                 d="M9 1.82196L10.429 6.82929L10.5619 7.29477L11.0314 7.17707L16.0824 5.91098L12.4604 9.65222L12.1237 10L12.4604 10.3478L16.0824 14.089L11.0314 12.8229L10.5619 12.7052L10.429 13.1707L9 18.178L7.57097 13.1707L7.43813 12.7052L6.9686 12.8229L1.91761 14.089L5.53957 10.3478L5.87627 10L5.53957 9.65222L1.91761 5.91098L6.9686 7.17707L7.43813 7.29477L7.57097 6.82929L9 1.82196Z"
                                 fill="#FDD057" stroke="#060121" />
                           </svg>
                        </span>
                     </h3>
                     <p>Dive into a world of knowledge and inspiration with our informative articles. </p>
                  </div>
               </div>
               <div class="col-lg-6 ">
                  <div class="p-relative">
                     <div class="mtblog__arrow mb-30 d-flex justify-content-lg-end p-relative">
                        <div class="mtblog__arrow-next">
                           <span>
                              <svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14"
                                 fill="none">
                                 <path
                                    d="M7.39367 0.820693C6.37396 5.14484 1.88 6.84235 1.46856 6.98943C1.4577 6.99331 1.45706 7.00855 1.4676 7.01347C1.87294 7.20245 6.37316 9.37583 7.39367 13.1793M14.54 7.00001L2.62943 7.00001"
                                    stroke="#060121" stroke-width="2" />
                              </svg>
                           </span>
                        </div>
                        <div class="mtblog__arrow-prev">
                           <span>
                              <svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14"
                                 fill="none">
                                 <path
                                    d="M7.60633 13.1793C8.62604 8.85516 13.12 7.15765 13.5314 7.01057C13.5423 7.00669 13.5429 6.99145 13.5324 6.98653C13.1271 6.79755 8.62684 4.62417 7.60633 0.820679M0.459961 6.99999L12.3706 6.99999"
                                    stroke="#060121" stroke-width="2" />
                              </svg>
                           </span>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="mtblog__wrapper">
               <div class="swiper mt-blog-slider-active">
                  <div class="swiper-wrapper">
                     <div class="swiper-slide">
                        <div class="mtblog__item mtblog__item-bg mtblog__item-border p-relative"
                           data-background="assets/img/blog/blog-2-1.jpg">
                           <div class="mtblog__content">
                              <div class="mtblog__date">
                                 <span>24</span>
                                 <p>Mar</p>
                              </div>
                              <div class="mtblog__sep"></div>
                              <div class="mtblog__meta mb-6">
                                 <span><a href="#">Organic</a></span>
                                 <span><a href="#">Grocery</a></span>
                              </div>
                              <h4 class="mtblog__title"><a href="blog-details.html">
                                    How to find Best Quality Fresh Meat & Seafood
                                 </a></h4>
                           </div>
                        </div>
                     </div>
                     <div class="swiper-slide">
                        <div class="mtblog__item mtblog__item-bg mtblog__item-border p-relative"
                           data-background="assets/img/blog/blog-2-2.jpg">
                           <div class="mtblog__content">
                              <div class="mtblog__date">
                                 <span>24</span>
                                 <p>Mar</p>
                              </div>
                              <div class="mtblog__sep"></div>
                              <div class="mtblog__meta mb-6">
                                 <span><a href="#">Organic</a></span>
                                 <span><a href="#">Grocery</a></span>
                              </div>
                              <h4 class="mtblog__title"><a href="blog-details.html">
                                    Fuel Your Life Healthy Eating Starts Here
                                 </a></h4>
                           </div>
                        </div>
                     </div>
                     <div class="swiper-slide">
                        <div class="mtblog__item mtblog__item-bg mtblog__item-border p-relative"
                           data-background="assets/img/blog/blog-2-3.jpg">
                           <div class="mtblog__content">
                              <div class="mtblog__date">
                                 <span>24</span>
                                 <p>Mar</p>
                              </div>
                              <div class="mtblog__sep"></div>
                              <div class="mtblog__meta mb-6">
                                 <span><a href="#">Organic</a></span>
                                 <span><a href="#">Grocery</a></span>
                              </div>
                              <h4 class="mtblog__title"><a href="blog-details.html">
                                    Elevate Your Everyday with Our Grocery Selection
                                 </a></h4>
                           </div>
                        </div>
                     </div>
                     <div class="swiper-slide">
                        <div class="mtblog__item mtblog__item-bg mtblog__item-border p-relative"
                           data-background="assets/img/blog/blog-2-4.jpg">
                           <div class="mtblog__content">
                              <div class="mtblog__date">
                                 <span>24</span>
                                 <p>Mar</p>
                              </div>
                              <div class="mtblog__sep"></div>
                              <div class="mtblog__meta mb-6">
                                 <span><a href="#">Organic</a></span>
                                 <span><a href="#">Grocery</a></span>
                              </div>
                              <h4 class="mtblog__title"><a href="blog-details.html">
                                    Your Pantry's New Grocery Shopping Made Easy
                                 </a></h4>
                           </div>
                        </div>
                     </div>
                     <div class="swiper-slide">
                        <div class="mtblog__item mtblog__item-bg mtblog__item-border p-relative"
                           data-background="assets/img/blog/blog-2-1.jpg">
                           <div class="mtblog__content">
                              <div class="mtblog__date">
                                 <span>24</span>
                                 <p>Mar</p>
                              </div>
                              <div class="mtblog__sep"></div>
                              <div class="mtblog__meta mb-6">
                                 <span><a href="#">Organic</a></span>
                                 <span><a href="#">Grocery</a></span>
                              </div>
                              <h4 class="mtblog__title"><a href="blog-details.html">
                                    How to find Best Quality Fresh Meat & Seafood
                                 </a></h4>
                           </div>
                        </div>
                     </div>
                     <div class="swiper-slide">
                        <div class="mtblog__item mtblog__item-bg mtblog__item-border p-relative"
                           data-background="assets/img/blog/blog-2-4.jpg">
                           <div class="mtblog__content">
                              <div class="mtblog__date">
                                 <span>24</span>
                                 <p>Mar</p>
                              </div>
                              <div class="mtblog__sep"></div>
                              <div class="mtblog__meta mb-6">
                                 <span><a href="#">Organic</a></span>
                                 <span><a href="#">Grocery</a></span>
                              </div>
                              <h4 class="mtblog__title"><a href="blog-details.html">
                                    Your Pantry's New Grocery Shopping Made Easy
                                 </a></h4>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- End Blog Area -->

      <!-- Start Testimonial Area -->
      <section class="mttestimonial__area mttestimonial__2 pt-70 pb-120 p-relative fix">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-lg-6">
                  <div class="mt-section-content mb-30">
                     <h3 class="mt-section-title">
                        <span>
                           <svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20"
                              fill="none">
                              <path
                                 d="M9 1.82196L10.429 6.82929L10.5619 7.29477L11.0314 7.17707L16.0824 5.91098L12.4604 9.65222L12.1237 10L12.4604 10.3478L16.0824 14.089L11.0314 12.8229L10.5619 12.7052L10.429 13.1707L9 18.178L7.57097 13.1707L7.43813 12.7052L6.9686 12.8229L1.91761 14.089L5.53957 10.3478L5.87627 10L5.53957 9.65222L1.91761 5.91098L6.9686 7.17707L7.43813 7.29477L7.57097 6.82929L9 1.82196Z"
                                 fill="#FDD057" stroke="#060121" />
                           </svg>
                        </span>
                        Clients<span>Testimonial</span>
                        <span>
                           <svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20"
                              fill="none">
                              <path
                                 d="M9 1.82196L10.429 6.82929L10.5619 7.29477L11.0314 7.17707L16.0824 5.91098L12.4604 9.65222L12.1237 10L12.4604 10.3478L16.0824 14.089L11.0314 12.8229L10.5619 12.7052L10.429 13.1707L9 18.178L7.57097 13.1707L7.43813 12.7052L6.9686 12.8229L1.91761 14.089L5.53957 10.3478L5.87627 10L5.53957 9.65222L1.91761 5.91098L6.9686 7.17707L7.43813 7.29477L7.57097 6.82929L9 1.82196Z"
                                 fill="#FDD057" stroke="#060121" />
                           </svg>
                        </span>
                     </h3>
                     <p>Hear what our satisfied customers have to say about their experience. Real people, real results.
                     </p>
                  </div>
               </div>
               <div class="col-lg-6">
                  <div class="mttestimonial__arrow mttestimonial__arrow-2 d-flex mb-30">
                     <div class="mttestimonial__arrow-next">
                        <span>
                           <svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14"
                              fill="none">
                              <path
                                 d="M7.39367 0.820693C6.37396 5.14484 1.88 6.84235 1.46856 6.98943C1.4577 6.99331 1.45706 7.00855 1.4676 7.01347C1.87294 7.20245 6.37316 9.37583 7.39367 13.1793M14.54 7.00001L2.62943 7.00001"
                                 stroke="#060121" stroke-width="2" />
                           </svg>
                        </span>
                     </div>
                     <div class="mttestimonial__arrow-prev">
                        <span>
                           <svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14"
                              fill="none">
                              <path
                                 d="M7.60633 13.1793C8.62604 8.85516 13.12 7.15765 13.5314 7.01057C13.5423 7.00669 13.5429 6.99145 13.5324 6.98653C13.1271 6.79755 8.62684 4.62417 7.60633 0.820679M0.459961 6.99999L12.3706 6.99999"
                                 stroke="#060121" stroke-width="2" />
                           </svg>
                        </span>
                     </div>
                  </div>
               </div>
            </div>
            <div class="mttestimonial__wrapper">
               <div class="swiper mt-testimonial-active-2">
                  <div class="swiper-wrapper">

                     <div class="swiper-slide">
                        <div class="mttestimonial__item p-relative fix">
                           <div class="mttestimonial__author mb-45 d-flex align-items-center">
                              <div class="mttestimonial__author-img br-15">
                                 <img src="assets/img/testimonial/author-2-1.jpg" alt="">
                              </div>
                              <div class="mttestimonial__author-text">
                                 <h5 class="mttestimonial__author-title">Sara Olivia</h5>
                                 <span>Solution Manager</span>
                              </div>
                           </div>
                           <div class="mttestimonial__ratting mb-7">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div class="mttestimonial__content">
                              <p class="mb-45">Roshun Grocery Shop is a fantastic local store! They have a great
                                 selection of fresh
                                 produce, quality meats, and a wide variety of pantry staples. </p>
                              <div class="mttestimonial__quote">
                                 <img src="assets/img/testimonial/qoute-2.png" alt="">
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="swiper-slide">
                        <div class="mttestimonial__item p-relative fix">
                           <div class="mttestimonial__author mb-45 d-flex align-items-center">
                              <div class="mttestimonial__author-img br-15">
                                 <img src="assets/img/testimonial/author-2-2.jpg" alt="">
                              </div>
                              <div class="mttestimonial__author-text">
                                 <h5 class="mttestimonial__author-title">Mitchel Stark</h5>
                                 <span>Collage Student</span>
                              </div>
                           </div>
                           <div class="mttestimonial__ratting mb-7">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div class="mttestimonial__content">
                              <p class="mb-45">Roshun Grocery Shop is a fantastic local store! They have a great
                                 selection of fresh
                                 produce, quality meats, and a wide variety of pantry staples. </p>
                              <div class="mttestimonial__quote">
                                 <img src="assets/img/testimonial/qoute-2.png" alt="">
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="swiper-slide">
                        <div class="mttestimonial__item p-relative fix">
                           <div class="mttestimonial__author mb-45 d-flex align-items-center">
                              <div class="mttestimonial__author-img br-15">
                                 <img src="assets/img/testimonial/author-2-3.jpg" alt="">
                              </div>
                              <div class="mttestimonial__author-text">
                                 <h5 class="mttestimonial__author-title">Jonson Taylor</h5>
                                 <span>Dermatologists</span>
                              </div>
                           </div>
                           <div class="mttestimonial__ratting mb-7">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div class="mttestimonial__content">
                              <p class="mb-45">Roshun Grocery Shop is a fantastic local store! They have a great
                                 selection of fresh
                                 produce, quality meats, and a wide variety of pantry staples. </p>
                              <div class="mttestimonial__quote">
                                 <img src="assets/img/testimonial/qoute-2.png" alt="">
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="swiper-slide">
                        <div class="mttestimonial__item p-relative fix">
                           <div class="mttestimonial__author mb-45 d-flex align-items-center">
                              <div class="mttestimonial__author-img br-15">
                                 <img src="assets/img/testimonial/author-2-2.jpg" alt="">
                              </div>
                              <div class="mttestimonial__author-text">
                                 <h5 class="mttestimonial__author-title">Sara Olivia</h5>
                                 <span>Solution Manager</span>
                              </div>
                           </div>
                           <div class="mttestimonial__ratting mb-7">
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-solid fa-star-sharp"></i>
                              <i class="fa-light fa-star"></i>
                              <i class="fa-light fa-star"></i>
                           </div>
                           <div class="mttestimonial__content">
                              <p class="mb-45">Roshun Grocery Shop is a fantastic local store! They have a great
                                 selection of fresh
                                 produce, quality meats, and a wide variety of pantry staples. </p>
                              <div class="mttestimonial__quote">
                                 <img src="assets/img/testimonial/qoute-2.png" alt="">
                              </div>
                           </div>
                        </div>
                     </div>

                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- End Testimonial Area -->

      <!-- Start Newslatter Area -->
      <section class="mtnewslatter__area mtnewslatter__space  mb-120">
         <div class="container">
            <div class="mtnewslatter__mainwrapper p-relative fix br-20 wow img-custom-anim-left"
               data-wow-duration="1.5s" data-wow-delay="0.1s"
               data-background="assets/img/newslatter/newslatter-bg-2.jpg">
               <div class="mtnewslatter__shape">
                  <img src="assets/img/newslatter/star.png" alt="">
               </div>
               <div class="row align-items-center">
                  <div class="col-lg-6">
                     <div class="mtnewslatter__wrapper wow img-custom-anim-left" data-wow-duration="1.5s"
                        data-wow-delay="0.5s">
                        <div class="mtnewslatter__item">
                           <h3 class="mtnewslatter__title mb-10 ">Subscribe <span class="p-relative">newsletter <img
                                    src="assets/img/newslatter/shape-text.png" alt=""></span> <br>
                              to get offers

                           </h3>
                           <p class="mb-35">Enjoy early access to sales, new product launches, expert advice, and
                              special offers delivered straight to your inbox.</p>
                           <form action="#">
                              <div class="mtnewslatter__subscribe p-relative">
                                 <input type="email" placeholder="Enter Your Eamil">
                                 <button type="submit" class="mt-btn">Subscribe</button>
                              </div>
                           </form>
                        </div>
                     </div>
                  </div>
               </div>
            </div>

         </div>
      </section>
      <!-- End Newslatter Area -->

      <!-- feature area Start -->
      <section class="mtfeature__area mtfeature__bg pb-50 pt-60 fix">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-lg-3 col-md-4">
                  <div class="mtfeature__wrapper d-flex align-items-center">
                     <div class="mtfeature__icon">
                        <img src="assets/img/feature/feature-1-1.jpg" alt="">
                     </div>
                     <div class="mtfeature__content">
                        <h5 class="mtfeature__title">Free Shipping</h5>
                        <p>
                           shipping on your order. No <br>
                           extra charges for delivery.
                        </p>
                     </div>
                  </div>
               </div>
               <div class="col-lg-3 col-md-4">
                  <div class="mtfeature__wrapper d-flex align-items-center">
                     <div class="mtfeature__icon">
                        <img src="assets/img/feature/feature-1-2.jpg" alt="">
                     </div>
                     <div class="mtfeature__content">
                        <h5 class="mtfeature__title">Secure Payments
                        </h5>
                        <p>
                           our financial information is <br>
                           protected
                        </p>
                     </div>
                  </div>
               </div>
               <div class="col-lg-3 col-md-4">
                  <div class="mtfeature__wrapper d-flex align-items-center">
                     <div class="mtfeature__icon">
                        <img src="assets/img/feature/feature-1-3.jpg" alt="">
                     </div>
                     <div class="mtfeature__content">
                        <h5 class="mtfeature__title">24 Hour Support</h5>
                        <p>
                           We're here to help whenever <br>
                           you need us.
                        </p>
                     </div>
                  </div>
               </div>
               <div class="col-lg-3 col-md-4">
                  <div class="mtfeature__wrapper d-flex align-items-center">
                     <div class="mtfeature__icon">
                        <img src="assets/img/feature/feature-1-4.jpg" alt="">
                     </div>
                     <div class="mtfeature__content">
                        <h5 class="mtfeature__title">Best Prices & Offers</h5>
                        <p>
                           Provides unbeatable deals <br> on a wide range of products
                        </p>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- feature area End -->

   </main>

   <!-- footer start  -->
   <footer class="mt-footer-area mt-footer-2 p-relative fix pt-80" data-bg-color="#171A2B">
      <div class="mt-footer-wraper p-relative">
         <div class="container">
            <div class="row ">
               <div class="col-lg-3 col-md-4">
                  <div class="mt-footer-widget footer-2-cols-1">
                     <div class="mt-footer-logo mb-20">
                        <a href="#"><img src="assets/img/logo/white-logo.png" alt=""></a>
                     </div>
                     <div class="mt-footer-content">
                        <p class="mb-25">Roshun is a online grocery shop. we are selling grocery products</p>
                        <div class="mt-footer-social mb-30">
                           <a href="#"><i class="fa-brands fa-pinterest-p"></i></a>
                           <a href="#"><i class="fa-brands fa-instagram"></i></a>
                           <a href="#"><i class="fa-brands fa-facebook-f"></i></a>
                        </div>
                        <div class="mt-footer-app mb-20">
                           <h4 class="mt-footer-app-title">Download App</h4>
                           <div class="mt-footer-app-img mt-20">
                              <a href="#"><img src="assets/img/footer/goolge-play.png" alt="Rosun"></a>
                              <a href="#"><img src="assets/img/footer/app-store.png" alt="Rosun"></a>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-lg-9 col-md-8">
                  <div class="mt-footer-wrapper mb-30">
                     <div class="row">
                        <div class="col-xl-3 col-md-6 mb-50">
                           <div class="mt-footer-widget footer-2-cols-2">
                              <h2 class="mt-footer-title mb-50">Company </h2>
                              <div class="mt-footer-list">
                                 <ul>
                                    <li><a href="about.html">About Us</a></li>
                                    <li><a href="contact.html">Contact Us</a></li>
                                    <li><a href="#">Privacy Policy</a></li>
                                    <li><a href="#">Terms & Condition</a></li>
                                    <li><a href="#">Site Map</a></li>
                                    <li><a href="#">Careers</a></li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                        <div class="col-xl-3 col-md-6 mb-50">
                           <div class="mt-footer-widget footer-2-cols-3">
                              <h2 class="mt-footer-title mb-50">Quick Links </h2>
                              <div class="mt-footer-list">
                                 <ul>
                                    <li><a href="about.html">About Company</a></li>
                                    <li><a href="blog.html">Articles & Blogs</a></li>
                                    <li><a href="shop.html">Flash Sales</a></li>
                                    <li><a href="checkout.html">Checkout</a></li>
                                    <li><a href="faq.html">FAQs Page</a></li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                        <div class="col-xl-3 col-md-6 mb-50">
                           <div class="mt-footer-widget footer-2-cols-4">
                              <h2 class="mt-footer-title mb-50">Support </h2>
                              <div class="mt-footer-list">
                                 <ul>
                                    <li><a href="login.html">My Account</a></li>
                                    <li><a href="#">Payment Method</a></li>
                                    <li><a href="#">License & Permit</a></li>
                                    <li><a href="about.html">Our Partners</a></li>
                                    <li><a href="contact.html">Support Center</a></li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                        <div class="col-xl-3 col-md-6 mb-50">
                           <div class="mt-footer-widget footer-2-cols-5">
                              <h2 class="mt-footer-title mb-50">Category </h2>
                              <div class="mt-footer-list">
                                 <ul>
                                    <li><a href="shop.html">Fresh Produce</a></li>
                                    <li><a href="shop.html">Dairy & Eggs</a></li>
                                    <li><a href="shop.html">Meat & Seafood</a></li>
                                    <li><a href="shop.html">Beverages</a></li>
                                    <li><a href="shop.html">Vegetables</a></li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>

      <div class="mt-footer-midel mt-footer-midel-border pb-30">
         <div class="container">
            <div class="row">
               <div class="col-lg-3 col-md-6">
                  <div class="mt-footer-midel-item d-flex align-items-center mb-20">
                     <div class="mt-footer-midel-icon mr-15">
                        <span><i class="fa-solid fa-location-dot"></i></span>
                     </div>
                     <div class="mt-footer-midel-content">
                        <a href="#">Tri Opposite 123 Main Street, <br>
                           Anytown, California 90210 USA</a>
                     </div>
                  </div>
               </div>
               <div class="col-lg-3 col-md-6">
                  <div class="mt-footer-midel-item d-flex align-items-center mb-20 justify-content-lg-center">
                     <div class="mt-footer-midel-icon mr-15">
                        <span><i class="fa-light fa-envelope-open-text"></i></span>
                     </div>
                     <div class="mt-footer-midel-content">
                        <a href="mailto:support@domain.com">support@domain.com</a> <br>
                        <a href="mailto:info@domain.com">info@domain.com</a>
                     </div>
                  </div>
               </div>
               <div class="col-lg-3 col-md-6">
                  <div class="mt-footer-midel-item d-flex align-items-center mb-20 justify-content-lg-center">
                     <div class="mt-footer-midel-icon mr-15">
                        <span><i class="fa-regular fa-headset"></i></span>
                     </div>
                     <div class="mt-footer-midel-content">
                        <a href="tel:+991234567888">+99 123 4567 888</a><br>
                        <a href="tel:+001235555888">+00 123 5555 888</a>
                     </div>
                  </div>
               </div>
               <div class="col-lg-3 col-md-6">
                  <div class="mt-footer-midel-item d-flex align-items-center mb-20  justify-content-lg-center">
                     <div class="mt-footer-midel-icon mr-15">
                        <span><i class="fa-light fa-clock"></i></span>
                     </div>
                     <div class="mt-footer-midel-content">
                        <a href="#">10:00 - 18:00 <br>
                           Monday - saturday</a>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>

      <!-- copy-right area start -->
      <div class="mt-copyright-area mt-copyright-2  pt-20 pb-20">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 ">
                  <div class="mt-copyright-left text-center text-md-start">
                     <p>Copyright 2025 ©Rosun. All rights reserved.</p>
                  </div>
               </div>
               <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 ">
                  <div class="mt-copyright-right text-center text-md-end">
                     <img src="assets/img/footer/payment.png" alt="">
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- copy-right area end -->
   </footer>


   <!-- JS here -->
   <script src="assets/js/jquery-min.js"></script>
   <script src="assets/js/bootstrap.min.js"></script>
   <script src="assets/js/nice-select.js"></script>
   <script src="assets/js/magnific-popup.js"></script>
   <script src="assets/js/range-slider.js"></script>
   <script src="assets/js/swiper-min.js"></script>
   <script src="assets/js/wow.js"></script>
   <script src="assets/js/countdown.js"></script>
   <script src="assets/js/mobile-menu-scripts.js"></script>
   <script src="assets/js/main.js"></script>

</body>

</html>