Gearing up something amazing for you…
Still waiting? Magic takes a moment! ✨
Unimart is a E-commerce Template. Worldwide electronics store since 1978.
Limited Item, checkout within 10m 00s
Subtotal (2 items)
$758.00
Shipping
$10.00
Total
$768.00
Add $248.00 More To Get Free Shipping
For orders over $9.90
For orders over $9.90
<div class="rbt-component-area rbt-catagories-area rbt-section-gap2 rbt-bg-color-gray-light">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="rbt-component-section-title d-flex flex-row justify-content-between align-items-center p-0 mb--32 border-0">
<h4 class="rbt-title rbt-scroll-trigger fade_in animation-order-1"><span class="rbt-bold--text">Deals of The Day</span></h4>
</div>
</div>
</div>
<!-- Start Card Area -->
<div class="row row--12 mt_dec--24 rbt-mobile-row">
<div class="col-xxl-3 col-xl-3 col-lg-4 col-md-6 col-sm-6 col-6 mt--24">
product card...
</div>
<div class="col-xxl-3 col-xl-3 col-lg-4 col-md-6 col-sm-6 col-6 mt--24">
product card...
</div>
...
</div>
<!-- End Card Area -->
</div>
</div>
<div class="rbt-component-area rbt-catagories-area rbt-section-gap2 rbt-bg-color-gray-light">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="rbt-component-section-title d-flex flex-row justify-content-between align-items-center p-0 mb--32 border-0">
<h4 class="rbt-title rbt-scroll-trigger fade_in animation-order-1"><span class="rbt-bold--text">Deals of The Day</span></h4>
<div class="mobile-horizontal-scroll-section">
<div class="rbt-product-nav-section rbt-nav-effect-activation rbt-scroll-trigger fade_in animation-order-2">
<ul class="rbt-product-nav-grp">
<li><a href="#" class="rbt-product-nav active">Best Sellers</a></li>
<li><a href="#" class="rbt-product-nav">New Arrivals</a></li>
<li><a href="#" class="rbt-product-nav">On Sale</a></li>
</ul>
<ul class="rbt-product-nav-grp">
<li><a href="#" class="rbt-product-nav">View All</a></li>
</ul>
<span class="rbt-bg-highlight"></span>
</div>
</div>
</div>
</div>
</div>
<!-- Start Card Area -->
<div class="row row--12 mt_dec--24 rbt-mobile-row">
<div class="col-xxl-3 col-xl-3 col-lg-4 col-md-6 col-sm-6 col-6 mt--24">
product card...
</div>
<div class="col-xxl-3 col-xl-3 col-lg-4 col-md-6 col-sm-6 col-6 mt--24">
product card...
</div>
...
</div>
<!-- End Card Area -->
</div>
</div>
<div class="rbt-component-area rbt-catagories-area pt_lg--100 rbt-section-gap2 rbt-bg-color-white">
<div class="container">
<div class="rbt-fshape-box-outline-style rbt-fshape-box-outline-style-extend-width rbt-product-fshape-box-outline-style">
<div class="row rbt-section-gap2Top pt_sm--0 pt_md--80 mt--16">
<div class="col-lg-12">
<div class="rbt-component-section-title rbt-border-color-primary rbt-bg-color-gray-light">
<h4 class="rbt-title rbt-scroll-trigger fade_in animation-order-1"><span class="rbt-bold--text">Today’s best deals</span></h4>
<span class="rbt-fshape-right-portion">
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="50" viewBox="0 0 52 50" fill="none">
<path d="M51.5337 49.984C-64.8544 49.9977 116.427 49.9764 0.0390625 49.9901C0.0390625 31.262 0.0390625 20.7619 0.0390625 2.03378C11.2391 1.63419 16.5034 4.56468 19.5034 10.5602L30.0034 38.5311C34.0374 47.934 45.4209 49.4481 51.5337 49.984Z" fill="var(--color-gray-light)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.246 1.97519C16.582 3.50685 18.8114 5.90944 20.3979 9.07997L20.4213 9.12681L30.9315 37.1248C33.053 42.053 36.807 44.7979 40.7367 46.3047C44.6934 47.8219 48.798 48.068 51.4731 47.987C51.4731 47.987 51.51 49.2041 51.5337 49.984C48.7087 50.0695 44.3134 49.8162 40.02 48.17C35.7052 46.5155 31.4643 43.4388 29.0842 37.891L29.0751 37.8698C29.0751 37.8698 19.997 12.7279 18.5857 9.92689C17.1743 7.12591 15.2591 5.09828 12.4108 3.79055C8.49554 1.49902 0.0390625 2.03378 0.0390625 2.03378C0.0390625 20.7619 0.0390625 31.262 0.0390625 49.9901L0.0408325 0.0348727C5.70805 -0.16568 9.9493 0.461575 13.246 1.97519Z"
fill="var(--color-primary)"/>
</svg>
</span>
</div>
</div>
</div>
<div class="rbt-fshape-box rbt-bg-color-gray-light rbt-border-color-primary">
<!-- Start Card Area -->
<div class="row row--12 mt_dec--24 rbt-mobile-row">
<div class="col-xxl-3 col-xl-3 col-lg-4 col-md-6 col-sm-6 col-6 mt--24">
product card...
</div>
<div class="col-xxl-3 col-xl-3 col-lg-4 col-md-6 col-sm-6 col-6 mt--24">
product card...
</div>
...
</div>
<!-- End Card Area -->
</div>
</div>
</div>
</div>
<div class="rbt-component-area rbt-catagories-area pt_lg--100 rbt-section-gap2 rbt-bg-color-white">
<div class="container">
<div class="rbt-fshape-box-outline-style rbt-fshape-box-outline-style-extend-width rbt-product-fshape-box-outline-style">
<div class="row rbt-section-gap2Top pt_sm--0 pt_md--80 mt--16">
<div class="col-lg-12">
<div class="rbt-component-section-title rbt-border-color-primary rbt-bg-color-gray-light">
<h4 class="rbt-title rbt-scroll-trigger fade_in animation-order-1"><span class="rbt-bold--text">Today’s best deals</span></h4>
<span class="rbt-fshape-right-portion">
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="50" viewBox="0 0 52 50" fill="none">
<path d="M51.5337 49.984C-64.8544 49.9977 116.427 49.9764 0.0390625 49.9901C0.0390625 31.262 0.0390625 20.7619 0.0390625 2.03378C11.2391 1.63419 16.5034 4.56468 19.5034 10.5602L30.0034 38.5311C34.0374 47.934 45.4209 49.4481 51.5337 49.984Z" fill="var(--color-gray-light)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.246 1.97519C16.582 3.50685 18.8114 5.90944 20.3979 9.07997L20.4213 9.12681L30.9315 37.1248C33.053 42.053 36.807 44.7979 40.7367 46.3047C44.6934 47.8219 48.798 48.068 51.4731 47.987C51.4731 47.987 51.51 49.2041 51.5337 49.984C48.7087 50.0695 44.3134 49.8162 40.02 48.17C35.7052 46.5155 31.4643 43.4388 29.0842 37.891L29.0751 37.8698C29.0751 37.8698 19.997 12.7279 18.5857 9.92689C17.1743 7.12591 15.2591 5.09828 12.4108 3.79055C8.49554 1.49902 0.0390625 2.03378 0.0390625 2.03378C0.0390625 20.7619 0.0390625 31.262 0.0390625 49.9901L0.0408325 0.0348727C5.70805 -0.16568 9.9493 0.461575 13.246 1.97519Z"
fill="var(--color-primary)"/>
</svg>
</span>
</div>
<div class="rbt-offer-countdown-section rbt-offer-countdown-section-primary">
<h6 class="rbt-sm-title">Hurry up! Offer ends in</h6>
<div class="rbt-countdown-section d-flex justify-content-center align-items-center">
<div class="rbt-countdown-one bg-variation-black">
<div class="countdown" data-date="2025-12-30">
<div class="countdown-container days">
<span class="countdown-value">87</span>
<span class="countdown-heading">Days</span>
</div>
<div class="countdown-container hours">
<span class="countdown-value">23</span>
<span class="countdown-heading">Hours</span>
</div>
<div class="countdown-container minutes">
<span class="countdown-value">38</span>
<span class="countdown-heading">Minutes</span>
</div>
<div class="countdown-container seconds">
<span class="countdown-value">27</span>
<span class="countdown-heading">Seconds</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="rbt-fshape-box rbt-bg-color-gray-light rbt-border-color-primary">
<!-- Start Card Area -->
<div class="row row--12 mt_dec--24 rbt-mobile-row">
<div class="col-xxl-3 col-xl-3 col-lg-4 col-md-6 col-sm-6 col-6 mt--24">
product card...
</div>
<div class="col-xxl-3 col-xl-3 col-lg-4 col-md-6 col-sm-6 col-6 mt--24">
product card...
</div>
...
</div>
<!-- End Card Area -->
</div>
</div>
</div>
</div>
<div class="rbt-component-area rbt-catagories-area rbt-section-gap2 rbt-bg-color-gray-light">
<div class="container">
<div class="row row--12 mt_dec--24">
<div class="col-xl-6 col-lg-12 col-md-12 col-12 mt--24">
<div class="rbt-fshape-box-outline-style rbt-fshape-box-outline-style-bg-white rbt-fshape-box-outline-style-sm-size">
<div class="row">
<div class="col-lg-12">
<div class="rbt-component-section-title">
<h4 class="rbt-title rbt-scroll-trigger fade_in animation-order-1"><span class="rbt-bold--text">This Week’s Highlights</span></h4>
<span class="rbt-fshape-right-portion rbt-fshape-right-portion-sm">
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="50" viewBox="0 0 52 50" fill="none">
<path d="M51.5337 49.984C-64.8544 49.9977 116.427 49.9764 0.0390625 49.9901C0.0390625 31.262 0.0390625 20.7619 0.0390625 2.03378C11.2391 1.63419 16.5034 4.56468 19.5034 10.5602L30.0034 38.5311C34.0374 47.934 45.4209 49.4481 51.5337 49.984Z"
fill="var(--color-white)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.246 1.97519C16.582 3.50685 18.8114 5.90944 20.3979 9.07997L20.4213 9.12681L30.9315 37.1248C33.053 42.053 36.807 44.7979 40.7367 46.3047C44.6934 47.8219 48.798 48.068 51.4731 47.987C51.4731 47.987 51.51 49.2041 51.5337 49.984C48.7087 50.0695 44.3134 49.8162 40.02 48.17C35.7052 46.5155 31.4643 43.4388 29.0842 37.891L29.0751 37.8698C29.0751 37.8698 19.997 12.7279 18.5857 9.92689C17.1743 7.12591 15.2591 5.09828 12.4108 3.79055C8.49554 1.49902 0.0390625 2.03378 0.0390625 2.03378C0.0390625 20.7619 0.0390625 31.262 0.0390625 49.9901L0.0408325 0.0348727C5.70805 -0.16568 9.9493 0.461575 13.246 1.97519Z"
fill="var(--color-brand-100)"/>
</svg>
</span>
</div>
</div>
</div>
<div class="rbt-fshape-box">
<div class="row row--12 mt_dec--24 rbt-card-row-has-top-separator rbt-two-align-card-row">
<div class="col-lg-6 col-md-6 col-sm-6 col-12 mt--24">
product card...
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-12 mt--24">
product card...
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-12 mt--24">
product card...
</div>
...
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-12 col-md-12 col-12 mt--24 pt--44 pt_sm--0 pt_lg--0 pt_md--0">
<!-- Start Product Banner Area -->
<div class="rbt-product-banner rbt-product-banner-style-two rbt-curved-style-box h-100">
<div class="rbt-banner-inner h-100">
<div class="rbt-product-banner-img rbt-full-width-img rbt-scroll-trigger zoom_in animation-order-1">
<img src="..." alt="...">
</div>
<div class="rbt-product-banner-content">
<div class="rbt-content-section rbt-scroll-trigger fade_in animation-order-1">
<h6 class="rbt-banner-subtitle mb-0">Power Up Deals</h6>
<h2 class="rbt-banner-title title-capitalize-text mb-0"><span class="rbt-bold--text">Red Camera </span>Plus</h2>
<h3 class="rbt-secondery-subtitle mb-0">Holiday Cheers</h3>
</div>
<div class="rbt-banner-btn rbt-scroll-trigger fade_in animation-order-2">
<a class="rbt-btn rbt-btn-round rbt-magnetic-button" href="#"><i class="fa-solid fa-arrow-up-right"></i> SHOP NOW</a>
</div>
</div>
</div>
</div>
<!-- End Product Banner Area -->
</div>
</div>
</div>
</div>
<div class="rbt-component-area rbt-catagories-area rbt-section-gap2 rbt-bg-color-white">
<div class="container">
<div class="rbt-fshape-box-outline-style rbt-fshape-box-outline-style-extend-width">
<div class="row">
<div class="col-lg-12">
<div class="rbt-component-section-title">
<h4 class="rbt-title rbt-scroll-trigger fade_in animation-order-1"><span class="rbt-bold--text">Featured Products</span></h4>
<span class="rbt-fshape-right-portion">
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="50" viewBox="0 0 52 50" fill="none">
<path d="M51.5337 49.984C-64.8544 49.9977 116.427 49.9764 0.0390625 49.9901C0.0390625 31.262 0.0390625 20.7619 0.0390625 2.03378C11.2391 1.63419 16.5034 4.56468 19.5034 10.5602L30.0034 38.5311C34.0374 47.934 45.4209 49.4481 51.5337 49.984Z"
fill="var(--color-gray-light)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.246 1.97519C16.582 3.50685 18.8114 5.90944 20.3979 9.07997L20.4213 9.12681L30.9315 37.1248C33.053 42.053 36.807 44.7979 40.7367 46.3047C44.6934 47.8219 48.798 48.068 51.4731 47.987C51.4731 47.987 51.51 49.2041 51.5337 49.984C48.7087 50.0695 44.3134 49.8162 40.02 48.17C35.7052 46.5155 31.4643 43.4388 29.0842 37.891L29.0751 37.8698C29.0751 37.8698 19.997 12.7279 18.5857 9.92689C17.1743 7.12591 15.2591 5.09828 12.4108 3.79055C8.49554 1.49902 0.0390625 2.03378 0.0390625 2.03378C0.0390625 20.7619 0.0390625 31.262 0.0390625 49.9901L0.0408325 0.0348727C5.70805 -0.16568 9.9493 0.461575 13.246 1.97519Z"
fill="var(--color-brand-100)"/>
</svg>
</span>
</div>
</div>
</div>
<div class="rbt-fshape-box rbt-bg-color-gray-light">
<div class="row row--12 mt_dec--24">
<div class="col-xxl-8 col-xl-8 col-lg-12 col-md-12 col-sm-12 col-12 mt--24">
product horizontal card..
</div>
<!-- Start Single Box -->
<div class="col-xxl-4 col-xl-4 col-lg-12 col-md-12 col-sm-12 col-12 mt--24">
<div class="rbt-list-card-box variation-lg">
<div class="row row--12 mt_dec--24 mt_dec--24 rbt-card-row-has-top-separator rbt-one-align-card-row">
<div class="col-lg-12 col-md-12 col-sm-12 col-12 mt--24">
product listed card...
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-12 mt--24">
product listed card...
</div>
</div>
</div>
</div>
<!-- End Single Box -->
</div>
</div>
</div>
</div>
</div>
<div class="rbt-component-area rbt-products-area rbt-section-gapTop rbt-bg-color-gray-light">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="rbt-component-section-title text-center border-0 p-0 align-items-center">
<h2 class="rbt-title rbt-scroll-trigger fade_in animation-order-1"><span class="rbt-bold--text">Recommended </span> Just For You</h2>
<p class="description rbt-scroll-trigger fade_in animation-order-2">
Diseño largo. Slim fit. Tejido mezcla de lana reciclada. Solapas con muesca. Manga larga abotonada. Bolsillos de solapa laterales.
</p>
</div>
</div>
</div>
<!-- Start Card Area -->
<div class="row row--12">
<div class="col-md-12">
<div class="rbt-swiper-container-one rbt-arrow-between">
<div class="swiper rbt-fashion-prd-card-activation-1-v1 rbt-dot-bottom-center">
<div class="swiper-wrapper">
<div class="swiper-slide">
product card 1...
</div>
<div class="swiper-slide">
product card 2...
</div>
<div class="swiper-slide">
product card 3...
</div>
<div class="swiper-slide">
product card 4...
</div>
</div>
<div class="rbt-swiper-pagination rbt-swiper-pagination-var-one has-hide-dot-swipe"></div>
</div>
<div class="rbt-swiper-arrow rbt-arrow-left rbt-arrow-gray rbt-arrow-lg">
<div class="custom-overflow">
<i class="rbt-icon fa-regular fa-arrow-left"></i>
<i class="rbt-icon-top fa-regular fa-arrow-left"></i>
</div>
</div>
<div class="rbt-swiper-arrow rbt-arrow-right rbt-arrow-gray rbt-arrow-lg">
<div class="custom-overflow">
<i class="rbt-icon fa-regular fa-arrow-right"></i>
<i class="rbt-icon-top fa-regular fa-arrow-right"></i>
</div>
</div>
</div>
</div>
</div>
<!-- End Card Area -->
</div>
</div>
<div class="rbt-single-product-area rbt-section-gapTop rbt-bg-color-white">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="rbt-component-section-title text-center border-0 p-0">
<h2 class="rbt-title rbt-scroll-trigger fade_in animation-order-1"><span class="rbt-bold--text">Item
</span>Of The Week</h2>
</div>
</div>
</div>
<div class="row row--12 align-items-center">
<div class="col-xl-8 col-12">
<div class="swiper prd-single-slide-activation-1 rbt-arrow-between">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="thumbnail rbt-scroll-trigger zoom_in animation-order-1">
<img class="w-100 rbt-rounded--16 rbt-prd-img" src="..." alt="...">
<div class="rbt-product-badge rbt-product-badge-bg-green rbt-badge-top-left--position">NEW</div>
<div class="rbt-product-badge rbt-product-badge-bg-danger rbt-badge-top-left--position">HOT</div>
</div>
</div>
<div class="swiper-slide">
<div class="thumbnail rbt-scroll-trigger zoom_in animation-order-2">
<img class="w-100 rbt-rounded--16 rbt-prd-img" src="..." alt="...">
<div class="rbt-product-badge rbt-product-badge-bg-yellow rbt-badge-top-left--position">Trending</div>
</div>
</div>
<div class="swiper-slide">
<div class="thumbnail rbt-scroll-trigger zoom_in animation-order-3">
<img class="w-100 rbt-rounded--16 rbt-prd-img" src="..." alt="...">
<div class="rbt-product-badge rbt-product-badge-bg-green rbt-badge-top-left--position">NEW</div>
<div class="rbt-product-badge rbt-product-badge-bg-danger rbt-badge-top-left--position">HOT</div>
</div>
</div>
</div>
<div class="rbt-swiper-arrow rbt-arrow-left">
<div class="custom-overflow">
<i class="rbt-icon fa-regular fa-arrow-left"></i>
<i class="rbt-icon-top fa-regular fa-arrow-left"></i>
</div>
</div>
<div class="rbt-swiper-arrow rbt-arrow-right">
<div class="custom-overflow">
<i class="rbt-icon fa-regular fa-arrow-right"></i>
<i class="rbt-icon-top fa-regular fa-arrow-right"></i>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-12">
<div class="content rbt-scroll-trigger fade_in animation-order-1">
<a href="#" class="rbt-card-subtitle rbt-card-catagories-text mt--0 mt_sm--8 mt_md--8">Casual
Wear</a>
<h2 class="rbt-card-title"><a href="#">Zipper Neckline Bateau T-Shirt</a></h2>
<p class="description-text b1">
At vero eos et accusamus et iusto dignissimos ducimus blanditiis praesentium voluptatum
deleniti atque Zipper Neckline Bateau T-Shirt iusto dignissimos..
</p>
<div class="rbt-info-wrapper d-flex flex-wrap">
<div class="rbt-card-rating mt--0">
<ul class="rbt-rating-icon-list">
<li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
<li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
<li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
<li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
<li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
</ul>
<p class="rating-digit">(46)</p>
<span class="icon"><i class="fa-sharp fa-solid fa-truck-fast"></i></span>
</div>
<div class="prd-info-section has-left-separator">
<div class="prd-id-text">
<p class="text-bold">SKU:</p>
<p> HN-508801</p>
</div>
<div class="rbt-badge rbt-badge-bg-green rbt-badge-border rbt-badge-small rbt-badge-rounded">
9 in Stock
</div>
</div>
</div>
<div class="rbt-info-wrapper d-flex rbt-gap--8">
<div class="pricing-part mt--0">
<del class="price-text">$295.00</del>
<span class="price-text">$179.98</span>
<span class="rbt-offer-badge">-30%</span>
</div>
<div class="prd-info-section">
<div class="prd-id-text">
<p class="text-bold">Brand:</p>
<a href="#" class="rbt-brand-img tooltips" data-tooltip="Product Brand"
data-tooltip-position="top"><img src="..." alt="Small icon Brand"></a>
</div>
</div>
</div>
<hr class="separator-top has-sm-spacer mt--16 mb--24">
<div class="rbt-info-wrapper d-flex mt--24">
<div class="product-styles-grp mt--0 flex-column rbt-gap--16">
<p class="text-bold d-flex mb--0">Color: <span class="ml--4">Blue</span></p>
<div class="rbt-color-select-area">
<ul
class="rbt-switcher-color-list rbt-switcher-color-list-lg product-switcher-activation">
<li>
<a class="rbt-switcher--color tooltips rbt-switcher--color-one"
data-switcher-color="#2B2B2B"
data-src="assets/images/product-single/earphone/earphone-05.webp"
data-tooltip="Black" data-tooltip-position="top" href="#">
<div class="rbt-color-circle"></div>
</a>
</li>
<li class="active">
<a class="rbt-switcher--color tooltips rbt-switcher--color-two"
data-switcher-color="#cc999d"
data-src="assets/images/product-single/earphone/earphone-02.webp"
data-tooltip="Pink" data-tooltip-position="top" href="#">
<div class="rbt-color-circle"></div>
</a>
</li>
...
</ul>
</div>
</div>
</div>
</div>
<div class="rbt-info-wrapper mt--24 d-block">
<div class="product-styles-grp mt--0 d-block">
<div class="d-flex justify-content-between align-items-center">
<p class="text-bold d-flex mb--0">Size: <span class="ml--4">XL</span></p>
<button class="rbt-btn rbt-btn-border rbt-btn-xs rbt-btn-gray-light"><i class="fa-regular fa-pen-ruler mr--4"></i>
Size Guide
</button>
</div>
<form class="rbt-variant-picker-values d-flex flex-wrap mt--16 rbt-gap--12">
<div class="rbt-single-size-btn">
<input type="radio" name="size1" id="values-xs" value="XS" checked>
<label for="values-xs" class="rbt-style-text rbt-size-btn"> XS</label>
</div>
<div class="rbt-single-size-btn">
<input type="radio" name="size1" id="values-s" value="S">
<label for="values-s" class="rbt-style-text rbt-size-btn"> S</label>
</div>
...
</form>
</div>
</div>
<div class="product-btn-grp">
<div class="rbt-qty-area">
<button class="qty-item-btn qty-item-btn-decr"><i class="fa-solid fa-minus"></i></button>
<input type="number" class="items-qty-input" value="05" min="01">
<button class="qty-item-btn qty-item-btn-incr"><i class="fa-solid fa-plus"></i></button>
</div>
<a class="rbt-btn has-left-icon d-block text-center" href="#"><i class="fa-regular fa-cart-shopping"></i> Add To Cart</a>
</div>
</div>
</div>
</div>
</div>
<div class="rbt-component-area rbt-products-area rbt-section-gap rbt-bg-color-white">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="rbt-component-section-title text-center border-0 p-0 align-items-center">
<h2 class="rbt-title rbt-scroll-trigger fade_in animation-order-1"><span class="rbt-bold--text">Top Selling </span>Items</h2>
<p class="description rbt-scroll-trigger fade_in animation-order-2">
Diseño largo. Slim fit. Tejido mezcla de lana reciclada. Solapas con muesca. Manga larga abotonada. Bolsillos de solapa laterales.
</p>
<div class="mobile-horizontal-scroll-section">
<div class="rbt-product-nav-section rbt-nav-effect-activation rbt-scroll-trigger fade_in animation-order-3 justify-content-center">
<ul class="rbt-product-nav-grp">
<li><a href="#" class="rbt-product-nav active">This Week</a></li>
<li><a href="#" class="rbt-product-nav">This Month</a></li>
<li><a href="#" class="rbt-product-nav">This Year</a></li>
</ul>
<ul class="rbt-product-nav-grp">
<li><a href="#" class="rbt-product-nav">All Time</a></li>
</ul>
<span class="rbt-bg-highlight"></span>
</div>
</div>
</div>
</div>
</div>
<!-- Start Card Area -->
<div class="row row--12 mt_dec--24 rbt-mobile-row">
<div class="col-lg-3 col-xl-3 col-xxl-3 col-md-6 col-sm-12 col-12 mt--24">
product card...
</div>
...
</div>
<!-- End Card Area -->
</div>
</div>
<div class="rbt-component-area rbt-products-area rbt-section-gap rbt-bg-color-white">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="rbt-component-section-title text-center border-0 p-0 align-items-center">
<h2 class="rbt-title rbt-scroll-trigger fade_in animation-order-1"><span class="rbt-bold--text">Top Selling </span>Items</h2>
<p class="description rbt-scroll-trigger fade_in animation-order-2">
Diseño largo. Slim fit. Tejido mezcla de lana reciclada. Solapas con muesca. Manga larga abotonada. Bolsillos de solapa laterales.
</p>
</div>
</div>
</div>
<!-- Start Card Area -->
<div class="row row--12 mt_dec--24 rbt-mobile-row">
<div class="col-lg-3 col-xl-3 col-xxl-3 col-md-6 col-sm-12 col-12 mt--24">
product card...
</div>
...
</div>
<!-- End Card Area -->
</div>
</div>
<div class="rbt-component-area rbt-products-area rbt-section-gap3 rbt-bg-color-white">
<div class="wrapper plr--56 plr_lg--60 plr_md--20 plr_sm--20">
<div class="rbt-catagory-contain-box rbt-catagory-contain-box-style-one rbt-bg-color-white pt--0 pb--0 p_sm--0 p_md--0">
<div class="row">
<div class="col-lg-12 d-flex justify-content-between flex-row align-items-center flex-wrap rbt-gap--16">
<div class="rbt-component-section-title rbt-gap--4 p-0 mb--0 border-0">
<a href="#" class="rbt-card-subtitle rbt-card-catagories-text mt--0 rbt-scroll-trigger fade_in animation-order-1">Featured</a>
<h4 class="rbt-title rbt-scroll-trigger fade_in animation-order-2"><span class="rbt-bold--text">Discover Products</span></h4>
</div>
<div class="mobile-horizontal-scroll-section">
<div class="rbt-product-nav-section rbt-nav-effect-activation rbt-scroll-trigger rbt-product-nav-var-primary fade_in animation-order-3">
<ul class="rbt-product-nav-grp">
<li><a href="#" class="rbt-product-nav active">This Week</a></li>
<li><a href="#" class="rbt-product-nav">This Month</a></li>
<li><a href="#" class="rbt-product-nav">This Year</a></li>
</ul>
<ul class="rbt-product-nav-grp">
<li><a href="#" class="rbt-product-nav">All Time</a></li>
</ul>
<span class="rbt-bg-highlight"></span>
</div>
</div>
</div>
</div>
</div>
<!-- Start Card Area -->
<div class="row row--16 rbt-mobile-row">
<div class="col-lg-4 col-xl-4 col-xxl-4 col-lg-6 col-md-6 col-sm-12 col-12 mt--32">
product card...
</div>
...
</div>
<!-- End Card Area -->
<div class="rbt-button-area text-center mt--32 mt_sm--16">
<a class="rbt-btn" href="#">View All Products</a>
</div>
</div>
</div>
<div class="rbt-component-area rbt-products-area rbt-bg-color-white rbt-section-gap3">
<div class="wrapper plr--56 plr_lg--60 plr_md--20 plr_sm--20">
<div class="rbt-catagory-contain-box rbt-catagory-contain-box-style-one rbt-bg-color-white pt--0 pb--0 p_sm--0">
<div class="row">
<div class="col-lg-12 d-flex justify-content-between flex-row align-items-center flex-wrap rbt-gap--16">
<div class="rbt-component-section-title rbt-gap--4 p-0 mb--0 border-0">
<a href="#" class="rbt-card-subtitle rbt-card-catagories-text mt--0 rbt-scroll-trigger fade_in animation-order-1">Deep Discounts</a>
<h4 class="rbt-title rbt-scroll-trigger fade_in animation-order-2"><span class="rbt-bold--text">-25% on Bestsellers</span></h4>
</div>
<a class="rbt-btn rbt-btn-secondary rbt-btn-sm-2 rbt-scroll-trigger fade_in animation-order-3" href="#">
<span class="btn-text">View All Products</span>
<span class="btn-icon ml--4"><i class="fa-sharp fa-solid fa-arrow-up-right-from-square"></i></span>
</a>
</div>
</div>
<div class="row">
<div class="col-md-12">
<!-- Start Card Swiper Area -->
<div class="swiper product-swiper-activation-one ptb--20 rbt-progress-bottom">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="single-slide">
product card slide 1...
</div>
</div>
<div class="swiper-slide">
<div class="single-slide">
product card slide 2...
</div>
</div>
<div class="swiper-slide">
<div class="single-slide">
product card slide 3...
</div>
</div>
<div class="swiper-slide">
<div class="single-slide">
product card slide 4...
</div>
</div>
...
</div>
<div class="swiper-scrollbar"></div>
</div>
<!-- End Card Swiper Area -->
</div>
</div>
</div>
</div>
</div>
<div class="rbt-component-area rbt-products-area rbt-bg-color-white rbt-section-gap3">
<div class="wrapper plr--56 plr_lg--60 plr_md--20 plr_sm--20">
<div class="row row--24 align-items-center">
<div class="col-xl-4 col-md-6 col-sm-12 col-12">
<div class="rbt-product-promo-banner-area rbt-scroll-trigger zoom_in animation-order-1">
<img src="..." alt="...">
</div>
</div>
<div class="col-xl-8 col-md-6 col-sm-12 col-12">
<div class="rbt-catagory-contain-box rbt-catagory-contain-box-style-one rbt-bg-color-white ptb_sm--40 p_md--0">
<div class="row">
<div class="col-lg-12 d-flex justify-content-between flex-row align-items-center flex-wrap rbt-gap--16">
<div class="rbt-component-section-title rbt-gap--4 p-0 mb--16 border-0">
<a href="#" class="rbt-card-subtitle rbt-card-catagories-text mt--0 rbt-scroll-trigger fade_in animation-order-1">Deep Discounts</a>
<h4 class="rbt-title"><span class="rbt-bold--text rbt-scroll-trigger fade_in animation-order-2">-25% on Bestsellers</span></h4>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<!-- Start Card Swiper Area -->
<div class="swiper product-swiper-activation-one-var-one rbt-arrow-between pb--60 rbt-progress-bottom">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="single-slide">
product card slide 1...
</div>
</div>
<div class="swiper-slide">
<div class="single-slide">
product card slide 2...
</div>
</div>
<div class="swiper-slide">
<div class="single-slide">
product card slide 3...
</div>
</div>
<div class="swiper-slide">
<div class="single-slide">
product card slide 4...
</div>
</div>
...
</div>
<div class="swiper-scrollbar"></div>
</div>
<!-- End Card Swiper Area -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="rbt-component-area rbt-products-area rbt-bg-color-gray-light rbt-section-gap2">
<div class="container">
<div class="row">
<div class="col-lg-12 d-flex justify-content-between flex-row align-items-end mb--64 mb_sm--32 flex-wrap rbt-gap--16">
<div class="rbt-component-section-title rbt-gap--4 mb--0 p-0 border-0">
<span class="rbt-card-subtitle h5 mt--0 rbt-scroll-trigger fade_in animation-order-1">Featured Packaging’s</span>
<h2 class="rbt-title rbt-scroll-trigger fade_in animation-order-2"><span class="rbt-bold--text">Packaging that</span> New brand</h2>
</div>
</div>
</div>
<!-- Start Card Area -->
<div class="row row--12 mt_dec--24">
<div class="rbt-swiper-container-one rbt-arrow-between rbt-arrow--top-right">
<div class="swiper rbt-fashion-prd-card-activation-1 rbt-dot-bottom-center">
<div class="swiper-wrapper">
<div class="swiper-slide">
product card slide 1...
</div>
<div class="swiper-slide">
product card slide 2...
</div>
<div class="swiper-slide">
product card slide 3...
</div>
<div class="swiper-slide">
product card slide 4...
</div>
...
</div>
<div class="rbt-swiper-pagination rbt-swiper-pagination-var-one"></div>
</div>
<div class="rbt-swiper-arrow rbt-arrow-left rbt-arrow-gray">
<div class="custom-overflow">
<i class="rbt-icon fa-regular fa-arrow-left"></i>
<i class="rbt-icon-top fa-regular fa-arrow-left"></i>
</div>
</div>
<div class="rbt-swiper-arrow rbt-arrow-right rbt-arrow-gray">
<div class="custom-overflow">
<i class="rbt-icon fa-regular fa-arrow-right"></i>
<i class="rbt-icon-top fa-regular fa-arrow-right"></i>
</div>
</div>
</div>
</div>
<!-- End Card Area -->
</div>
</div>
<div class="rbt-component-area rbt-products-area rbt-bg-color-gray-light rbt-section-gap2">
<div class="container">
<div class="row">
<div class="col-lg-12 d-flex justify-content-center flex-row align-items-end mb--40 flex-wrap rbt-gap--16">
<div class="rbt-component-section-title rbt-gap--4 mb--0 p-0 border-0 text-center">
<span class="rbt-card-subtitle h5 mt--0">Now See what</span>
<h2 class="rbt-title"><span class="rbt-bold--text">Our Best Products</span></h2>
</div>
</div>
</div>
<!-- Start Card Area -->
<div class="row row--12 mt_dec--24 rbt-mobile-row">
<div class="col-lg-3 col-xl-3 col-xxl-3 col-md-6 col-sm-6 col-6 mt--24 mt_sm--16">
product card...
</div>
...
</div>
<!-- End Card Area -->
</div>
</div>