<!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 mtheader-top-border p-relative">
<!-- header top area start -->
<div class="mtheader__top-area mtheader-border pt-6 pb-6 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="about.html">About Us</a>
<span>
<img src="assets/img/icon/star-icon-1.svg" alt="">
</span>
<a href="login.html">My Account</a>
<span>
<img src="assets/img/icon/star-icon-1.svg" alt="">
</span>
<a href="wishlist.html">Wishlist</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>
<img src="assets/img/icon/star-icon-1.svg" alt="">
</span>
<div class="mtheader__top-lang">
<select>
<option>Eng</option>
<option>Bang</option>
<option>Lang</option>
<option>Latin</option>
</select>
</div>
<span>
<img src="assets/img/icon/star-icon-1.svg" alt="">
</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 midel area start -->
<div class="mtheader__midel-area pt-15 pb-15 d-none d-lg-block">
<div class="container">
<div class="mtheader__midel-wrapper d-flex align-items-center justify-content-between">
<div class="mtheader__logo">
<a href="index.html"><img src="assets/img/logo/black-logo.png" alt="Rosun"></a>
</div>
<div class="mtheader__midel-search p-relative">
<form action="#" method="POST">
<input type="text" placeholder="Search by category, products or brand" class="mt__border-effect">
<button type="submit">
<i class="fa-regular fa-magnifying-glass"></i><span>SEARCH</span>
</button>
</form>
</div>
<div class="mtheader__midel-account-wrap p-relative d-flex align-items-center justify-content-between">
<div class="mtheader__midel-wishlist">
<a href="wishlist.html"><i class="fa-regular fa-heart"></i></a>
</div>
<span>
<img src="assets/img/icon/star-icon-2.svg" alt="">
</span>
<div class="mtheader__midel-login">
<a href="login.html" class="mtheader__midel-login-inner">
<i class="fa-solid fa-user-plus"></i>
<span>Login your</span>
<h6>Account</h6>
</a>
</div>
<span>
<img src="assets/img/icon/star-icon-2.svg" alt="">
</span>
<div class="mtheader__midel-login">
<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>
</div>
</div>
<!-- header Menu area start -->
<div id="mt-header-sticky" class="mtheader__bottom-area mtheader__bottom-bg mt-sticky-theme theme-bg p-relative">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3 col-6">
<div class="mtheader__bottom-category-wrap p-relative">
<div class="mtheader__bottom-category">
<div class="mtheader__logo d-lg-none">
<a href="index.html"><img src="assets/img/logo/black-logo.png" alt="Rosun"></a>
</div>
<div class="mtheader__bottom-bar-wrap ">
<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>
<div id="mtheader__bottom-category-list" class="mtheader__bottom-category-list ">
<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>
</div>
<div class="col-lg-9 col-6">
<div
class="mtheader__bottom-wrapper p-relative d-flex align-items-center justify-content-end justify-content-xxl-between">
<div class="mtheader__bottom-menu d-none d-lg-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__bottom-right d-none d-xxl-block">
<a href="tel:9112456859">Hotline: <span> +(00)91 1245 6859</span></a>
<a href="shop.html" class="mt-btn mt-btn-sm"><i class="fa-solid fa-bolt"></i>FLASH
SALE </a>
</div>
<div class="mtheader__mobile-cart d-lg-none mr-30">
<div
class="mtheader__midel-account-wrap p-relative d-flex align-items-center justify-content-between">
<div class="mtheader__midel-login">
<a href="login.html" class="mtheader__midel-login-inner">
<i class="fa-solid fa-user-plus" data-color="#fff"></i>
</a>
</div>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14"
fill="none">
<path
d="M8.00011 0.21582L9.68397 5.39819H15.133L10.7246 8.60108L12.4085 13.7834L8.00011 10.5806L3.59172 13.7834L5.27558 8.60108L0.867188 5.39819H6.31626L8.00011 0.21582Z"
fill="#FDD057" />
</svg>
</span>
<div class="mtheader__midel-login">
<div class="mtcartmini-open-btn">
<div class="mtheader__midel-card-value">
<i class="fa-solid fa-basket-shopping" data-color="#fff"></i>
<p>2</p>
</div>
</div>
</div>
</div>
</div>
<div class="mt-header-toogle d-lg-none text-end">
<button class="mt-offcanvas-toogle"><i class="fa-regular fa-bars-staggered"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<main>
<!-- Start Hero Area -->
<section class="mthero__area mt-40 fix">
<div class="container">
<div class="row">
<div class="col-lg-3"></div>
<div class="col-lg-9">
<div class="mthero__wrapper p-relative">
<div class="swiper mt-hero-active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mthero__banner" data-background="assets/img/hero/hero-bg-1.jpg">
<div class="row">
<div class="col-lg-7">
<div class="mthero__content">
<h5 class="mthero__subtitle"><img src="assets/img/icon/star-icon-3.svg"
alt=""><span>Get up to 30% off </span></h5>
<h1 class="mthero__title">
Try Best <span>Organic</span> <br>
Products
</h1>
<p>
Visit our discount shop will get 30% off every
organic products, fruits and vagetables
</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-5">
<div class="mthero__img">
<img src="assets/img/hero/hero-1-1.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mthero__banner" data-background="assets/img/hero/hero-bg-1.jpg">
<div class="row">
<div class="col-lg-7">
<div class="mthero__content">
<h5 class="mthero__subtitle"><img src="assets/img/icon/star-icon-3.svg"
alt=""><span>Get up to 30% off </span></h5>
<h1 class="mthero__title">
Try Best <span>Organic</span> <br>
Products
</h1>
<p>
Visit our discount shop will get 30% off every
organic products, fruits and vagetables
</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-5">
<div class="mthero__img">
<img src="assets/img/hero/hero-1-2.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mthero__banner" data-background="assets/img/hero/hero-bg-1.jpg">
<div class="row">
<div class="col-lg-7">
<div class="mthero__content">
<h5 class="mthero__subtitle"><img src="assets/img/icon/star-icon-3.svg"
alt=""><span>Get up to 30% off </span></h5>
<h1 class="mthero__title">
Try Best <span>Organic</span> <br>
Products
</h1>
<p>
Visit our discount shop will get 30% off every
organic products, fruits and vagetables
</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-5">
<div class="mthero__img">
<img src="assets/img/hero/hero-1-1.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mthero-pagination"></div>
</div>
</div>
</div>
</div>
</section>
<!-- End Hero Area -->
<!-- feature area Start -->
<section class="mtfeature__area pt-20 fix">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="mtfeature__offer" data-background="assets/img/feature/feature-1.jpg">
<div class="mtfeature__text">
<span class=" img-custom-anim-left" data-wow-duration="1.5s" data-wow-delay="0.1s">Hurry
Up</span>
<h6 class="mtfeature__offer-title wow img-custom-anim-left" data-wow-duration="1.5s"
data-wow-delay="0.1s">20% off</h6>
<a href="#" class=" wow img-custom-anim-left" data-wow-duration="1.5s" data-wow-delay="0.1s">Buy
Now <span><i class="fa-solid fa-circle-chevron-right"></i></span></a>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="mtfeature__bg pt-30 pb-30 pl-15">
<div class="row">
<div class="col-lg-4 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-4 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">Secure Payments
</h5>
<p>
our financial information is <br>
protected
</p>
</div>
</div>
</div>
<div class="col-lg-4 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">24 Hour Support</h5>
<p>
We're here to help whenever <br>
you need us.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- feature area End -->
<!-- Start Categories -->
<section class="mtshop__category-area pt-85 pb-50 p-relative fix">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 ">
<div class="mt-section-content mb-30">
<h3 class="mt-section-title">
Shop By
<span>Categories</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="p-relative mb-30">
<div class="mtshop__category-arrow mb-30 d-flex justify-content-end p-relative">
<div class="mtshop__category-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="mtshop__category-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="mtshop__category-wrapper">
<div class="swiper mtshop__category_active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mtshop__category-item ">
<a href="shop.html">
<img src="assets/img/category/cat-1-1.jpg" 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-1-2.jpg" alt="">
<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-1-3.jpg" alt="">
<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-1-4.jpg" alt="">
<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-1-5.jpg" alt="">
<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-1-6.jpg" alt="">
<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-1-7.jpg" alt="">
<h5 class="mtshop__category-title">Dry Grains</h5>
<span>30 ITEMS</span>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="mtshop__category-item">
<a href="shop.html">
<img src="assets/img/category/cat-1-8.jpg" alt="">
<h5 class="mtshop__category-title">Dairy Products</h5>
<span>33 ITEMS</span>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="mtshop__category-item">
<a href="shop.html">
<img src="assets/img/category/cat-1-9.jpg" alt="">
<h5 class="mtshop__category-title">Frozen Foods</h5>
<span>55 ITEMS</span>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="mtshop__category-item">
<a href="shop.html">
<img src="assets/img/category/cat-1-10.jpg" alt="">
<h5 class="mtshop__category-title">Soft Drinks</h5>
<span>65 ITEMS</span>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="mtshop__category-item">
<a href="shop.html">
<img src="assets/img/category/cat-1-9.jpg" 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-1-8.jpg" alt="">
<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-1-7.jpg" alt="">
<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-1-6.jpg" alt="">
<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-1-5.jpg" alt="">
<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-1-4.jpg" alt="">
<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-1-3.jpg" alt="">
<h5 class="mtshop__category-title">Dry Grains</h5>
<span>30 ITEMS</span>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="mtshop__category-item">
<a href="shop.html">
<img src="assets/img/category/cat-1-2.jpg" alt="">
<h5 class="mtshop__category-title">Dairy Products</h5>
<span>33 ITEMS</span>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="mtshop__category-item">
<a href="shop.html">
<img src="assets/img/category/cat-1-1.jpg" alt="">
<h5 class="mtshop__category-title">Frozen Foods</h5>
<span>55 ITEMS</span>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="mtshop__category-item">
<a href="shop.html">
<img src="assets/img/category/cat-1-10.jpg" alt="">
<h5 class="mtshop__category-title">Soft Drinks</h5>
<span>65 ITEMS</span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Categories -->
<!-- Start Feature Product Area -->
<section class="mtfeature__product-area pt-50 pb-40 p-relative fix">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-8">
<div class="mt-section-content mb-30">
<h3 class="mt-section-title">
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 items. Limited time offers and
exclusive deals await!</p>
</div>
</div>
<div class="col-lg-6 col-md-4">
<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 class="mtfeature__product-wrapper mt-15">
<div class="swiper mtfeature_product_active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-1.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<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">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-2.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<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">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$16.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-3.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<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">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$11.00</span>
<del>$16.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-4.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Fresh packaged Red Tomato</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$10.50</span>
<del>$12.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-5.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<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">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$18.55</span>
<del>$20.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-4.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Fresh packaged Red Tomato</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$18.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-1.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<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">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Feature Product Area -->
<!-- Start Banner area -->
<section class="mtbanner__area pb-40 pt-40 p-relative fix">
<div class="container">
<div class="row align-items-center align-items-xl-end">
<div class="col-lg-6 mb-30">
<div class="mtbanner__wrapper p-relative ">
<div class="mtbanner__shape wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.1s">
<img src="assets/img/banner/shape-1-1.png" alt="">
</div>
<div class="mtbanner__item d-flex" data-background="assets/img/banner/banner-bg-1-1.jpg">
<div class="mtbanner__content wow img-custom-anim-left" data-wow-duration="1.5s"
data-wow-delay="0.1s">
<h5 class="mtbanner__subtitle mb-10 "><img src="assets/img/icon/star-icon-3.svg"
alt=""><span>New Arrival</span> <img src="assets/img/icon/star-icon-3.svg" alt=""></h5>
<h3 class="mtbanner__title mb-20">Organic raw green <br>
beans & seed</h3>
<p>Get 40% discount for new arrival</p>
<div class="mtbanner__btn mt-30">
<a href="shop.html" class="mt-btn"><i class="fa-solid fa-basket-shopping"></i> <span>Shop
Now</span></a>
</div>
</div>
<div class="mtbanner__img wow img-custom-anim-right" data-wow-duration="1.5s"
data-wow-delay="0.1s">
<img src="assets/img/banner/banner-1-1.png" alt="">
</div>
</div>
</div>
</div>
<div class="col-lg-6 mb-30">
<div class="mtbanner__wrapper p-relative">
<div class="mtbanner__item d-flex align-items-end"
data-background="assets/img/banner/banner-bg-1-2.jpg">
<div class="mtbanner__content wow img-custom-anim-left" data-wow-duration="1.5s"
data-wow-delay="0.1s">
<h5 class="mtbanner__subtitle mb-10"><img src="assets/img/icon/star-icon-3.svg"
alt=""><span>Hot Deals</span> <img src="assets/img/icon/star-icon-3.svg" alt=""></h5>
<h3 class="mtbanner__title mb-20">Organic Fruits and vegetables </h3>
<p>Get 30% discount for new arrival</p>
<div class="mtbanner__btn mt-30">
<a href="shop.html" class="mt-btn"><i class="fa-solid fa-basket-shopping"></i> <span>Shop
Now</span></a>
</div>
</div>
<div class="mtbanner__img wow img-custom-anim-right" data-wow-duration="1.5s"
data-wow-delay="0.1s">
<img src="assets/img/banner/banner-1-2.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Banner area -->
<!-- Start Hot area -->
<section class="mthot__product-area mthot__product-bg pt-40 pb-50 p-relative fix"
data-background="assets/img/bg/hot-bg-1-1.png">
<div class="container">
<div class="mthot__product-border mb-45 pb-7">
<div class="row align-items-center">
<div class="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-md-6">
<div class="mthot__product-wraping">
<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 mb-15">
<div class="row g-3">
<div class="col-lg-4">
<div class="mthot__product-offer" data-background="assets/img/banner/banner-1-3.jpg">
<div class="mthot__product-offfercontent wow img-custom-anim-left" data-wow-duration="1.5s"
data-wow-delay="0.1s">
<h5 class="mthot__product-offfersubtitle">30% Off</h5>
<h4 class="mthot__product-offfertitle mb-20 mt-20">
Fresh, premium drinks <br>
from the farm.
</h4>
<div class="mthot__product-offfer-btn">
<a href="shop.html" class="mt-btn">
<i class="fa-solid fa-basket-shopping"></i> Shop Now
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-8">
<div class="mthot__product-wrap">
<div class="row g-3">
<div class="col-xl-3 col-lg-4 col-md-6 mthot__cols">
<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-cate mb-10">
<span>1Kg</span>
<span>500Kg</span>
</div>
<h6 class="mthot__product-title mb-10 ">
<a href="product-details.html">local organic Green <br>
Broccoli</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 class="col-xl-3 col-lg-4 col-md-6 mthot__cols">
<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-cate mb-10">
<span>1Kg</span>
<span>500Kg</span>
</div>
<h6 class="mthot__product-title mb-10 ">
<a href="product-details.html">Fresh packaged Red Tomato</a>
</h6>
<div
class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
<div class="mthot__product-price">
<span>$25.22</span>
<del>$35.33</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 class="col-xl-3 col-lg-4 col-md-6 mthot__cols">
<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-cate mb-10">
<span>1Kg</span>
<span>500Kg</span>
</div>
<h6 class="mthot__product-title mb-10 ">
<a href="product-details.html">Green Seedless fresh Grapes </a>
</h6>
<div
class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
<div class="mthot__product-price">
<span>$12.54</span>
<del>$34.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 class="col-xl-3 col-lg-4 col-md-6 mthot__cols">
<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-cate mb-10">
<span>1Kg</span>
<span>500Kg</span>
</div>
<h6 class="mthot__product-title mb-10 ">
<a href="product-details.html">local organic Green Broccoli</a>
</h6>
<div
class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
<div class="mthot__product-price">
<span>$16.45</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 class="col-xl-3 col-lg-4 col-md-6 mthot__cols">
<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-cate mb-10">
<span>1Kg</span>
<span>500Kg</span>
</div>
<h6 class="mthot__product-title mb-10 ">
<a href="product-details.html">White Pumpkin - Each (appr 1.5 LB-2 LB)</a>
</h6>
<div
class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
<div class="mthot__product-price">
<span>$7.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 class="col-xl-3 col-lg-4 col-md-6 mthot__cols">
<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-cate mb-10">
<span>1Kg</span>
<span>500Kg</span>
</div>
<h6 class="mthot__product-title mb-10 ">
<a href="product-details.html">Everist Meat Masala 100 Gm</a>
</h6>
<div
class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
<div class="mthot__product-price">
<span>$6.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 class="col-xl-3 col-lg-4 col-md-6 mthot__cols">
<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-cate mb-10">
<span>1Kg</span>
<span>500Kg</span>
</div>
<h6 class="mthot__product-title mb-15 ">
<a href="product-details.html">Best Masoori dry indian Rice</a>
</h6>
<div
class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
<div class="mthot__product-price">
<span>$30.00</span>
<del>$34.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 class="col-xl-3 col-lg-4 col-md-6 mthot__cols">
<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-cate mb-10">
<span>1Kg</span>
<span>500Kg</span>
</div>
<h6 class="mthot__product-title mb-10 ">
<a href="product-details.html">Palak (Spinach) - Bunch</a>
</h6>
<div
class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
<div class="mthot__product-price">
<span>$18.00</span>
<del>$24.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 class="mthot__product-wrapper mb-20">
<div class="row g-3">
<div class="col-xl-2 col-lg-3 col-md-6 mthot__cols">
<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-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-cate mb-10">
<span>1Kg</span>
<span>500Kg</span>
</div>
<h6 class="mthot__product-title mb-10 ">
<a href="product-details.html">Organic Campa Yellow Bananas </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 class="col-xl-2 col-lg-3 col-md-6 mthot__cols">
<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-cate mb-10">
<span>1Kg</span>
<span>500Kg</span>
</div>
<h6 class="mthot__product-title mb-10 ">
<a href="product-details.html">Organic Packed green Cauliflower </a>
</h6>
<div class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
<div class="mthot__product-price">
<span>$22.00</span>
<del>$29.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 class="col-xl-2 col-lg-3 col-md-6 mthot__cols">
<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-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-cate mb-10">
<span>1Kg</span>
<span>500Kg</span>
</div>
<h6 class="mthot__product-title mb-10 ">
<a href="product-details.html">local organic Green Broccoli</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 class="col-xl-2 col-lg-3 col-md-6 mthot__cols">
<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-cate mb-10">
<span>1Kg</span>
<span>500Kg</span>
</div>
<h6 class="mthot__product-title mb-10 ">
<a href="product-details.html">Whole White fresh Mushrooms</a>
</h6>
<div class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
<div class="mthot__product-price">
<span>$20.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 class="col-xl-2 col-lg-3 col-md-6 mthot__cols">
<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-cate mb-10">
<span>1Kg</span>
<span>500Kg</span>
</div>
<h6 class="mthot__product-title mb-10 ">
<a href="product-details.html">Vadilal Fruits & Nuts Ice Cream</a>
</h6>
<div class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
<div class="mthot__product-price">
<span>$14.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 class="col-xl-2 col-lg-3 col-md-6 mthot__cols">
<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-cate mb-10">
<span>1Kg</span>
<span>500Kg</span>
</div>
<h6 class="mthot__product-title mb-10 ">
<a href="product-details.html">Long Beans - Bunch
Organic </a>
</h6>
<div class="mthot__product-price-wrap d-flex align-items-center justify-content-between">
<div class="mthot__product-price">
<span>$26.00</span>
<del>$36.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>
</section>
<!-- End Hot area -->
<!-- Start countdown Banner area -->
<section class="mtbanner__area mtbanner__2-bg pb-50 pt-80 mt-50 mb-55 p-relative fix"
data-background="assets/img/banner/banner-bg-2-1.jpg">
<div class="mtbanner__shape ">
<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 mb-30 ">
<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__img">
<img src="assets/img/banner/banner-2-1.png" alt="">
</div>
<div class="mtbanner__discount">
<img src="assets/img/banner/discount-1-1.png" alt="">
</div>
</div>
</div>
<div class="col-lg-6 mb-30">
<div class="mtbanner__wrapper mtbanner__2 p-relative wow img-custom-anim-right"
data-wow-duration="1.5s" data-wow-delay="0.1s">
<div class="mtbanner__item">
<div class="mtbanner__content">
<h5 class="mtbanner__subtitle mb-20">Hurry Up!<span>Offer End In</span> <img
src="assets/img/icon/star-icon-3.svg" alt=""></h5>
<div class="mtbanner__countdown mb-20 pb-20" 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>
<h3 class="mtbanner__title mb-20">Pure & Organic Fruits,
Veggies, and Meat</h3>
<p>Enjoy a massive 45% discount on your entire order. That's right, save big on your
favorite items and treat yourself to something special.</p>
<div class="mtbanner__btn mt-50">
<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>
</div>
</section>
<!-- End countdown Banner area -->
<!-- Start Popular Product Area -->
<section class="mtpopular__product-area pt-55 pb-120 p-relative fix">
<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-tab" 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">
<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-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-1.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Green Spinach</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$62.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-2.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
organic Green Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$20.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-3.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
lZesty Orange Mandarin</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$12.00</span>
<del>$20.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-4.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Sweet Purple Grapes</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$9.00</span>
<del>$16.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-5.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Yellow Corn</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$6.00</span>
<del>$12.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-6.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Tropical Yellow Pineapple</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$12.00</span>
<del>$15.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-7.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Green Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$10.00</span>
<del>$17.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-8.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Black Pepper</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$23.00</span>
<del>$36.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-9.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Creamy Yellow Banana</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$15.00</span>
<del>$22.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-10.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
White Potato</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$6.00</span>
<del>$9.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</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-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-13.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Green Spinach</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$62.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-12.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
organic Green Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$20.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-11.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
lZesty Orange Mandarin</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$12.00</span>
<del>$20.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-10.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Sweet Purple Grapes</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$9.00</span>
<del>$16.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-9.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Yellow Corn</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$6.00</span>
<del>$12.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-8.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Tropical Yellow Pineapple</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$12.00</span>
<del>$15.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-7.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Green Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$10.00</span>
<del>$17.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-6.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Black Pepper</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$23.00</span>
<del>$36.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-5.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Creamy Yellow Banana</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$15.00</span>
<del>$22.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-4.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
White Potato</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$6.00</span>
<del>$9.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</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-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-11.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Green Spinach</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$62.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-7.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
organic Green Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$20.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-13.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
lZesty Orange Mandarin</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$12.00</span>
<del>$20.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-4.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Sweet Purple Grapes</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$9.00</span>
<del>$16.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-5.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Yellow Corn</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$6.00</span>
<del>$12.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-6.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Tropical Yellow Pineapple</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$12.00</span>
<del>$15.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-7.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Green Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$10.00</span>
<del>$17.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-8.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Black Pepper</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$23.00</span>
<del>$36.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-9.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Creamy Yellow Banana</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$15.00</span>
<del>$22.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-10.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
White Potato</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$6.00</span>
<del>$9.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</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-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-10.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Green Spinach</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$62.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-9.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
organic Green Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$20.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-8.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
lZesty Orange Mandarin</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$12.00</span>
<del>$20.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-7.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Sweet Purple Grapes</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$9.00</span>
<del>$16.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-6.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Yellow Corn</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$6.00</span>
<del>$12.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-5.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Tropical Yellow Pineapple</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$12.00</span>
<del>$15.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-4.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Green Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$10.00</span>
<del>$17.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-13.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Black Pepper</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$23.00</span>
<del>$36.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-12.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Creamy Yellow Banana</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$15.00</span>
<del>$22.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-10.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
White Potato</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$6.00</span>
<del>$9.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</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-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-9.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Green Spinach</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$62.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-13.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
organic Green Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$20.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-12.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
lZesty Orange Mandarin</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$12.00</span>
<del>$20.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-8.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Sweet Purple Grapes</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$9.00</span>
<del>$16.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-5.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Yellow Corn</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$6.00</span>
<del>$12.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-6.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Tropical Yellow Pineapple</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$12.00</span>
<del>$15.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-7.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Green Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$10.00</span>
<del>$17.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-8.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Black Pepper</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$23.00</span>
<del>$36.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-9.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Creamy Yellow Banana</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$15.00</span>
<del>$22.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-10.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
White Potato</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$6.00</span>
<del>$9.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Popular Product Area -->
<!-- Start Flash Product Area -->
<section class="mtflash__product-area mtflash__product-bg pt-80 pb-110 p-relative fix"
data-background="assets/img/bg/flash-bg-1-1.png">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-8">
<div class="mt-section-content mb-45">
<h3 class="mt-section-title">
Flash Sale
<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 items. Limited time offers and
exclusive deals await!</p>
</div>
</div>
<div class="col-lg-6 col-md-4">
<div class="p-relative mb-45">
<div class="mtfeature__product-arrow 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="mt__flash-sell-product-wrapper">
<div class="swiper mtflash_product_active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mtflash__product-item p-relative fix">
<div class="mtflash__product-img mb-20">
<a href="product-details.html"><img src="assets/img/product/flash-1-1.jpg" alt=""></a>
<div class="mtflash__product-cart">
<a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
</div>
</div>
<div class="mtflash__product-content mb-10 d-flex align-items-center justify-content-around">
<div class="mtflash__product-text">
<h5 class="mtflash__product-title"><a href="product-details.html">Purple sweet <br>
delicious grape</a></h5>
</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>
<div class="mtflash__product-countdown mb-15" data-countdown data-date="Nov 19 2025 20:20:22">
<div class="countdown d-flex align-items-center">
<div class="mtflash__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="mtflash__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="mtflash__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="mtflash__product-countdown-item">
<span data-seconds class="seconds countdown-value">44</span>
<span class="countdown-label">Secs</span>
</div>
</div>
</div>
<div class="mtflash__product-category mb-15 d-flex align-items-center justify-content-around">
<div class="mtflash__product-price">
<span>$11.25</span>
<del>$20.18</del>
</div>
<div class="mtflash__product-cate">
<span>1kg</span>
<span>500g</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtflash__product-item p-relative fix">
<div class="mtflash__product-img mb-20">
<a href="product-details.html">
<img src="assets/img/product/flash-1-2.jpg" alt="">
</a>
<div class="mtflash__product-cart">
<a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
</div>
</div>
<div class="mtflash__product-content mb-10 d-flex align-items-center justify-content-around">
<div class="mtflash__product-text">
<h5 class="mtflash__product-title"><a href="product-details.html">Purple sweet <br>
delicious grape</a></h5>
</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>
<div class="mtflash__product-countdown mb-15" data-countdown data-date="Nov 19 2025 20:20:22">
<div class="countdown d-flex align-items-center">
<div class="mtflash__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="mtflash__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="mtflash__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="mtflash__product-countdown-item">
<span data-seconds class="seconds countdown-value">44</span>
<span class="countdown-label">Secs</span>
</div>
</div>
</div>
<div class="mtflash__product-category mb-15 d-flex align-items-center justify-content-around">
<div class="mtflash__product-price">
<span>$11.25</span>
<del>$20.18</del>
</div>
<div class="mtflash__product-cate">
<span>1kg</span>
<span>500g</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtflash__product-item p-relative fix">
<div class="mtflash__product-img mb-20">
<a href="product-details.html">
<img src="assets/img/product/flash-1-3.jpg" alt="">
</a>
<div class="mtflash__product-cart">
<a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
</div>
</div>
<div class="mtflash__product-content mb-10 d-flex align-items-center justify-content-around">
<div class="mtflash__product-text">
<h5 class="mtflash__product-title"><a href="product-details.html">Purple sweet <br>
delicious grape</a></h5>
</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>
<div class="mtflash__product-countdown mb-15" data-countdown data-date="Nov 19 2025 20:20:22">
<div class="countdown d-flex align-items-center">
<div class="mtflash__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="mtflash__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="mtflash__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="mtflash__product-countdown-item">
<span data-seconds class="seconds countdown-value">44</span>
<span class="countdown-label">Secs</span>
</div>
</div>
</div>
<div class="mtflash__product-category mb-15 d-flex align-items-center justify-content-around">
<div class="mtflash__product-price">
<span>$11.25</span>
<del>$20.18</del>
</div>
<div class="mtflash__product-cate">
<span>1kg</span>
<span>500g</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtflash__product-item p-relative fix">
<div class="mtflash__product-img mb-20">
<a href="product-details.html">
<img src="assets/img/product/flash-1-4.jpg" alt="">
</a>
<div class="mtflash__product-cart">
<a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
</div>
</div>
<div class="mtflash__product-content mb-10 d-flex align-items-center justify-content-around">
<div class="mtflash__product-text">
<h5 class="mtflash__product-title"><a href="product-details.html">Purple sweet <br>
delicious grape</a></h5>
</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>
<div class="mtflash__product-countdown mb-15" data-countdown data-date="Nov 19 2025 20:20:22">
<div class="countdown d-flex align-items-center">
<div class="mtflash__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="mtflash__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="mtflash__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="mtflash__product-countdown-item">
<span data-seconds class="seconds countdown-value">44</span>
<span class="countdown-label">Secs</span>
</div>
</div>
</div>
<div class="mtflash__product-category mb-15 d-flex align-items-center justify-content-around">
<div class="mtflash__product-price">
<span>$11.25</span>
<del>$20.18</del>
</div>
<div class="mtflash__product-cate">
<span>1kg</span>
<span>500g</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtflash__product-item p-relative fix">
<div class="mtflash__product-img mb-20">
<a href="product-details.html">
<img src="assets/img/product/flash-1-5.jpg" alt="">
</a>
<div class="mtflash__product-cart">
<a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
</div>
</div>
<div class="mtflash__product-content mb-10 d-flex align-items-center justify-content-around">
<div class="mtflash__product-text">
<h5 class="mtflash__product-title"><a href="product-details.html">Purple sweet <br>
delicious grape</a></h5>
</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>
<div class="mtflash__product-countdown mb-15" data-countdown data-date="Nov 19 2025 20:20:22">
<div class="countdown d-flex align-items-center">
<div class="mtflash__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="mtflash__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="mtflash__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="mtflash__product-countdown-item">
<span data-seconds class="seconds countdown-value">44</span>
<span class="countdown-label">Secs</span>
</div>
</div>
</div>
<div class="mtflash__product-category mb-15 d-flex align-items-center justify-content-around">
<div class="mtflash__product-price">
<span>$11.25</span>
<del>$20.18</del>
</div>
<div class="mtflash__product-cate">
<span>1kg</span>
<span>500g</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtflash__product-item p-relative fix">
<div class="mtflash__product-img mb-20">
<a href="product-details.html">
<img src="assets/img/product/flash-1-6.jpg" alt="">
</a>
<div class="mtflash__product-cart">
<a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
</div>
</div>
<div class="mtflash__product-content mb-10 d-flex align-items-center justify-content-around">
<div class="mtflash__product-text">
<h5 class="mtflash__product-title"><a href="product-details.html">Purple sweet <br>
delicious grape</a></h5>
</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>
<div class="mtflash__product-countdown mb-15" data-countdown data-date="Nov 19 2025 20:20:22">
<div class="countdown d-flex align-items-center">
<div class="mtflash__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="mtflash__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="mtflash__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="mtflash__product-countdown-item">
<span data-seconds class="seconds countdown-value">44</span>
<span class="countdown-label">Secs</span>
</div>
</div>
</div>
<div class="mtflash__product-category mb-15 d-flex align-items-center justify-content-around">
<div class="mtflash__product-price">
<span>$11.25</span>
<del>$20.18</del>
</div>
<div class="mtflash__product-cate">
<span>1kg</span>
<span>500g</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtflash__product-item p-relative fix">
<div class="mtflash__product-img mb-20">
<a href="product-details.html">
<img src="assets/img/product/flash-1-7.jpg" alt="">
</a>
<div class="mtflash__product-cart">
<a href="cart.html"><i class="fa-solid fa-basket-shopping"></i></a>
</div>
</div>
<div class="mtflash__product-content mb-10 d-flex align-items-center justify-content-around">
<div class="mtflash__product-text">
<h5 class="mtflash__product-title"><a href="product-details.html">Purple sweet <br>
delicious grape</a></h5>
</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>
<div class="mtflash__product-countdown mb-15" data-countdown data-date="Nov 19 2025 20:20:22">
<div class="countdown d-flex align-items-center">
<div class="mtflash__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="mtflash__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="mtflash__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="mtflash__product-countdown-item">
<span data-seconds class="seconds countdown-value">44</span>
<span class="countdown-label">Secs</span>
</div>
</div>
</div>
<div class="mtflash__product-category mb-15 d-flex align-items-center justify-content-around">
<div class="mtflash__product-price">
<span>$11.25</span>
<del>$20.18</del>
</div>
<div class="mtflash__product-cate">
<span>1kg</span>
<span>500g</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Flash Product Area -->
<!-- Start Banner area -->
<section class="mtbanner__area mtbanner__3 pb-50 pt-60 p-relative fix"
data-background="assets/img/banner/banner-bg-3-1.png">
<div class="container">
<div class="row">
<div class="col-lg-4 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-3-1.png">
<div class="mtbanner__item wow img-custom-anim-left" data-wow-duration="1.5s"
data-wow-delay="0.5s">
<h5 class="mtbanner__subtitle mb-10">20% off</h5>
<h3 class="mtbanner__title mb-10">Daily Breakfast Items &
Beverages</h3>
<div class="mtbanner__btn mt-30">
<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 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-3-2.png">
<div class="mtbanner__item wow img-custom-anim-left" data-wow-duration="1.5s"
data-wow-delay="0.5s">
<h5 class="mtbanner__subtitle mb-10">40% off</h5>
<h3 class="mtbanner__title mb-10">Healthy organic dry
gains foods</h3>
<div class="mtbanner__btn mt-30">
<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 mb-30">
<div class="mtbanner__wrapper p-relative wow img-custom-anim-left" data-wow-duration="1.5s"
data-wow-delay="0.9s" data-background="assets/img/banner/banner-3-3.png">
<div class="mtbanner__item wow img-custom-anim-left" data-wow-duration="1.5s"
data-wow-delay="0.9s">
<h5 class="mtbanner__subtitle mb-10">30% Off</h5>
<h3 class="mtbanner__title mb-10">New Pet Arrivals Food & Accessories</h3>
<div class="mtbanner__btn mt-30">
<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 Recent Product Area -->
<section class="mtrecent__product-area mtrecent__product-bg pb-50 pt-50 p-relative fix"
data-background="assets/img/bg/recent-1-1.png">
<div class="mtrecent__product-watermark">
<h2 class="mtrecent__product-watermarktitle">ROSUN</h2>
</div>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-8">
<div class="mt-section-content mb-45">
<h3 class="mt-section-title">
Recently
<span>Added</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-4">
<div class="mtrecent__product-viewall mb-45 text-md-end">
<a href="shop.html" class="mt-btn"> View All </a>
</div>
</div>
</div>
<div class="mtrecent__product-wrapper mb-90">
<div class="row g-3 align-items-center">
<div class="col-xl-8 col-lg-7">
<div class="mtrecent__product-left">
<div class="row g-3">
<div class="col-xl-6 ">
<div class="mtrecent__product-left-wrap">
<div
class="mtrecent__product-item p-relative fix d-flex align-items-center justify-content-between">
<div class="mtrecent__product-img">
<a href="#"><img src="assets/img/product/recent-1-1.png" alt=""></a>
</div>
<div class="mtrecent__product-content">
<div class="mtrecent__product-category d-flex justify-content-between">
<div class="mtrecent__product-price mb-6">
<span>$10.00</span>
<i>/1KG</i>
</div>
<div class="mtrecent__product-wishlist">
<a href="wishlist.html"><i class="fa-regular fa-heart"></i></a>
</div>
</div>
<h4 class="mtrecent__product-title mb-20">
<a href="product-details.html">local organic Green <br>
Broccoli</a>
</h4>
<div
class="mtrecent__product-count-wrap d-flex align-items-center justify-content-between">
<div class="mt-shop-details__quantity proquantity">
<div class="mt-cart-minus mt-cart-min-plus"><i class="fal fa-minus"></i>
</div>
<input type="text" value="01">
<div class="mt-cart-plus mt-cart-min-plus"><i class="fal fa-plus"></i>
</div>
</div>
<div class="mtrecent__product-rating">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="mtrecent__product-left-wrap">
<div
class="mtrecent__product-item p-relative fix d-flex align-items-center justify-content-between">
<div class="mtrecent__product-img">
<a href="#"><img src="assets/img/product/recent-1-2.png" alt=""></a>
</div>
<div class="mtrecent__product-content">
<div class="mtrecent__product-category d-flex justify-content-between">
<div class="mtrecent__product-price mb-6">
<span>$9.00</span>
<i>/1KG</i>
</div>
<div class="mtrecent__product-wishlist">
<a href="wishlist.html"><i class="fa-regular fa-heart"></i></a>
</div>
</div>
<h4 class="mtrecent__product-title mb-20">
<a href="product-details.html">Packaged Whole White <br> Mushrooms </a>
</h4>
<div
class="mtrecent__product-count-wrap d-flex align-items-center justify-content-between">
<div class="mt-shop-details__quantity proquantity">
<div class="mt-cart-minus mt-cart-min-plus"><i class="fal fa-minus"></i>
</div>
<input type="text" value="01">
<div class="mt-cart-plus mt-cart-min-plus"><i class="fal fa-plus"></i>
</div>
</div>
<div class="mtrecent__product-rating">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="mtrecent__product-left-wrap">
<div
class="mtrecent__product-item p-relative fix d-flex align-items-center justify-content-between">
<div class="mtrecent__product-img">
<a href="#"><img src="assets/img/product/recent-1-3.png" alt=""></a>
</div>
<div class="mtrecent__product-content">
<div class="mtrecent__product-category d-flex justify-content-between">
<div class="mtrecent__product-price mb-6">
<span>$17.00</span>
<i>/1KG</i>
</div>
<div class="mtrecent__product-wishlist">
<a href="wishlist.html"><i class="fa-regular fa-heart"></i></a>
</div>
</div>
<h4 class="mtrecent__product-title mb-20">
<a href="product-details.html">Yellow Organic Local <br>
Bananas</a>
</h4>
<div
class="mtrecent__product-count-wrap d-flex align-items-center justify-content-between">
<div class="mt-shop-details__quantity proquantity">
<div class="mt-cart-minus mt-cart-min-plus"><i class="fal fa-minus"></i>
</div>
<input type="text" value="01">
<div class="mt-cart-plus mt-cart-min-plus"><i class="fal fa-plus"></i>
</div>
</div>
<div class="mtrecent__product-rating">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="mtrecent__product-left-wrap">
<div
class="mtrecent__product-item p-relative fix d-flex align-items-center justify-content-between">
<div class="mtrecent__product-img">
<a href="#"><img src="assets/img/product/recent-1-4.png" alt=""></a>
</div>
<div class="mtrecent__product-content">
<div class="mtrecent__product-category d-flex justify-content-between">
<div class="mtrecent__product-price mb-6">
<span>$13.00</span>
<i>/1KG</i>
</div>
<div class="mtrecent__product-wishlist">
<a href="wishlist.html"><i class="fa-regular fa-heart"></i></a>
</div>
</div>
<h4 class="mtrecent__product-title mb-20">
<a href="product-details.html">local organic Green <br>
Broccoli</a>
</h4>
<div
class="mtrecent__product-count-wrap d-flex align-items-center justify-content-between">
<div class="mt-shop-details__quantity proquantity">
<div class="mt-cart-minus mt-cart-min-plus"><i class="fal fa-minus"></i>
</div>
<input type="text" value="01">
<div class="mt-cart-plus mt-cart-min-plus"><i class="fal fa-plus"></i>
</div>
</div>
<div class="mtrecent__product-rating">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="mtrecent__product-left-wrap">
<div
class="mtrecent__product-item p-relative fix d-flex align-items-center justify-content-between">
<div class="mtrecent__product-img">
<a href="#"><img src="assets/img/product/recent-1-5.png" alt=""></a>
</div>
<div class="mtrecent__product-content">
<div class="mtrecent__product-category d-flex justify-content-between">
<div class="mtrecent__product-price mb-6">
<span>$16.00</span>
<i>/1KG</i>
</div>
<div class="mtrecent__product-wishlist">
<a href="wishlist.html"><i class="fa-regular fa-heart"></i></a>
</div>
</div>
<h4 class="mtrecent__product-title mb-20">
<a href="product-details.html">Fresh packaged <br>
Red Tomato</a>
</h4>
<div
class="mtrecent__product-count-wrap d-flex align-items-center justify-content-between">
<div class="mt-shop-details__quantity proquantity">
<div class="mt-cart-minus mt-cart-min-plus"><i class="fal fa-minus"></i>
</div>
<input type="text" value="01">
<div class="mt-cart-plus mt-cart-min-plus"><i class="fal fa-plus"></i>
</div>
</div>
<div class="mtrecent__product-rating">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="mtrecent__product-left-wrap">
<div
class="mtrecent__product-item p-relative fix d-flex align-items-center justify-content-between">
<div class="mtrecent__product-img">
<a href="#"><img src="assets/img/product/recent-1-6.png" alt=""></a>
</div>
<div class="mtrecent__product-content">
<div class="mtrecent__product-category d-flex justify-content-between">
<div class="mtrecent__product-price mb-6">
<span>$19.00</span>
<i>/1KG</i>
</div>
<div class="mtrecent__product-wishlist">
<a href="wishlist.html"><i class="fa-regular fa-heart"></i></a>
</div>
</div>
<h4 class="mtrecent__product-title mb-20">
<a href="product-details.html">Organic Campa Yellow <br> Bananas </a>
</h4>
<div
class="mtrecent__product-count-wrap d-flex align-items-center justify-content-between">
<div class="mt-shop-details__quantity proquantity">
<div class="mt-cart-minus mt-cart-min-plus"><i class="fal fa-minus"></i>
</div>
<input type="text" value="01">
<div class="mt-cart-plus mt-cart-min-plus"><i class="fal fa-plus"></i>
</div>
</div>
<div class="mtrecent__product-rating">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="mtrecent__product-left-wrap">
<div
class="mtrecent__product-item p-relative fix d-flex align-items-center justify-content-between">
<div class="mtrecent__product-img">
<a href="#"><img src="assets/img/product/recent-1-7.png" alt=""></a>
</div>
<div class="mtrecent__product-content">
<div class="mtrecent__product-category d-flex justify-content-between">
<div class="mtrecent__product-price mb-6">
<span>$30.00</span>
<i>/1KG</i>
</div>
<div class="mtrecent__product-wishlist">
<a href="wishlist.html"><i class="fa-regular fa-heart"></i></a>
</div>
</div>
<h4 class="mtrecent__product-title mb-20">
<a href="product-details.html">Everest Meat Curry <br>
Masala 100m</a>
</h4>
<div
class="mtrecent__product-count-wrap d-flex align-items-center justify-content-between">
<div class="mt-shop-details__quantity proquantity">
<div class="mt-cart-minus mt-cart-min-plus"><i class="fal fa-minus"></i>
</div>
<input type="text" value="01">
<div class="mt-cart-plus mt-cart-min-plus"><i class="fal fa-plus"></i>
</div>
</div>
<div class="mtrecent__product-rating">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="mtrecent__product-left-wrap">
<div
class="mtrecent__product-item p-relative fix d-flex align-items-center justify-content-between">
<div class="mtrecent__product-img">
<a href="#"><img src="assets/img/product/recent-1-8.png" alt=""></a>
</div>
<div class="mtrecent__product-content">
<div class="mtrecent__product-category d-flex justify-content-between">
<div class="mtrecent__product-price mb-6">
<span>$10.00</span>
<i>/1KG</i>
</div>
<div class="mtrecent__product-wishlist">
<a href="wishlist.html"><i class="fa-regular fa-heart"></i></a>
</div>
</div>
<h4 class="mtrecent__product-title mb-20">
<a href="product-details.html">Tropical Yellow <br>
Pineapple</a>
</h4>
<div
class="mtrecent__product-count-wrap d-flex align-items-center justify-content-between">
<div class="mt-shop-details__quantity proquantity">
<div class="mt-cart-minus mt-cart-min-plus"><i class="fal fa-minus"></i>
</div>
<input type="text" value="01">
<div class="mt-cart-plus mt-cart-min-plus"><i class="fal fa-plus"></i>
</div>
</div>
<div class="mtrecent__product-rating">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-5">
<div class="mtrecent__product-right p-relative fix text-center">
<div class="mtrecent__product-offer">
<div class="mtrecent__product-offer-img mb-20 p-relative fix wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.1s">
<h4 class="mtrecent__product-offertitle"><span>Best Sell</span></h4>
<a href="product-details.html">
<img src="assets/img/product/recent-big-1-1.png" alt="Rosun">
</a>
</div>
<div class="mtrecent__product-offer-price mb-20 text-center">
<span>$16.00</span>
<del>$56.00</del>
</div>
<div class="mtrecent__product-offer-wrap mb-10 text-center">
<h4 class="mtrecent__product-offer-title">
<a href="product-details.html">Juicy Sweet Mango and <br>
Green Broccoli
</a>
</h4>
</div>
<div class="mtrecent__product-offer-review mb-20 text-center">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtrecent__product-offer-cate mb-30 text-center">
<span>1kg</span>
<span>500g</span>
</div>
<div
class="mtrecent__product-offer-btn mb-20 d-flex justify-content-center align-items-center">
<div class="offer-view">
<a href="product-details.html"><i class="fa-sharp fa-regular fa-eye"></i></a>
</div>
<div class="offer-cart ml-10 mr-10">
<a href="shop.html" class="mt-btn">
<i class="fa-solid fa-basket-shopping"></i> Shop Now
</a>
</div>
<div class="offer-wishlist">
<a href="wishlist.html"><i class="fa-regular fa-heart"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mttop__product-area">
<div class="container">
<!-- Top Sale -->
<div class="mttop__product-main mb-80">
<div class="cols">
<div class="mttop__product-category">
<div class="mttop__product-category-wrap mb-25">
<h3 class="mttop__product-cattitle">Top Selling</h3>
</div>
<div class="mttop__product-categories-item">
<ul class="flex-column nav-pills mb-65" id="v-pills-tab2" role="tablist"
aria-orientation="vertical">
<li class="nav-link active mt-cat-sale" id="mt-milk-sugars1" data-bs-toggle="pill"
data-bs-target="#mt-milk-sugar1" role="tab" aria-controls="mt-milk-sugar1"
aria-selected="true">
Milk & Sugar
</li>
<li class="nav-link mt-cat-sale" id="mt-grocery-items1" data-bs-toggle="pill"
data-bs-target="#mt-grocery-item1" role="tab" aria-controls="mt-grocery-item1"
aria-selected="true">
Grocery Items
</li>
<li class="nav-link mt-cat-sale" id="mt-meat-chickens1" data-bs-toggle="pill"
data-bs-target="#mt-meat-chicken1" role="tab" aria-controls="mt-meat-chicken1"
aria-selected="true">
Meat & Chicken
</li>
<li class="nav-link mt-cat-sale" id="mt-fresh-vegetabless1" data-bs-toggle="pill"
data-bs-target="#mt-fresh-vegetables1" role="tab" aria-controls="mt-fresh-vegetables1"
aria-selected="true">
Fresh Vegetables
</li>
<li class="nav-link mt-cat-sale" id="mt-organic-foods1" data-bs-toggle="pill"
data-bs-target="#mt-organic-food1" role="tab" aria-controls="mt-organic-food1"
aria-selected="true">
Organic Food
</li>
</ul>
<div class="mttop__product-slider-wrap">
<div class="mttop__product-slider-left">
<span>
<i class="fa-regular fa-angle-left"></i>
</span>
</div>
<div class="mttop__product-slider-right">
<span>
<i class="fa-regular fa-angle-right"></i>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="mttop__product-slider-wrapper">
<div class="tab-content" id="v-pills-tabContent_012">
<div class="tab-pane fade show active" id="mt-milk-sugar1" role="tabpanel"
aria-labelledby="mt-milk-sugars1">
<div class="mttop__product-slider-wrap">
<div class="swiper mttop_product_active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-1.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Green Spinach</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-2.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
organic Green Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$20.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-3.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Zesty Orange Mandarin</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$15.00</span>
<del>$20.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-4.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Sweet Purple Grapes</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$12.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-5.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
local Green
Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-8.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Tropical Yellow Pineapple</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$21.00</span>
<del>$29.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="mt-grocery-item1" role="tabpanel"
aria-labelledby="mt-grocery-items1">
<div class="mttop__product-slider-wrap">
<div class="swiper mttop_product_active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-13.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Green Spinach</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-12.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
organic Green Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$20.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-11.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Zesty Orange Mandarin</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$15.00</span>
<del>$20.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-10.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Sweet Purple Grapes</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$12.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-9.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
local Green
Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-8.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Tropical Yellow Pineapple</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$21.00</span>
<del>$29.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="mt-meat-chicken1" role="tabpanel"
aria-labelledby="mt-meat-chickens1">
<div class="mttop__product-slider-wrap">
<div class="swiper mttop_product_active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-9.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Green Spinach</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-8.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
organic Green Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$20.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-7.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Zesty Orange Mandarin</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$15.00</span>
<del>$20.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-6.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Sweet Purple Grapes</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$12.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-5.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
local Green
Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-4.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Tropical Yellow Pineapple</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$21.00</span>
<del>$29.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="mt-fresh-vegetables1" role="tabpanel"
aria-labelledby="mt-fresh-vegetabless1">
<div class="mttop__product-slider-wrap">
<div class="swiper mttop_product_active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-2.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Green Spinach</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-3.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
organic Green Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$20.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-4.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Zesty Orange Mandarin</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$15.00</span>
<del>$20.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-5.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Sweet Purple Grapes</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$12.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-6.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
local Green
Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-7.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Tropical Yellow Pineapple</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$21.00</span>
<del>$29.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="mt-organic-food1" role="tabpanel"
aria-labelledby="mt-organic-foods1">
<div class="mttop__product-slider-wrap">
<div class="swiper mttop_product_active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-12.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Green Spinach</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-11.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
organic Green Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$20.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-13.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Zesty Orange Mandarin</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$15.00</span>
<del>$20.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-9.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Sweet Purple Grapes</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$12.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-8.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
local Green
Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-7.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Tropical Yellow Pineapple</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$21.00</span>
<del>$29.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Flash Sale -->
<div class="mttop__product-main mttop__product-flash-main mb-75">
<div class="cols">
<div class="mttop__product-category">
<div class="mttop__product-category-wrap mb-25">
<h3 class="mttop__product-cattitle">Flash Sale</h3>
</div>
<div class="mttop__product-categories-item">
<ul class="flex-column nav-pills mb-65" id="v-pills-tab1" role="tablist"
aria-orientation="vertical">
<li class="nav-link active mt-cat-sale" id="mt-flash-1" data-bs-toggle="pill"
data-bs-target="#mt-flashs1" role="tab" aria-controls="mt-flashs1"
aria-selected="true">
Milk & Sugar
</li>
<li class="nav-link mt-cat-sale" id="mt-flash-2" data-bs-toggle="pill"
data-bs-target="#mt-flashs2" role="tab" aria-controls="mt-flashs2"
aria-selected="true">
Grocery Items
</li>
<li class="nav-link mt-cat-sale" id="mt-flash-3" data-bs-toggle="pill"
data-bs-target="#mt-flashs3" role="tab" aria-controls="mt-flashs3"
aria-selected="true">
Meat & Chicken
</li>
<li class="nav-link mt-cat-sale" id="mt-flash-4" data-bs-toggle="pill"
data-bs-target="#mt-flashs4" role="tab" aria-controls="mt-flashs4"
aria-selected="true">
Fresh Vegetables
</li>
<li class="nav-link mt-cat-sale" id="mt-flash-5" data-bs-toggle="pill"
data-bs-target="#mt-flashs5" role="tab" aria-controls="mt-flashs5"
aria-selected="true">
Organic Food
</li>
</ul>
<div class="mtflashsale__product-slider-wrap">
<div class="mtflashsale__product-slider-left">
<span>
<i class="fa-regular fa-angle-left"></i>
</span>
</div>
<div class="mtflashsale__product-slider-right">
<span>
<i class="fa-regular fa-angle-right"></i>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="mttop__product-slider-wrapper">
<div class="tab-content" id="v-pills-tabContent_02">
<div class="tab-pane fade show active" id="mt-flashs1" role="tabpanel"
aria-labelledby="mt-flash-1">
<div class="mttop__product-slider-wrap">
<div class="swiper mtflashsale_product_active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-12.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Green Spinach</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-11.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
organic Green Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$20.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-13.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Zesty Orange Mandarin</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$15.00</span>
<del>$20.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-9.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Sweet Purple Grapes</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$12.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-8.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
local Green
Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-7.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Tropical Yellow Pineapple</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$21.00</span>
<del>$29.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="mt-flashs2" role="tabpanel" aria-labelledby="mt-flash-2">
<div class="mttop__product-slider-wrap">
<div class="swiper mtflashsale_product_active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-2.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Green Spinach</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-3.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
organic Green Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$20.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-4.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Zesty Orange Mandarin</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$15.00</span>
<del>$20.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-5.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Sweet Purple Grapes</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$12.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-6.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
local Green
Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-7.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Tropical Yellow Pineapple</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$21.00</span>
<del>$29.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="mt-flashs3" role="tabpanel" aria-labelledby="mt-flash-3">
<div class="mttop__product-slider-wrap">
<div class="swiper mtflashsale_product_active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-9.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Green Spinach</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-8.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
organic Green Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$20.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-7.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Zesty Orange Mandarin</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$15.00</span>
<del>$20.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-6.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Sweet Purple Grapes</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$12.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-5.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
local Green
Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-4.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Tropical Yellow Pineapple</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$21.00</span>
<del>$29.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="mt-flashs4" role="tabpanel" aria-labelledby="mt-flash-4">
<div class="mttop__product-slider-wrap">
<div class="swiper mtflashsale_product_active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-13.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Green Spinach</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-12.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
organic Green Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$20.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-11.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Zesty Orange Mandarin</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$15.00</span>
<del>$20.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-10.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Sweet Purple Grapes</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$12.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-9.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
local Green
Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-8.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Tropical Yellow Pineapple</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$21.00</span>
<del>$29.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="mt-flashs5" role="tabpanel" aria-labelledby="mt-flash-5">
<div class="mttop__product-slider-wrap">
<div class="swiper mtflashsale_product_active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-1.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Green Spinach</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-2.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
organic Green Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$20.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-3.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Zesty Orange Mandarin</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$15.00</span>
<del>$20.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-4.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Sweet Purple Grapes</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$12.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-5.jpg" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
local Green
Broccoli</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$29.00</span>
<del>$26.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtfeature__product-item p-relative fix">
<div class="mtfeature__product-shape">
<img src="assets/img/product/feature-shape-1.png" alt="">
</div>
<div class="mtfeature__product-offer">
<span>40% <br>OFF</span>
</div>
<div class="mtfeature__product-img mb-15">
<a href="product-details.html">
<img src="assets/img/product/feature-1-8.png" alt="Rosun">
</a>
</div>
<div class="mtfeature__product-content mb-15">
<span>500 gm</span>
<h5 class="mtfeature__product-title">
<a href="product-details.html">
Tropical Yellow Pineapple</a>
</h5>
</div>
<div class="mtfeature__product-rating mb-15">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mtfeature__product-price mb-15">
<span>$21.00</span>
<del>$29.00</del>
</div>
<div class="mtfeature__product-btn">
<a href="cart.html" class="mt-btn-3">Add To Cart</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Recent Product Area -->
<!-- Start Testimonial Area -->
<section class="mttestimonial__area mttestimonial__bg pt-80 pb-115 p-relative fix"
data-background="assets/img/testimonial/testimonial-bg.jpg">
<div class="mttestimonial__shape-wrap ">
<div class="mttestimonial__shape">
<img src="assets/img/testimonial/shape-1-1.png" alt="">
</div>
<div class="mttestimonial__shape-2">
<img src="assets/img/testimonial/shape-1-2.png" alt="">
</div>
</div>
<div class="container">
<div class="mt-section-content mb-30 text-center">
<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 class="row justify-content-center">
<div class="col-xl-8">
<div class="mttestimonial__wrapper p-relative pl-30 pr-30">
<div class="swiper mt-testimonial-active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mttestimonial__item p-relative fix text-center">
<div class="mttestimonial__shape-wrap ">
<div class="mttestimonial__shape-3">
<img src="assets/img/testimonial/shape-1-3.png" alt="">
</div>
<div class="mttestimonial__shape-4">
<img src="assets/img/testimonial/qoute.png" alt="">
</div>
</div>
<div class="mttestimonial__ratting mb-20">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mttestimonial__content">
<p>oshun Grocery Shop is a fantastic local store! They have a <br> great selection
of
fresh produce, quality meats, and a wide <br> variety of pantry staples. The
staff is
friendly and helpful, <br> and the prices are reasonable.</p>
<div
class="mttestimonial__author mt-30 d-flex align-items-center justify-content-center">
<div class="mttestimonial__author-img">
<img src="assets/img/testimonial/author.jpg" alt="">
</div>
<div class="mttestimonial__author-text">
<h5 class="mttestimonial__author-title">Thomas Alison</h5>
<span>CEO and Founder</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mttestimonial__item p-relative fix text-center">
<div class="mttestimonial__shape-wrap ">
<div class="mttestimonial__shape-3">
<img src="assets/img/testimonial/shape-1-3.png" alt="">
</div>
<div class="mttestimonial__shape-4">
<img src="assets/img/testimonial/qoute.png" alt="">
</div>
</div>
<div class="mttestimonial__ratting mb-20">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mttestimonial__content">
<p>oshun Grocery Shop is a fantastic local store! They have a <br> great selection
of
fresh produce, quality meats, and a wide <br> variety of pantry staples. The
staff is
friendly and helpful, <br> and the prices are reasonable.</p>
<div
class="mttestimonial__author mt-30 d-flex align-items-center justify-content-center">
<div class="mttestimonial__author-img">
<img src="assets/img/testimonial/author-2.jpg" alt="">
</div>
<div class="mttestimonial__author-text">
<h5 class="mttestimonial__author-title">Jonson Taylor</h5>
<span>CEO and Founder</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mttestimonial__item p-relative fix text-center">
<div class="mttestimonial__shape-wrap ">
<div class="mttestimonial__shape-3">
<img src="assets/img/testimonial/shape-1-3.png" alt="">
</div>
<div class="mttestimonial__shape-4">
<img src="assets/img/testimonial/qoute.png" alt="">
</div>
</div>
<div class="mttestimonial__ratting mb-20">
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
<a href="#"><i class="fa-solid fa-star-sharp"></i></a>
</div>
<div class="mttestimonial__content">
<p>oshun Grocery Shop is a fantastic local store! They have a <br> great selection
of
fresh produce, quality meats, and a wide <br> variety of pantry staples. The
staff is
friendly and helpful, <br> and the prices are reasonable.</p>
<div
class="mttestimonial__author mt-30 d-flex align-items-center justify-content-center">
<div class="mttestimonial__author-img">
<img src="assets/img/testimonial/author.jpg" alt="">
</div>
<div class="mttestimonial__author-text">
<h5 class="mttestimonial__author-title">Thomas Alison</h5>
<span>CEO and Founder</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mttestimonial__arrow">
<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>
</div>
</section>
<!-- End Testimonial Area -->
<!-- Start Blog Area -->
<section class="mtblog__area p-relative fix pt-115 pb-120">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-8">
<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 col-md-4">
<div class="p-relative">
<div class="mtblog__arrow mb-30 d-flex justify-content-md-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 p-relative">
<div class="mtblog__thumb br-8 mb-10 p-relative">
<a href="blog-details.html">
<img src="assets/img/blog/blog-1-1.jpg" alt="Rosun">
</a>
<div class="mtblog__date">
<span><i class="fa-regular fa-calendar-days"></i>24 Mar
2025</span>
</div>
</div>
<div class="mtblog__content">
<div class="mtblog__meta mb-6">
<span><i class="fa-light fa-user"></i>By Mitchel</span>
<cite>
<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>
</cite>
<span><i class="fa-sharp fa-light fa-comment"></i>24 Comments</span>
</div>
<h4 class="mtblog__title mb-20"><a href="blog-details.html">
How to find Best Quality Fresh <br> Meat & Seafood
</a></h4>
<div class="mtblog__btn">
<a href="blog-details.html">Reed More <i
class="fa-regular fa-arrow-up-right-from-square"></i></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtblog__item p-relative">
<div class="mtblog__thumb br-8 mb-10 p-relative">
<a href="blog-details.html">
<img src="assets/img/blog/blog-1-2.jpg" alt="Rosun">
</a>
<div class="mtblog__date">
<span><i class="fa-regular fa-calendar-days"></i>24 Mar
2025</span>
</div>
</div>
<div class="mtblog__content">
<div class="mtblog__meta mb-6">
<span><i class="fa-light fa-user"></i>By Mitchel</span>
<cite>
<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>
</cite>
<span><i class="fa-sharp fa-light fa-comment"></i>24 Comments</span>
</div>
<h4 class="mtblog__title mb-20"><a href="blog-details.html">
Fuel Your Life Healthy Eating Starts Here
</a></h4>
<div class="mtblog__btn">
<a href="blog-details.html">Reed More <i
class="fa-regular fa-arrow-up-right-from-square"></i></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtblog__item p-relative">
<div class="mtblog__thumb br-8 mb-10 p-relative">
<a href="blog-details.html">
<img src="assets/img/blog/blog-1-3.jpg" alt="Rosun">
</a>
<div class="mtblog__date">
<span><i class="fa-regular fa-calendar-days"></i>24 Mar
2025</span>
</div>
</div>
<div class="mtblog__content">
<div class="mtblog__meta mb-6">
<span><i class="fa-light fa-user"></i>By Mitchel</span>
<cite>
<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>
</cite>
<span><i class="fa-sharp fa-light fa-comment"></i>24 Comments</span>
</div>
<h4 class="mtblog__title mb-20"><a href="blog-details.html">
Elevate Your Everyday with Our Grocery Selection
</a></h4>
<div class="mtblog__btn">
<a href="blog-details.html">Reed More <i
class="fa-regular fa-arrow-up-right-from-square"></i></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtblog__item p-relative">
<div class="mtblog__thumb br-8 mb-10 p-relative">
<a href="blog-details.html">
<img src="assets/img/blog/blog-1-4.jpg" alt="Rosun">
</a>
<div class="mtblog__date">
<span><i class="fa-regular fa-calendar-days"></i>24 Mar
2025</span>
</div>
</div>
<div class="mtblog__content">
<div class="mtblog__meta mb-6">
<span><i class="fa-light fa-user"></i>By Mitchel</span>
<cite>
<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>
</cite>
<span><i class="fa-sharp fa-light fa-comment"></i>24 Comments</span>
</div>
<h4 class="mtblog__title mb-20"><a href="blog-details.html">
Your Pantry's New Best Friend: Grocery Shopping Made Easy
</a></h4>
<div class="mtblog__btn">
<a href="blog-details.html">Reed More <i
class="fa-regular fa-arrow-up-right-from-square"></i></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtblog__item p-relative">
<div class="mtblog__thumb br-8 mb-10 p-relative">
<a href="blog-details.html">
<img src="assets/img/blog/blog-1-3.jpg" alt="Rosun">
</a>
<div class="mtblog__date">
<span><i class="fa-regular fa-calendar-days"></i>24 Mar
2025</span>
</div>
</div>
<div class="mtblog__content">
<div class="mtblog__meta mb-6">
<span><i class="fa-light fa-user"></i>By Mitchel</span>
<cite>
<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>
</cite>
<span><i class="fa-sharp fa-light fa-comment"></i>24 Comments</span>
</div>
<h4 class="mtblog__title mb-20"><a href="blog-details.html">
How to find Best Quality Fresh <br> Meat & Seafood
</a></h4>
<div class="mtblog__btn">
<a href="blog-details.html">Reed More <i
class="fa-regular fa-arrow-up-right-from-square"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Blog Area -->
<!-- Start Newslatter Area -->
<section class="mtnewslatter__area mtnewslatter__space p-relative fix mb-50"
data-background="assets/img/bg/newsletter-bg.jpg">
<div class="mtnewslatter__shape-wrap">
<div class="mtnewslatter__shape">
<img src="assets/img/shape/newsla-1-2.png" alt="">
</div>
<div class="mtnewslatter__shape-2">
<img src="assets/img/shape/newsla-1-1.png" alt="">
</div>
</div>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="mtnewslatter__wrapper">
<div class="mtnewslatter__item">
<h3 class="mtnewslatter__title mb-10">Subscribe newsletter</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 class="col-lg-6">
<div class="mtnewslatter__wrappers text-end mt-20">
<div class="mtnewslatter__thumb ">
<img src="assets/img/newslatter/newslatter-1.png" alt="Rosun">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Newslatter Area -->
</main>
<!-- footer start -->
<footer class="mt-footer-area mt-footer-space p-relative fix" data-background="assets/img/footer/footer-bg-1-1.jpg">
<div class="mt-footer-wraper pb-55 p-relative">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-4 mb-50">
<div class="mt-footer-widget">
<div class="mt-footer-logo mb-30">
<a href="index.html"><img src="assets/img/logo/black-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-content-box mb-30">
<a href="tel:12345678901" class="d-flex align-items-center">
<div class="mt-footer-content-boxicon">
<span><i class="fa-regular fa-headset"></i></span>
</div>
<div class="mt-footer-content-boxtext">
<span>Emergency Support.</span>
<h5 class="mttitle">+123 4567 8901</h5>
</div>
</a>
</div>
<div class="mt-footer-box-list">
<div class="mt-footer-box-item mb-20">
<a href="#">
<span><i class="fa-sharp fa-solid fa-location-dot"></i></span>
<p>123 Main Street, Anytown, California 90210 USA</p>
</a>
</div>
<div class="mt-footer-box-item mb-20">
<a href="mailto:support@domain.com">
<span><i class="fa-solid fa-envelope-open-text"></i></span>
<p>support@domain.com</p>
</a>
</div>
<div class="mt-footer-box-item mb-20">
<a href="tel:001235555888">
<span><i class="fa-regular fa-headset"></i></span>
<p>+00 123 5555 888</p>
</a>
</div>
<div class="mt-footer-box-item mb-20">
<a href="#">
<span><i class="fa-light fa-clock"></i></span>
<p>10:00 - 18:00
Monday - saturday</p>
</a>
</div>
<div class="mt-footer-box-item mt-50">
<div class="mt-footer-box-follow ">
<h5 class="mtfollow-title">Follow Us :</h5>
</div>
<div class="mt-footer-box-social">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
</div>
</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-4 col-lg-4 col-md-6 mb-50">
<div class="mt-footer-widget footer-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="#">Delivery Information</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms & Condition</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="faq.html">Carrers</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-50">
<div class="mt-footer-widget footer-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-4 col-lg-4 col-md-6 mb-50">
<div class="mt-footer-widget footer-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="login.html">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>
<li><a href="cart.html">Shopping Cart</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="mt-footer-wrapper">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="mt-footer-app mt-footer-app-space mb-20">
<h4 class="mt-footer-app-title">Download App</h4>
<p>Download our app and unlock exclusive <br> savings! Enjoy a fantastic 15% discount</p>
<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 class="col-lg-6">
<div class="mt-footer-subscribe-content mb-20 mt-footer-subscribe-space">
<h4 class="mt-footer-app-title">Sign Up Newsletter</h4>
<p>Enjoy early access to sales, new product <br> launches, expert advice, and special
offers
</p>
<form action="#" method="POST">
<div class="mt-footer-subscribe p-relative mt-20">
<input type="email" placeholder="Enter email address">
<button class="mt-btn" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- copy-right area start -->
<div class="mt-copyright-area mt-copyright-border 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>