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
<button class="rbt-btn" data-bs-toggle="modal" data-bs-target="#wishlistModal">Wishlist</button>
<div class="rbt-default-modal modal fade has-rbt-top-folder-shape" id="wishlistModal" tabindex="-1" aria-labelledby="wishlistModalLabel" aria-hidden="true">
<div class="modal-dialog sm-size modal-dialog-centered">
<div class="modal-content">
<div class="rbt-folder-shape-right-portion">
<svg xmlns="http://www.w3.org/2000/svg" width="85" height="90" viewBox="0 0 85 90" fill="none">
<path d="M0 0H11.1844C14.5695 0 17.7971 1.42971 20.0716 3.93671L82.1927 72.4059C83.9992 74.397 84.9999 76.9893 84.9999 79.6778C84.9999 85.6547 85.0001 90 85.0001 90H0V0Z" fill="white"/>
</svg>
</div>
<div class="modal-header">
<button type="button" class="rbt-round-btn rbt-modal-dis-btn" data-bs-dismiss="modal" aria-label="Close">
<i class="fa-solid fa-xmark"></i>
</button>
</div>
<div class="rbt-top-folder-shape-wrapper">
<div class="rbt-bg-color-white rbt-content-trs-portion">
<div class="rbt-wishlist-modal-content">
<h5 class="rbt-title rbt-text-bold" id="wishlistModalLabel">Product Wishlist</h5>
<div class="rbt-transparent-table-one-wrapper rbt-has-bg-gray pt--0 pb--0 mb--16">
<table class="rbt-transparent-table-one mb--0 rbt-wishlist-table">
<tbody>
<!-- Start single wishlist product row -->
<tr>
<td class="rbt-product-remove-btn-wrapper">
<button class="rbt-product-remove-btn rbt-round-btn">
<span><i class="fa-solid fa-xmark"></i></span>
</button>
</td>
<td class="product-thumbnail">
<a href="#">
<img src="assets/images/wishlist/wishlist-prd-1.webp" alt="Product image">
</a>
</td>
<td class="rbt-wish-product-info">
<h6 class="rbt-wish-product-name">
<a href="#">
Apple 12.9-inch iPad Pro
</a>
</h6>
<div class="rbt-porduct-price rbt-text-color-primary">
<span>$359.00</span>
</div>
<span class="rbt-product-id"><span class="rbt-text-semi-bold">SKU:</span> #180036565</span>
</td>
<td>
<div class="rbt-button-group">
<a class="rbt-btn rbt-btn-sm has-left-icon" href="#">
<i class="fa-regular fa-cart-shopping"></i>
Add To Cart
</a>
</div>
</td>
</tr>
<!-- End single wishlist product row -->
<!-- Start single wishlist product row -->
<tr>
<td class="rbt-product-remove-btn-wrapper">
<button class="rbt-product-remove-btn rbt-round-btn">
<span><i class="fa-solid fa-xmark"></i></span>
</button>
</td>
<td class="product-thumbnail">
<a href="#">
<img src="assets/images/wishlist/wishlist-prd-2.webp" alt="Product image">
</a>
</td>
<td class="rbt-wish-product-info">
<h6 class="rbt-wish-product-name">
<a href="#">
Apple 12.9-inch iPad Pro
</a>
</h6>
<div class="rbt-porduct-price rbt-text-color-primary">
<span>$359.00</span>
</div>
<span class="rbt-product-id"><span class="rbt-text-semi-bold">SKU:</span> #180036565</span>
</td>
<td>
<div class="rbt-button-group">
<a class="rbt-btn rbt-btn-sm has-left-icon" href="#">
<i class="fa-regular fa-cart-shopping"></i>
Add To Cart
</a>
</div>
</td>
</tr>
<!-- End single wishlist product row -->
</tbody>
</table>
</div>
<div class="rbt-wishlist-modal-footer d-flex flex-wrap rbt-gap--16 justify-content-between align-items-center">
<a href="#" class="rbt-link"><span class="icon mr--4"><i class="fa-sharp fa-regular fa-heart"></i></span>Open wishlist page</a>
<a href="#" class="rbt-link">Continue Shopping</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<button class="rbt-btn" data-bs-toggle="modal" data-bs-target="#compareviewModal">Compare</button>
<div class="rbt-default-modal modal fade has-rbt-top-folder-shape" id="compareviewModal" tabindex="-1" aria-labelledby="compareviewModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered xl-size">
<div class="modal-content">
<div class="rbt-folder-shape-right-portion">
<svg xmlns="http://www.w3.org/2000/svg" width="85" height="90" viewBox="0 0 85 90" fill="none">
<path d="M0 0H11.1844C14.5695 0 17.7971 1.42971 20.0716 3.93671L82.1927 72.4059C83.9992 74.397 84.9999 76.9893 84.9999 79.6778C84.9999 85.6547 85.0001 90 85.0001 90H0V0Z" fill="white"/>
</svg>
</div>
<div class="modal-header">
<button type="button" class="rbt-round-btn rbt-modal-dis-btn" data-bs-dismiss="modal" aria-label="Close">
<i class="fa-solid fa-xmark"></i>
</button>
</div>
<div class="rbt-top-folder-shape-wrapper">
<!-- Start Componente Area -->
<div class="rbt-component-area rbt-compare-table-area rbt-content-trs-portion">
<div class="row">
<div class="col-12">
<div class="rbt-component-section-title rbt-gap--4 mb--24 p-0 border-0 text-left">
<h5 id="compareviewModalLabel" class="rbt-title mb--0"><span class="rbt-text-bold">Compare Product</span></h5>
</div>
</div>
<div class="col-12 rbt-scrollable-content">
<table class="rbt-compare-table">
<tbody>
<tr>
<td></td>
<td>
<div class="rbt-input-field-grp">
<input class="rbt-input-field" type="text" placeholder="Search and Select Product">
<button class="rbt-search-btn"><i class="fa-sharp fa-solid fa-magnifying-glass"></i></button>
</div>
</td>
<td>
<div class="rbt-input-field-grp">
<input class="rbt-input-field" type="text" placeholder="Search and Select Product">
<button class="rbt-search-btn"><i class="fa-sharp fa-solid fa-magnifying-glass"></i></button>
</div>
</td>
<td>
<div class="rbt-input-field-grp">
<input class="rbt-input-field" type="text" placeholder="Search and Select Product">
<button class="rbt-search-btn"><i class="fa-sharp fa-solid fa-magnifying-glass"></i></button>
</div>
</td>
<td>
<div class="rbt-input-field-grp">
<input class="rbt-input-field" type="text" placeholder="Search and Select Product">
<button class="rbt-search-btn"><i class="fa-sharp fa-solid fa-magnifying-glass"></i></button>
</div>
</td>
</tr>
<tr class="rbt-compare-prd-table-head">
<td class="rbt-compare-table-title">
<div class="rbt-compare-values">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56"
viewBox="0 0 56 56" fill="none">
<path
d="M28 7.5C25.0767 7.5 22.6975 9.88262 22.6975 12.8112C22.6936 13.7244 22.9272 14.6229 23.3755 15.4184C23.8237 16.214 24.4712 16.8793 25.2543 17.349C26.0823 17.8506 27.0319 18.1157 28 18.1157C28.9681 18.1157 29.9177 17.8506 30.7458 17.349C31.5289 16.8794 32.1764 16.2141 32.6247 15.4185C33.073 14.6229 33.3066 13.7244 33.3025 12.8112C33.3025 9.88262 30.9234 7.5 28 7.5ZM35.1392 42.6269H31.1667L31.1675 42.6225V19.1112C30.1963 19.61 29.1025 19.8638 28 19.8638C26.8975 19.8638 25.8038 19.61 24.8325 19.1112V42.6225L24.8334 42.6269H20.8609C19.8457 42.628 18.8723 43.0318 18.1544 43.7496C17.4364 44.4674 17.0324 45.4406 17.031 46.4559V47.6258C17.031 47.8578 17.1232 48.0804 17.2873 48.2445C17.4514 48.4086 17.674 48.5008 17.906 48.5008H38.094C38.3261 48.5008 38.5487 48.4086 38.7127 48.2445C38.8768 48.0804 38.969 47.8578 38.969 47.6258V46.4559C38.9676 45.4406 38.5637 44.4674 37.8457 43.7496C37.1277 43.0318 36.1544 42.628 35.1392 42.6269ZM12.2439 33.8524C15.9495 33.8524 18.9657 30.8371 18.9657 27.1306C18.9657 26.8629 18.9989 25.8575 18.8922 25.6134L18.8904 25.6055L13.5914 13.6871H21C20.9292 13.1059 20.9292 12.5183 21 11.9371H12.2395C12.0724 11.9416 11.9097 11.9922 11.7695 12.0833C11.6293 12.1744 11.517 12.3025 11.445 12.4534L5.60003 25.6037L5.59915 25.6064C5.4889 25.854 5.52128 26.8506 5.52128 27.1297C5.52215 30.8363 8.5374 33.8524 12.2439 33.8524ZM12.243 14.9611L16.744 25.0849H7.73853L12.243 14.9611ZM50.477 25.9529C50.4762 25.9161 50.4604 25.8803 50.4552 25.8435C50.4438 25.7612 50.4333 25.6799 50.4009 25.6064L50.4 25.6037L44.555 12.4525C44.4837 12.3013 44.3716 12.1729 44.2315 12.0818C44.0913 11.9906 43.9286 11.9402 43.7614 11.9362H35C35.0709 12.5174 35.0709 13.1051 35 13.6862H42.4086L37.1097 25.6046L37.1079 25.6125C37.086 25.6633 37.0834 25.7219 37.0712 25.777C37.0589 25.8356 37.0362 25.8934 37.0362 25.952L37.0344 25.959V27.1289C37.0344 30.8354 40.0497 33.8506 43.757 33.8506C47.4627 33.8506 50.4788 30.8354 50.4788 27.1289V25.959L50.477 25.9529ZM39.256 25.0849L43.757 14.9611L48.2615 25.0849H39.256Z"
fill="#E6E6E6" />
</svg>
</span>
<p class="rbt-compare-table-text">Find and select products to see the
differences
and similarities between them</p>
</div>
</td>
<td>
<div class="rbt-compare-item-wrapper">
<button class="rbt-product-remove-btn">
<i class="fa-sharp fa-solid fa-xmark"></i>
</button>
<a href="#" class="rbt-product-item-img rbt-bg-color-brand-100">
<img src="assets/images/compare-products/compare-prd-img-elc-1.webp"
alt="Product Image">
</a>
<div class="rbt-compare-values">
<a href="#" class="rbt-product-item-category">
Headphones & Music
</a>
<h6 class="rbt-product-item-title">
<a href="#">G244F Beats Studio Buds Plus</a>
</h6>
<a class="rbt-btn rbt-btn-sm has-left-icon" href="#">
<i class="fa-regular fa-cart-shopping"></i>
Add To Cart
</a>
</div>
</div>
</td>
<td>
<div class="rbt-compare-item-wrapper">
<button class="rbt-product-remove-btn">
<i class="fa-sharp fa-solid fa-xmark"></i>
</button>
<a href="#" class="rbt-product-item-img rbt-bg-color-brand-100">
<img src="assets/images/compare-products/compare-prd-img-elc-2.webp"
alt="Product Image">
</a>
<div class="rbt-compare-values">
<a href="#" class="rbt-product-item-category">
Headphones & Music
</a>
<h6 class="rbt-product-item-title">
<a href="#">G244F Beats Studio Buds Plus</a>
</h6>
<a class="rbt-btn rbt-btn-sm has-left-icon" href="#">
<i class="fa-regular fa-cart-shopping"></i>
Add To Cart
</a>
</div>
</div>
</td>
<td>
<div class="rbt-compare-item-wrapper">
<button class="rbt-product-remove-btn">
<i class="fa-sharp fa-solid fa-xmark"></i>
</button>
<a href="#" class="rbt-product-item-img rbt-bg-color-brand-100">
<img src="assets/images/compare-products/compare-prd-img-elc-3.webp"
alt="Product Image">
</a>
<div class="rbt-compare-values">
<a href="#" class="rbt-product-item-category">
Headphones & Music
</a>
<h6 class="rbt-product-item-title">
<a href="#">G244F Beats Studio Buds Plus</a>
</h6>
<a class="rbt-btn rbt-btn-sm has-left-icon" href="#">
<i class="fa-regular fa-cart-shopping"></i>
Add To Cart
</a>
</div>
</div>
</td>
<td>
<div class="rbt-compare-item-wrapper">
<button class="rbt-product-remove-btn">
<i class="fa-sharp fa-solid fa-xmark"></i>
</button>
<a href="#" class="rbt-product-item-img rbt-bg-color-brand-100">
<img src="assets/images/compare-products/compare-prd-img-elc-4.webp"
alt="Product Image">
</a>
<div class="rbt-compare-values">
<a href="#" class="rbt-product-item-category">
Headphones & Music
</a>
<h6 class="rbt-product-item-title">
<a href="#">G244F Beats Studio Buds Plus</a>
</h6>
<a class="rbt-btn rbt-btn-sm has-left-icon" href="#">
<i class="fa-regular fa-cart-shopping"></i>
Add To Cart
</a>
</div>
</div>
</td>
</tr>
<tr>
<td class="rbt-product-feature-name">Customer Rating</td>
<td>
<div class="rbt-compare-values">
<div class="rbt-card-rating">
<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>
</div>
</div>
</td>
<td>
<div class="rbt-compare-values">
<div class="rbt-card-rating">
<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>
</div>
</div>
</td>
<td>
<div class="rbt-compare-values">
<div class="rbt-card-rating">
<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>
</div>
</div>
</td>
<td>
<div class="rbt-compare-values">
<div class="rbt-card-rating">
<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>
</div>
</div>
</td>
</tr>
<tr>
<td class="rbt-product-feature-name">Price</td>
<td>
<div class="rbt-compare-values">
<span class="rbt-product-price">$179.98</span>
</div>
</td>
<td>
<div class="rbt-compare-values">
<span class="rbt-product-price">$179.98</span>
</div>
</td>
<td>
<div class="rbt-compare-values">
<span class="rbt-product-price">$179.98</span>
</div>
</td>
<td>
<div class="rbt-compare-values">
<span class="rbt-product-price">$179.98</span>
</div>
</td>
</tr>
<tr>
<td class="rbt-product-feature-name">Sold By</td>
<td>
<div class="rbt-compare-values">
A4C Online
</div>
</td>
<td>
<div class="rbt-compare-values">
World Electronics
</div>
</td>
<td>
<div class="rbt-compare-values">
Transcom Digital
</div>
</td>
<td>
<div class="rbt-compare-values">
Esquare Electric
</div>
</td>
</tr>
<tr>
<td class="rbt-product-feature-name">Color</td>
<td>
<div class="rbt-compare-values">
Black
</div>
</td>
<td>
<div class="rbt-compare-values">
Green
</div>
</td>
<td>
<div class="rbt-compare-values">
Black
</div>
</td>
<td>
<div class="rbt-compare-values">
Gray
</div>
</td>
</tr>
<tr>
<td class="rbt-product-feature-name">Fit Type</td>
<td>
<div class="rbt-compare-values">
In-Ear
</div>
</td>
<td>
<div class="rbt-compare-values">
In-Ear
</div>
</td>
<td>
<div class="rbt-compare-values">
In-Ear
</div>
</td>
<td>
<div class="rbt-compare-values">
In-Ear
</div>
</td>
</tr>
<tr>
<td class="rbt-product-feature-name">Item Dimensions</td>
<td>
<div class="rbt-compare-values">
0.67 x 0.79 x 1.65 inches
</div>
</td>
<td>
<div class="rbt-compare-values">
-----
</div>
</td>
<td>
<div class="rbt-compare-values">
1.73 x 3.94 x 6.3 inches
</div>
</td>
<td>
<div class="rbt-compare-values">
6.5 x 4 x 2 inches
</div>
</td>
</tr>
<tr>
<td class="rbt-product-feature-name">Special Features</td>
<td>
<div class="rbt-compare-values">
wireless, voice assistant, Bluetooth, noise cancellation, adaptive, wireless
charging
</div>
</td>
<td>
<div class="rbt-compare-values">
Lightweight, Microphone Included, Fast Charging, Noise Cancellation
</div>
</td>
<td>
<div class="rbt-compare-values">
wireless, voice assistant, Bluetooth, noise cancellation, adaptive, wireless
charging
</div>
</td>
<td>
<div class="rbt-compare-values">
wireless, voice assistant, Bluetooth, noise cancellation, adaptive, wireless
charging
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- End Componente Area -->
</div>
</div>
</div>
</div>
<button class="rbt-btn" data-bs-toggle="modal" data-bs-target="#instaModal">Instagram Product</button>
<div class="rbt-default-modal modal fade rbt-insta-single-modal has-rbt-top-folder-shape" id="instaModal" tabindex="-1" aria-labelledby="instaModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content p-0">
<div class="rbt-folder-shape-right-portion">
<svg xmlns="http://www.w3.org/2000/svg" width="85" height="90" viewBox="0 0 85 90" fill="none">
<path d="M0 0H11.1844C14.5695 0 17.7971 1.42971 20.0716 3.93671L82.1927 72.4059C83.9992 74.397 84.9999 76.9893 84.9999 79.6778C84.9999 85.6547 85.0001 90 85.0001 90H0V0Z" fill="white"/>
</svg>
</div>
<div class="modal-header">
<button type="button" class="rbt-round-btn rbt-modal-dis-btn" data-bs-dismiss="modal" aria-label="Close">
<i class="fa-solid fa-xmark"></i>
</button>
</div>
<div class="rbt-top-folder-shape-wrapper">
<div class="modal-body p-0 rbt-bg-color-white rbt-content-trs-portion">
<div class="inner rbt-insta-single-modal">
<div class="row row--16">
<div class="col-lg-6 col-md-12 col-12">
<div class="rbt-single-insta-img">
<img src="assets/images/insta-posts/insta-post-single-01.webp" alt="Unimart instagram Single Post Image">
</div>
</div>
<div class="col-lg-6 col-md-12 col-12">
<div class="row">
<div class="col-lg-12">
<div class="rbt-component-section-title text-center">
<h4 class="rbt-title" id="instaModalLabel">Products In <span class="rbt-bold--text">Image</span></h4>
</div>
</div>
</div>
<div class="rbt-right-modal-content">
<!-- Start Card Area -->
<div class="row row--12 mb--24 mt_dec--24">
<!-- Start Single Card -->
<div class="col-lg-6 col-xl-6 col-6 mt--24">
<div class="rbt-card rbt-product-card">
<div class="rbt-card-img top-rounded-md rbt-bg-color-gray-light">
<a href="#"><img src="assets/images/product-img/fashion/single-insta-post-01.webp" alt="Card Image"></a>
<div class="rbt-product-badge rbt-product-badge-bg-primary rbt-badge-top-left--position">SALE</div>
<button class="rbt-wishlisted-btn rbt-round-btn bg-light-one rbt-top-right--position tooltips" type="button" data-tooltip="Add to wishlist" data-tooltip-position="left"><i class="fa-regular fa-heart"></i></button>
</div>
<div class="rbt-card-body">
<a href="#" class="rbt-card-subtitle rbt-card-catagories-text">Apple</a>
<h6 class="rbt-card-title"><a href="#">Bella HAY Side Table Oxd vdscH 60Γ39ΡΡ Awesome Sunglass</a></h6>
<div class="rbt-card-rating">
<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">(25)</p>
</div>
<div class="pricing-part">
<del class="price-text">$295.00</del>
<span class="price-text">$179.98</span>
</div>
</div>
</div>
</div>
<!-- End Single Card -->
<!-- Start Single Card -->
<div class="col-lg-6 col-xl-6 col-6 mt--24">
<div class="rbt-card rbt-product-card">
<div class="rbt-card-img top-rounded-md rbt-bg-color-gray-light">
<a href="#"><img src="assets/images/product-img/fashion/single-insta-post-02.webp" alt="Card Image"></a>
<button class="rbt-wishlisted-btn rbt-round-btn bg-light-one rbt-top-right--position tooltips" type="button" data-tooltip="Add to wishlist" data-tooltip-position="left"><i class="fa-regular fa-heart"></i></button>
</div>
<div class="rbt-card-body">
<a href="#" class="rbt-card-subtitle rbt-card-catagories-text">Apple</a>
<h6 class="rbt-card-title"><a href="#">Cnvrs All Star Disrupt Cx Hi Field Sunglass With protect UV ray</a></h6>
<div class="rbt-card-rating">
<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">(25)</p>
</div>
<div class="pricing-part">
<del class="price-text">$295.00</del>
<span class="price-text">$179.98</span>
<span class="rbt-offer-badge">-30%</span>
</div>
</div>
</div>
</div>
<!-- End Single Card -->
<!-- Start Single Card -->
<div class="col-lg-6 col-xl-6 col-6 mt--24">
<div class="rbt-card rbt-product-card">
<div class="rbt-card-img top-rounded-md rbt-bg-color-gray-light">
<a href="#"><img src="assets/images/product-img/fashion/sunglass-03.webp" alt="Card Image"></a>
<div class="rbt-product-badge rbt-product-badge-bg-primary rbt-badge-top-left--position">SALE</div>
<button class="rbt-wishlisted-btn rbt-round-btn bg-light-one rbt-top-right--position tooltips" type="button" data-tooltip="Add to wishlist" data-tooltip-position="left"><i class="fa-regular fa-heart"></i></button>
</div>
<div class="rbt-card-body">
<a href="#" class="rbt-card-subtitle rbt-card-catagories-text">Apple</a>
<h6 class="rbt-card-title"><a href="#">HK Cordless 7 Speed With protect UV ray Hand Mixer (Blue)</a></h6>
<div class="rbt-card-rating">
<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">(25)</p>
</div>
<div class="pricing-part">
<del class="price-text">$295.00</del>
<span class="price-text">$179.98</span>
</div>
</div>
</div>
</div>
<!-- End Single Card -->
<!-- Start Single Card -->
<div class="col-lg-6 col-xl-6 col-6 mt--24">
<div class="rbt-card rbt-product-card">
<div class="rbt-card-img top-rounded-md rbt-bg-color-gray-light">
<a href="#"><img src="assets/images/product-img/fashion/sunglass-04.webp" alt="Card Image"></a>
<button class="rbt-wishlisted-btn rbt-round-btn bg-light-one rbt-top-right--position tooltips" type="button" data-tooltip="Add to wishlist" data-tooltip-position="left"><i class="fa-regular fa-heart"></i></button>
</div>
<div class="rbt-card-body">
<a href="#" class="rbt-card-subtitle rbt-card-catagories-text">Apple</a>
<h6 class="rbt-card-title"><a href="#">Eyesafe Smart Best designed Looking protect UV ray Sunglass</a></h6>
<div class="rbt-card-rating">
<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">(25)</p>
</div>
<div class="pricing-part">
<del class="price-text">$295.00</del>
<span class="price-text">$179.98</span>
<span class="rbt-offer-badge">-30%</span>
</div>
</div>
</div>
</div>
<!-- End Single Card -->
</div>
<!-- End Card Area -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<button class="rbt-btn" data-bs-toggle="modal" data-bs-target="#signinModal">Login/Ragistration</button>
<!-- Sign In Modal -->
<div class="rbt-default-modal modal fade has-rbt-top-folder-shape" id="signinModal" tabindex="-1" aria-labelledby="signinModalLabel" aria-hidden="true">
<div class="modal-dialog rbt-register-form-modal modal-dialog-centered">
<div class="modal-content">
<div class="rbt-folder-shape-right-portion">
<svg xmlns="http://www.w3.org/2000/svg" width="85" height="90" viewBox="0 0 85 90" fill="none">
<path d="M0 0H11.1844C14.5695 0 17.7971 1.42971 20.0716 3.93671L82.1927 72.4059C83.9992 74.397 84.9999 76.9893 84.9999 79.6778C84.9999 85.6547 85.0001 90 85.0001 90H0V0Z" fill="white"/>
</svg>
</div>
<div class="modal-header">
<button type="button" class="rbt-round-btn rbt-modal-dis-btn" data-bs-dismiss="modal" aria-label="Close">
<i class="fa-solid fa-xmark"></i>
</button>
</div>
<div class="rbt-top-folder-shape-wrapper">
<div class="rbt-login-form rbt-bg-color-white rbt-content-trs-portion">
<div class="rbt-login-form-inner">
<div class="rbt-login-form-top">
<div class="logo">
<a href="#">
<img src="assets/images/logo/logo.webp" alt="Ecommerce Logo Images">
</a>
</div>
<h6 class="rbt-title rbt-text-bold mb--16" id="signinModalLabel">Sign In To Proceed</h6>
<div class="rbt-tab rbt-round-shape-tab">
<!-- Start tabs -->
<ul class="nav nav-tabs" id="registerFormTab1" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="rbt-form-tab-id-1" data-bs-toggle="tab"
data-bs-target="#rbt-form-tab-pane-1" type="button" role="tab"
aria-controls="rbt-form-tab-pane-1" aria-selected="true">
<i class="fa-sharp fa-regular fa-phone"></i>
Phone Number
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="rbt-form-tab-id-2" data-bs-toggle="tab"
data-bs-target="#rbt-form-tab-pane-2" type="button" role="tab"
aria-controls="rbt-form-tab-pane-2" aria-selected="false">
<i class="fa-sharp fa-regular fa-envelope"></i>
Email
</button>
</li>
</ul>
<!-- End tabs -->
<!-- Start tabs content -->
<form>
<div class="tab-content" id="registerFormTab1Content">
<div class="tab-pane fade show active" id="rbt-form-tab-pane-1" role="tabpanel"
aria-labelledby="rbt-form-tab-id-1" tabindex="0">
<div class="rbt-input-field-grp">
<label class="rbt-field-label" for="modal_signin_number">Your Number<span
class="rbt-text-color-danger">*</span></label>
<input class="rbt-input-field" type="text" id="modal_signin_number">
</div>
</div>
<div class="tab-pane fade" id="rbt-form-tab-pane-2" role="tabpanel"
aria-labelledby="rbt-form-tab-id-2" tabindex="0">
<div class="rbt-input-field-grp">
<label class="rbt-field-label" for="modal_signin_email">Your Email<span
class="rbt-text-color-danger">*</span></label>
<input class="rbt-input-field" type="email" id="modal_signin_email">
</div>
</div>
</div>
<button type="submit" class="rbt-btn d-block w-100 mt--24 mb--16">
Continue
</button>
<div class="rbt-check-group">
<input id="modal_login_checked1" type="checkbox" name="login">
<label for="modal_login_checked1">Stay Logged In</label>
</div>
</form>
<!-- End tabs content -->
</div>
<!-- Separator -->
<div class="d-flex align-items-center justify-content-center mb--24 mt--24">
<hr class="rbt-separator rbt-bg-color-gray-light mb--0">
<span class="pl--8 pr--8 b4 rbt-text-medium">OR</span>
<hr class="rbt-separator rbt-bg-color-gray-light mb--0">
</div>
<!-- Start social login button -->
<button type="submit"
class="rbt-btn rbt-btn-border rbt-social-login-btn d-block w-100 mb--16 rbt-social-login-btn">
<img class="icon" src="assets/images/icons/fb-icon.webp" alt="Icon">
Continue with Facebook
</button>
<button type="submit"
class="rbt-btn rbt-btn-border rbt-social-login-btn d-block w-100 rbt-social-login-btn">
<img class="icon" src="assets/images/icons/google-icon.webp" alt="Icon">
Continue with Google
</button>
<!-- End social login button -->
<div class="rbt-login-system-switch rbt-link-hover">
Don't have an account?
<a href="#!" class="rbt-switch-btn" data-bs-toggle="modal" data-bs-target="#signupModal" data-bs-dismiss="modal" aria-label="Close"><span>Create an account</span></a>
</div>
</div>
<!-- Start slider -->
<div class="rbt-login-form-bottom rbt-swiper-container-pagination position-relative">
<div class="swiper rbt-log-slide-activation pb--40">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="rbt-client-review">
<ul class="rbt-rating-icon-list d-flex justify-content-center">
<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="rbt-review-text mt--8 mb--12">
"The shirt fits great, very good quality of the material. Training
in it is pure
pleasure."
</p>
<div class="d-flex flex-wrap justify-content-center rbt-gap--8">
<h6 class="mb--0">SzilΓ‘gyi Erik</h6>
<div class="rbt-verified-badge badge-rounded">
<i class="fa-sharp fa-solid fa-shield-check"></i>
Verified Reviewer
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="rbt-client-review">
<ul class="rbt-rating-icon-list d-flex justify-content-center">
<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="rbt-review-text mt--8 mb--12">
"The shirt fits great, very good quality of the material. Training
in it is pure
pleasure."
</p>
<div class="d-flex flex-wrap justify-content-center rbt-gap--8">
<h6 class="mb--0">SzilΓ‘gyi Erik</h6>
<div class="rbt-verified-badge badge-rounded">
<i class="fa-sharp fa-solid fa-shield-check"></i>
Verified Reviewer
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="rbt-client-review">
<ul class="rbt-rating-icon-list d-flex justify-content-center">
<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="rbt-review-text mt--8 mb--12">
"The shirt fits great, very good quality of the material. Training
in it is pure
pleasure."
</p>
<div class="d-flex flex-wrap justify-content-center rbt-gap--8">
<h6 class="mb--0">SzilΓ‘gyi Erik</h6>
<div class="rbt-verified-badge badge-rounded">
<i class="fa-sharp fa-solid fa-shield-check"></i>
Verified Reviewer
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="rbt-client-review">
<ul class="rbt-rating-icon-list d-flex justify-content-center">
<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="rbt-review-text mt--8 mb--12">
"The shirt fits great, very good quality of the material. Training
in it is pure
pleasure."
</p>
<div class="d-flex flex-wrap justify-content-center rbt-gap--8">
<h6 class="mb--0">SzilΓ‘gyi Erik</h6>
<div class="rbt-verified-badge badge-rounded">
<i class="fa-sharp fa-solid fa-shield-check"></i>
Verified Reviewer
</div>
</div>
</div>
</div>
</div>
<div class="swiper-pagination rbt-swiper-progress rbt-swiper-pagination-dot-extend"></div>
</div>
</div>
<!-- End slider -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Sign Up Modal -->
<div class="rbt-default-modal has-rbt-top-folder-shape modal fade" id="signupModal" tabindex="-1"
aria-labelledby="signupModalLabel" aria-hidden="true">
<div class="modal-dialog rbt-register-form-modal modal-dialog-centered">
<div class="modal-content">
<div class="rbt-folder-shape-right-portion">
<svg xmlns="http://www.w3.org/2000/svg" width="85" height="90" viewBox="0 0 85 90" fill="none">
<path
d="M0 0H11.1844C14.5695 0 17.7971 1.42971 20.0716 3.93671L82.1927 72.4059C83.9992 74.397 84.9999 76.9893 84.9999 79.6778C84.9999 85.6547 85.0001 90 85.0001 90H0V0Z"
fill="white" />
</svg>
</div>
<div class="modal-header">
<button type="button" class="rbt-round-btn rbt-modal-dis-btn" data-bs-dismiss="modal"
aria-label="Close">
<i class="fa-solid fa-xmark"></i>
</button>
</div>
<div class="rbt-top-folder-shape-wrapper">
<div class="rbt-login-form rbt-bg-color-white rbt-content-trs-portion">
<div class="rbt-login-form-inner">
<div class="rbt-login-form-top">
<div class="logo">
<a href="#">
<img src="assets/images/logo/logo.webp" alt="Ecommerce Logo Images">
</a>
</div>
<h6 class="rbt-title rbt-text-bold mb--16" id="signupModalLabel">Create an Account</h6>
<p class="description">I want grocery delivery for my:</p>
<ul class="rbt-signup-radio-list">
<li class="rbt-check-grp ml--0">
<input id="rbt-signup-radio-1" type="radio" name="rbt-signup-radio">
<label for="rbt-signup-radio-1">
<span class="rbt-lable-text">Home</span>
</label>
</li>
<li class="rbt-check-grp ml--0">
<input id="rbt-signup-radio-2" type="radio" name="rbt-signup-radio">
<label for="rbt-signup-radio-2">
<span class="rbt-lable-text">Office</span>
</label>
</li>
<li class="rbt-check-grp ml--0">
<input id="rbt-signup-radio-3" type="radio" name="rbt-signup-radio">
<label for="rbt-signup-radio-3">
<span class="rbt-lable-text">Business</span>
</label>
</li>
<li class="rbt-check-grp ml--0">
<input id="rbt-signup-radio-4" type="radio" name="rbt-signup-radio">
<label for="rbt-signup-radio-4">
<span class="rbt-lable-text">Others</span>
</label>
</li>
</ul>
<div class="rbt-tab rbt-round-shape-tab">
<!-- Start tabs -->
<ul class="nav nav-tabs" id="modal_signinTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="rbt-form-tab-id-3" data-bs-toggle="tab"
data-bs-target="#rbt-form-tab-pane-3" type="button" role="tab"
aria-controls="rbt-form-tab-pane-3" aria-selected="true">
<i class="fa-sharp fa-regular fa-phone"></i>
Phone Number
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="rbt-form-tab-id-4" data-bs-toggle="tab"
data-bs-target="#rbt-form-tab-pane-4" type="button" role="tab"
aria-controls="rbt-form-tab-pane-4" aria-selected="false">
<i class="fa-sharp fa-regular fa-envelope"></i>
Email
</button>
</li>
</ul>
<!-- End tabs -->
<!-- Start tabs content -->
<form>
<div class="tab-content" id="modal_signinTabContent">
<div class="tab-pane fade show active" id="rbt-form-tab-pane-3" role="tabpanel"
aria-labelledby="rbt-form-tab-id-3" tabindex="0">
<div class="rbt-input-field-grp">
<label class="rbt-field-label" for="modal_register_number">Your
Number<span class="rbt-text-color-danger">*</span></label>
<input class="rbt-input-field" type="text" id="modal_register_number">
</div>
</div>
<div class="tab-pane fade" id="rbt-form-tab-pane-4" role="tabpanel"
aria-labelledby="rbt-form-tab-id-4" tabindex="0">
<div class="rbt-input-field-grp">
<label class="rbt-field-label" for="modal_register_email">Your
Email<span class="rbt-text-color-danger">*</span></label>
<input class="rbt-input-field" type="email" id="modal_register_email">
</div>
</div>
</div>
<button type="submit" class="rbt-btn d-block w-100 mt--24 mb--16">
Continue
</button>
<div class="rbt-check-group">
<input id="login_checked2" type="checkbox" name="login">
<label for="login_checked2">Stay Logged In</label>
</div>
</form>
<!-- End tabs content -->
</div>
<!-- Separator -->
<div class="d-flex align-items-center justify-content-center mb--24 mt--24">
<hr class="rbt-separator rbt-bg-color-gray-light mb--0">
<span class="pl--8 pr--8 b4 rbt-text-medium">OR</span>
<hr class="rbt-separator rbt-bg-color-gray-light mb--0">
</div>
<!-- Start social login button -->
<button type="submit"
class="rbt-btn rbt-btn-border rbt-social-login-btn d-block w-100 mb--16 rbt-social-login-btn">
<img class="icon" src="assets/images/icons/fb-icon.webp" alt="Icon">
Continue with Facebook
</button>
<button type="submit"
class="rbt-btn rbt-btn-border rbt-social-login-btn d-block w-100 rbt-social-login-btn">
<img class="icon" src="assets/images/icons/google-icon.webp" alt="Icon">
Continue with Google
</button>
<!-- End social login button -->
<div class="rbt-login-system-switch rbt-link-hover">
Already a customer?
<a class="rbt-switch-btn" href="#!" data-bs-toggle="modal" data-bs-target="#signinModal"
data-bs-dismiss="modal" aria-label="Close"><span>Sing In</span></a>
</div>
</div>
<!-- Start slider -->
<div class="rbt-login-form-bottom rbt-swiper-container-pagination position-relative">
<div class="swiper rbt-log-slide-activation pb--40">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="rbt-client-review">
<ul class="rbt-rating-icon-list d-flex justify-content-center">
<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="rbt-review-text mt--8 mb--12">
"The shirt fits great, very good quality of the material. Training
in it is pure
pleasure."
</p>
<div class="d-flex flex-wrap justify-content-center rbt-gap--8">
<h6 class="mb--0">SzilΓ‘gyi Erik</h6>
<div class="rbt-verified-badge badge-rounded">
<i class="fa-sharp fa-solid fa-shield-check"></i>
Verified Reviewer
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="rbt-client-review">
<ul class="rbt-rating-icon-list d-flex justify-content-center">
<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="rbt-review-text mt--8 mb--12">
"The shirt fits great, very good quality of the material. Training
in it is pure
pleasure."
</p>
<div class="d-flex flex-wrap justify-content-center rbt-gap--8">
<h6 class="mb--0">SzilΓ‘gyi Erik</h6>
<div class="rbt-verified-badge badge-rounded">
<i class="fa-sharp fa-solid fa-shield-check"></i>
Verified Reviewer
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="rbt-client-review">
<ul class="rbt-rating-icon-list d-flex justify-content-center">
<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="rbt-review-text mt--8 mb--12">
"The shirt fits great, very good quality of the material. Training
in it is pure
pleasure."
</p>
<div class="d-flex flex-wrap justify-content-center rbt-gap--8">
<h6 class="mb--0">SzilΓ‘gyi Erik</h6>
<div class="rbt-verified-badge badge-rounded">
<i class="fa-sharp fa-solid fa-shield-check"></i>
Verified Reviewer
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="rbt-client-review">
<ul class="rbt-rating-icon-list d-flex justify-content-center">
<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="rbt-review-text mt--8 mb--12">
"The shirt fits great, very good quality of the material. Training
in it is pure
pleasure."
</p>
<div class="d-flex flex-wrap justify-content-center rbt-gap--8">
<h6 class="mb--0">SzilΓ‘gyi Erik</h6>
<div class="rbt-verified-badge badge-rounded">
<i class="fa-sharp fa-solid fa-shield-check"></i>
Verified Reviewer
</div>
</div>
</div>
</div>
</div>
<div class="swiper-pagination rbt-swiper-progress rbt-swiper-pagination-dot-extend">
</div>
</div>
</div>
<!-- End slider -->
</div>
</div>
</div>
</div>
</div>
</div>
<button class="rbt-btn" data-bs-toggle="modal" data-bs-target="#quickviewEditCartModal">Edit Cart Product</button>
<div class="rbt-default-modal modal fade has-rbt-top-folder-shape" id="quickviewEditCartModal" tabindex="-1"
aria-labelledby="quickviewEditCartModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered rbt-cart-edit-area">
<div class="modal-content">
<div class="rbt-folder-shape-right-portion">
<svg xmlns="http://www.w3.org/2000/svg" width="85" height="90" viewBox="0 0 85 90" fill="none">
<path d="M0 0H11.1844C14.5695 0 17.7971 1.42971 20.0716 3.93671L82.1927 72.4059C83.9992 74.397 84.9999 76.9893 84.9999 79.6778C84.9999 85.6547 85.0001 90 85.0001 90H0V0Z" fill="white"/>
</svg>
</div>
<div class="modal-header">
<button type="button" class="rbt-round-btn rbt-modal-dis-btn" data-bs-dismiss="modal" aria-label="Close">
<i class="fa-solid fa-xmark"></i>
</button>
</div>
<div class="rbt-top-folder-shape-wrapper">
<!-- Start Component Area -->
<div class="rbt-single-product-area rbt-bg-color-white rbt-content-trs-portion">
<h5 class="rbt-title rbt-modal-title mb--16">Edit Option For You</h5>
<div class="row row--8 mt_dec--12">
<div class="col-md-6 col-12 mt--12">
<div class="rbt-cart-product-edit-area">
<a href="#" class="rbt-cart-product-thumb">
<img src="assets/images/product-single/earphone/earphone-05.webp"
alt="Product Thumbnail">
</a>
<div class="rbt-product-info">
<h6 class="rbt-card-title b3" id="quickviewEditCartModalLabel"><a href="#">2021 Apple 12.9-inch iPad Pro Wi-Fi 512GB Gray Space</a></h6>
<div class="pricing-part mb--12 mt--0">
<del class="price-text">$295.00</del>
<span class="price-text">$179.98</span>
</div>
<div class="rbt-qty-area rbt-qty-sm">
<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>
</div>
</div>
</div>
<div class="col-md-6 col-12 mt--12 pl--32">
<div class="rbt-single-product-content">
<div class="rbt-info-wrapper d-flex mt--0">
<div class="prd-info-section">
<div class="prd-id-text">
<p class="text-bold">Color:</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>
<li><a class="rbt-switcher--color tooltips rbt-switcher--color-three" data-switcher-color="#9C9B9E"
data-src="assets/images/product-single/earphone/earphone-04.webp" data-tooltip="Dark"
data-tooltip-position="top" href="#">
<div class="rbt-color-circle"></div>
</a></li>
<li><a class="rbt-switcher--color tooltips rbt-switcher--color-four" data-switcher-color="#F2EDE7"
data-src="assets/images/product-single/earphone/earphone-03.webp" data-tooltip="White"
data-tooltip-position="top" href="#">
<div class="rbt-color-circle"></div>
</a></li>
<li><a class="rbt-switcher--color tooltips rbt-switcher--color-five rbt-switcher--disable disabled"
data-switcher-color="#a09fa4" data-src="assets/images/product-single/earphone/earphone-03.webp"
data-tooltip="White" data-tooltip-position="top" href="#">
<div class="rbt-color-circle"></div>
</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="rbt-info-wrapper d-flex justify-content-between mt--12">
<div class="product-styles-grp d-flex mt--0">
<p class="text-bold title">Size :</p>
<div class="single-prd-select-area rbt-bg-color-brand-50 rbt-radius">
<div class="rbt-modern-select single-prd-select rbt-sm-size">
<select class="rbt-select-activation">
<option>Extra Large</option>
<option>Large</option>
<option>Medium</option>
<option>Small</option>
<option>Extra Small</option>
</select>
</div>
</div>
</div>
</div>
<div class="rbt-info-wrapper d-flex mt--12">
<div class="product-styles-grp d-flex mt--0">
<p class="text-bold title">Style :</p>
<div class="content d-flex flex-wrap">
<a class="rbt-btn rbt-btn-border rbt-btn-sm rbt-square-btn active"
href="#">Headphones Only</a>
<a class="rbt-btn rbt-btn-border rbt-btn-sm disabled" href="#">Headphones +
Charging Stand</a>
<a class="rbt-btn rbt-btn-border rbt-btn-sm rbt-square-btn"
href="#">Charging Stand</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-12">
<a class="rbt-btn d-block text-center rbt-btn-sm rbt-square-btn has-left-icon mt--24 mt_sm--16" href="#">
<i class="fa-regular fa-cart-shopping"></i>
Update Cart
</a>
</div>
</div>
</div>
<!-- End Component Area -->
</div>
</div>
</div>
</div>
<button class="rbt-btn" data-bs-toggle="modal" data-bs-target="#socialShareModal">Social Share</button>
<div class="rbt-default-modal modal fade has-rbt-top-folder-shape" id="socialShareModal" tabindex="-1" aria-labelledby="socialShareModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered xxs-size">
<div class="modal-content">
<div class="rbt-folder-shape-right-portion">
<svg xmlns="http://www.w3.org/2000/svg" width="85" height="90" viewBox="0 0 85 90" fill="none">
<path d="M0 0H11.1844C14.5695 0 17.7971 1.42971 20.0716 3.93671L82.1927 72.4059C83.9992 74.397 84.9999 76.9893 84.9999 79.6778C84.9999 85.6547 85.0001 90 85.0001 90H0V0Z" fill="white"/>
</svg>
</div>
<div class="modal-header">
<button type="button" class="rbt-round-btn rbt-modal-dis-btn" data-bs-dismiss="modal" aria-label="Close">
<i class="fa-solid fa-xmark"></i>
</button>
</div>
<div class="rbt-top-folder-shape-wrapper">
<div class="rbt-bg-color-white rbt-content-trs-portion">
<h5 class="rbt-title mb--8 rbt-text-bold" id="socialShareModalLabel">Share Options</h5>
<div class="rbt-social-share-wrapper">
<ul class="social-icon rbt-social-default mt--16 mt_sm--0 rbt-social-default-v1 lg-size justify-content-start">
<li>
<a class="facebook-btn" href="https://www.facebook.com">
<i class="fa-brands fa-facebook-f"></i>
</a>
</li>
<li>
<a class="tiktok-btn" href="https://www.tiktok.com">
<i class="fa-brands fa-tiktok"></i>
</a>
</li>
<li>
<a class="pinterest-btn" href="https://www.pinterest.com">
<i class="fa-brands fa-pinterest-p"></i>
</a>
</li>
<li>
<a class="tumblr-btn" href="https://www.tumblr.com/">
<i class="fa-brands fa-tumblr"></i>
</a>
</li>
<li>
<a class="telegram-btn" href="https://www.telegram.com">
<i class="fa-brands fa-telegram"></i>
</a>
</li>
<li>
<a class="whatsapp-btn" href="https://www.whatsapp.com/">
<i class="fa-brands fa-whatsapp"></i>
</a>
</li>
<li>
<a class="email-btn" href="mailto:someone@example.com">
<i class="fa-regular fa-envelope"></i>
</a>
</li>
</ul>
<div class="rbt-copy-link-part rbt-text-copy-activation mt--24 mt_sm--8 w-100">
<input class="rbt-copy-value-field w-100" type="text" value="https://unimart.themes/wishlist"
readonly>
<button class="rbt-btn rbt-btn-xs has-left-icon rbt-copy-btn"
data-tooltip="Copy to clipboard">
<i class="fa-regular fa-copy"></i>
<span class="rbt-btn-text">Copy</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<button class="rbt-btn" data-bs-toggle="modal" data-bs-target="#quickviewModal">Quick View</button>
<div class="rbt-default-modal modal fade has-rbt-top-folder-shape" id="quickviewModal" tabindex="-1"
aria-labelledby="quickviewModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="rbt-folder-shape-right-portion">
<svg xmlns="http://www.w3.org/2000/svg" width="85" height="90" viewBox="0 0 85 90" fill="none">
<path
d="M0 0H11.1844C14.5695 0 17.7971 1.42971 20.0716 3.93671L82.1927 72.4059C83.9992 74.397 84.9999 76.9893 84.9999 79.6778C84.9999 85.6547 85.0001 90 85.0001 90H0V0Z"
fill="white" />
</svg>
</div>
<div class="modal-header">
<button type="button" class="rbt-round-btn rbt-modal-dis-btn" data-bs-dismiss="modal"
aria-label="Close">
<i class="fa-solid fa-xmark"></i>
</button>
</div>
<div class="rbt-top-folder-shape-wrapper">
<!-- Start Component Area -->
<div class="rbt-single-product-area rbt-bg-color-white rbt-content-trs-portion">
<div class="row row--16">
<div class="col-lg-6 col-12">
<div
class="rbt-product-view-slider rbt-single-product-media-area rbt-single-product-media-has-folder-shape">
<div
class="swiper rbt-arrow-between rbt-product-single-slider-activation rbt-arrow-show-dfl">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="thumbnail radius-16">
<div class="rbt-product-single-img">
<img class="w-100"
src="assets/images/product-img/electronics/electronics-bg-trans-01-a-1.webp"
alt="Product Images">
</div>
</div>
</div>
<div class="swiper-slide">
<div class="thumbnail radius-16">
<div class="rbt-product-single-img">
<img class="w-100"
src="assets/images/product-img/electronics/electronics-bg-trans-01-a-2.webp"
alt="Product Images">
</div>
</div>
</div>
<div class="swiper-slide">
<div class="thumbnail radius-16">
<div class="rbt-product-single-img">
<img class="w-100"
src="assets/images/product-img/electronics/electronics-bg-trans-01-a-3.webp"
alt="Product Images">
</div>
</div>
</div>
<div class="swiper-slide">
<div class="thumbnail radius-16">
<div class="rbt-product-single-img">
<img class="w-100"
src="assets/images/product-img/electronics/electronics-bg-trans-01-a-4.webp"
alt="Product Images">
</div>
</div>
</div>
<div class="swiper-slide">
<div class="thumbnail radius-16">
<div class="rbt-product-single-img">
<img class="w-100"
src="assets/images/product-img/electronics/electronics-bg-trans-01-a-1.webp"
alt="Product Images">
</div>
</div>
</div>
<div class="swiper-slide">
<div class="thumbnail radius-16">
<div class="rbt-product-single-img">
<img class="w-100"
src="assets/images/product-img/electronics/electronics-bg-trans-01-a-2.webp"
alt="Product Images">
</div>
</div>
</div>
<div class="swiper-slide">
<div class="thumbnail radius-16">
<div class="rbt-product-single-img">
<img class="w-100"
src="assets/images/product-img/electronics/electronics-bg-trans-01-a-3.webp"
alt="Product Images">
</div>
</div>
</div>
<div class="swiper-slide">
<div class="thumbnail radius-16">
<div class="rbt-product-single-img">
<img class="w-100"
src="assets/images/product-img/electronics/electronics-bg-trans-01-a-4.webp"
alt="Product Images">
</div>
</div>
</div>
</div>
<div class="rbt-swiper-arrow rbt-modal-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-modal-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 class="swiper rbt-product-thumb-slider-activation mt--24 mt_sm--16">
<div class="swiper-wrapper">
<div class="swiper-slide">
<button class="thumbnail d-block">
<span class="rbt-thumb-img-sm">
<img class="w-100"
src="assets/images/product-img/electronics/electronics-bg-trans-01-a-1.webp"
alt="Product Images">
</span>
</button>
</div>
<div class="swiper-slide">
<button class="thumbnail d-block">
<span class="rbt-thumb-img-sm">
<img class="w-100"
src="assets/images/product-img/electronics/electronics-bg-trans-01-a-2.webp"
alt="Product Images">
</span>
</button>
</div>
<div class="swiper-slide">
<button class="thumbnail d-block">
<span class="rbt-thumb-img-sm">
<img class="w-100"
src="assets/images/product-img/electronics/electronics-bg-trans-01-a-3.webp"
alt="Product Images">
</span>
</button>
</div>
<div class="swiper-slide">
<button class="thumbnail d-block">
<span class="rbt-thumb-img-sm">
<img class="w-100"
src="assets/images/product-img/electronics/electronics-bg-trans-01-a-4.webp"
alt="Product Images">
</span>
</button>
</div>
<div class="swiper-slide">
<button class="thumbnail d-block">
<span class="rbt-thumb-img-sm">
<img class="w-100"
src="assets/images/product-img/electronics/electronics-bg-trans-01-a-1.webp"
alt="Product Images">
</span>
</button>
</div>
<div class="swiper-slide">
<button class="thumbnail d-block">
<span class="rbt-thumb-img-sm">
<img class="w-100"
src="assets/images/product-img/electronics/electronics-bg-trans-01-a-2.webp"
alt="Product Images">
</span>
</button>
</div>
<div class="swiper-slide">
<button class="thumbnail d-block">
<span class="rbt-thumb-img-sm">
<img class="w-100"
src="assets/images/product-img/electronics/electronics-bg-trans-01-a-3.webp"
alt="Product Images">
</span>
</button>
</div>
<div class="swiper-slide">
<button class="thumbnail d-block">
<span class="rbt-thumb-img-sm">
<img class="w-100"
src="assets/images/product-img/electronics/electronics-bg-trans-01-a-4.webp"
alt="Product Images">
</span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-12 mt_sm--12">
<div class="rbt-scroll-vertical-wrapper rbt-vertical-height-sm">
<div class="content rbt-scroll-vertical">
<a href="#" class="rbt-card-subtitle rbt-card-catagories-text mt--0">Headphones</a>
<h4 class="rbt-card-title" id="quickviewModalLabel"><a href="#">G244F 23.8 inch FHD
4k Rapid IPS 170Hz Super
Vertical</a></h4>
<p class="description-text b2">
At vero eos et accusamus et iusto dignissimos ducimus blanditiis praesentium
voluptatu atque...
</p>
<div class="rbt-info-wrapper d-flex justify-content-between mt--16">
<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">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 mt--24">
<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>
<div class="rbt-text-swiper-container rbt-arrow-vertical">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="rbt-text-group"> <span class="icon mr--4"><i
class="fa-solid fa-bag-shopping"></i></span>
90+ Sold Recently
</div>
</div>
<div class="swiper-slide">
<div class="rbt-text-group"> <span class="icon mr--4"><i
class="fa-solid fa-truck"></i></span>
Free shipping
</div>
</div>
<div class="swiper-slide">
<div class="rbt-text-group"> <span class="icon mr--4"><i
class="fa-solid fa-rotate-left"></i></span>
7 Days Return Plicy
</div>
</div>
</div>
<div class="rbt-verticle-arrow rbt-arrow-prev">
<i class="fa-regular fa-chevron-up"></i>
</div>
<div class="rbt-verticle-arrow rbt-arrow-next">
<i class="fa-regular fa-chevron-down"></i>
</div>
</div>
</div>
</div>
<div class="rbt-info-wrapper d-flex mt--24">
<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="assets/images/icons/small-brand/sm-brand-b-01.webp"
alt="Small icon Brand"></a>
</div>
</div>
<div class="prd-info-section has-left-separator">
<div class="prd-id-text">
<p class="text-bold">All Europe</p>
<a href="#" class="rbt-brand-img tooltips"
data-tooltip="All Europe Delivary" data-tooltip-position="top"><img
src="assets/images/icons/small-brand/sm-brand-b-02.webp"
alt="Small icon Brand"></a>
</div>
</div>
<div class="prd-info-section has-left-separator">
<div class="prd-id-text">
<p class="text-bold">Verified:</p>
<span class="rbt-brand-img tooltips" data-tooltip="Verified Product"
data-tooltip-position="top"><img
src="assets/images/icons/small-brand/sm-brand-b-03.webp"
alt="Small icon Brand"></span>
</div>
</div>
</div>
<div class="rbt-info-wrapper d-flex mt--24 rbt-gap--12 flex-wrap">
<div class="prd-info-section">
<a class="rbt-quick-info-tag d-flex align-items-center rbt-gap--8 rbt-flash-animation"
href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M18.9706 14.9359C18.8148 18.8649 15.7493 22 11.9891 22C8.12909 22 5 18.5858 5 14.6221C5 14.0924 4.99101 13.0336 5.74352 11.2472C6.19387 10.1781 6.47633 9.50646 6.63574 8.89253C6.72333 8.55511 6.89367 8.01904 7.37926 8.89253C7.66559 9.40757 7.67666 10.1483 7.67666 10.1483C7.67666 10.1483 8.74197 9.28536 9.4611 7.63673C10.5153 5.21985 9.67419 3.77512 9.38675 2.77048C9.28727 2.42294 9.22481 1.79833 9.90721 2.06409C10.6025 2.33495 12.4408 3.69334 13.4017 5.12512C14.7732 7.16855 15.2605 9.128 15.2605 9.128C15.2605 9.128 15.6997 8.55268 15.8553 7.95068C16.0312 7.27089 16.0338 6.59763 16.5988 7.32285C17.1361 8.01253 17.9341 9.3086 18.3833 10.5408C19.1989 12.7784 18.9706 14.9359 18.9706 14.9359Z"
fill="url(#paint0_linear_3632_18878)" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M11.9999 22C9.23852 22 7 19.7944 7 17.0735C7 15.4318 7.67145 14.435 9.0689 13.0833C9.96366 12.2179 10.8011 11.1549 11.157 10.4311C11.2271 10.2886 11.3866 9.54605 12.0014 10.4155C12.3239 10.8714 12.8296 11.6823 13.1538 12.3744C13.7127 13.5676 13.8461 14.7239 13.8461 14.7239C13.8461 14.7239 14.3938 14.4059 14.7692 13.5871C14.8902 13.3232 15.1348 12.3241 15.8186 13.323C16.3204 14.0561 17.0097 15.3741 16.9999 17.0735C16.9999 19.7944 14.7613 22 11.9999 22Z"
fill="#FC9502" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12.1019 16C12.8497 16 12.8497 17.4475 13.7996 19.3803C14.4321 20.6672 13.486 22 12.1019 22C10.7178 22 10 20.8271 10 19.3803C10 17.9335 11.3541 16 12.1019 16Z"
fill="#FCE202" />
<defs>
<linearGradient id="paint0_linear_3632_18878" x1="11.9995"
y1="22.0148" x2="11.9995" y2="2.01511"
gradientUnits="userSpaceOnUse">
<stop offset="1" stop-color="#FF4C0D" />
<stop offset="1" stop-color="#FC9502" />
</linearGradient>
</defs>
</svg>
<p><strong>34 products sold in last 10 hours.</strong></p>
</a>
</div>
<div class="prd-info-section">
<a class="rbt-quick-info-tag d-flex align-items-center rbt-gap--8 rbt-shiny"
href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="10"
viewBox="0 0 14 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M1.98586 5.18652C1.93484 5.12038 1.88687 5.05807 1.84423 5.00038C2.25958 4.44469 2.71871 3.92381 3.21712 3.44281C4.28087 2.42212 5.61949 1.53911 7 1.53911C8.38051 1.53911 9.71837 2.42212 10.7829 3.44281C11.2813 3.92383 11.7404 4.44471 12.1558 5.00038C11.7402 5.55588 11.2811 6.07675 10.7829 6.55796C9.71837 7.57865 8.38051 8.46166 7 8.46166C5.61949 8.46166 4.28163 7.57865 3.21712 6.55796C2.77476 6.13114 2.36329 5.67282 1.98586 5.18652ZM13.7297 4.58042L13.0916 5.00038L13.7297 5.42035L13.7282 5.42266L13.7259 5.42574L13.7183 5.43804L13.6901 5.47958C13.5374 5.70347 13.378 5.92253 13.2119 6.13645C12.789 6.68142 12.3279 7.19501 11.8322 7.67326C10.6915 8.76779 8.98433 10 7 10C5.01566 10 3.3085 8.76779 2.16785 7.67326C1.47767 7.00644 0.855254 6.27156 0.30991 5.47958C0.300444 5.46579 0.291053 5.45194 0.281736 5.43804L0.274122 5.42574L0.271837 5.42266L0.271076 5.42112C0.271076 5.42035 0.270314 5.42035 0.908409 5.00038L0.270314 4.58042L0.271837 4.57811L0.274122 4.57503L0.281736 4.56273C0.323524 4.49897 0.366683 4.43614 0.411182 4.37428C0.932338 3.63825 1.52073 2.95324 2.16861 2.32828C3.30773 1.23144 5.01566 0 7 0C8.98433 0 10.6915 1.23221 11.8322 2.32674C12.5223 2.99355 13.1448 3.72843 13.6901 4.52042L13.7183 4.56196L13.7259 4.57426L13.7282 4.57734L13.7289 4.57888L13.7297 4.58042ZM13.0916 5.00038L13.7297 4.58042L14 5.00038L13.7297 5.42035L13.0916 5.00038ZM0.270314 4.58042L0.908409 5.00038L0.270314 5.42035L0 5.00038L0.270314 4.58042ZM6.23855 5.00038C6.23855 4.79639 6.31877 4.60075 6.46157 4.4565C6.60437 4.31225 6.79805 4.23121 7 4.23121C7.20195 4.23121 7.39563 4.31225 7.53842 4.4565C7.68122 4.60075 7.76145 4.79639 7.76145 5.00038C7.76145 5.20438 7.68122 5.40002 7.53842 5.54427C7.39563 5.68852 7.20195 5.76956 7 5.76956C6.79805 5.76956 6.60437 5.68852 6.46157 5.54427C6.31877 5.40002 6.23855 5.20438 6.23855 5.00038ZM7 2.69287C6.39415 2.69287 5.81312 2.93598 5.38472 3.36873C4.95632 3.80147 4.71565 4.38839 4.71565 5.00038C4.71565 5.61238 4.95632 6.1993 5.38472 6.63204C5.81312 7.06479 6.39415 7.3079 7 7.3079C7.60585 7.3079 8.18688 7.06479 8.61528 6.63204C9.04367 6.1993 9.28435 5.61238 9.28435 5.00038C9.28435 4.38839 9.04367 3.80147 8.61528 3.36873C8.18688 2.93598 7.60585 2.69287 7 2.69287Z"
fill="#24BD25" />
</svg>
<p><strong>20 people are viewing this</strong></p>
</a>
</div>
</div>
<div class="rbt-info-wrapper d-flex mt--24">
<div class="prd-info-section">
<div class="prd-id-text">
<p class="text-bold">Color:</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>
<li><a class="rbt-switcher--color tooltips rbt-switcher--color-three"
data-switcher-color="#9C9B9E"
data-src="assets/images/product-single/earphone/earphone-04.webp"
data-tooltip="Dark" data-tooltip-position="top"
href="#">
<div class="rbt-color-circle"></div>
</a></li>
<li><a class="rbt-switcher--color tooltips rbt-switcher--color-four"
data-switcher-color="#F2EDE7"
data-src="assets/images/product-single/earphone/earphone-03.webp"
data-tooltip="White" data-tooltip-position="top"
href="#">
<div class="rbt-color-circle"></div>
</a></li>
<li><a class="rbt-switcher--color tooltips rbt-switcher--color-five rbt-switcher--disable disabled"
data-switcher-color="#a09fa4"
data-src="assets/images/product-single/earphone/earphone-03.webp"
data-tooltip="Gray" data-tooltip-position="top"
href="#">
<div class="rbt-color-circle"></div>
</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="rbt-info-wrapper d-flex mt--16">
<div class="product-styles-grp d-flex mt--0">
<p class="text-bold title">Style :</p>
<div class="content d-flex flex-wrap">
<a class="rbt-btn rbt-btn-border rbt-btn-sm rbt-square-btn active"
href="#">Headphones Only</a>
<a class="rbt-btn rbt-btn-border rbt-btn-sm rbt-square-btn"
href="#">Charging
Stand</a>
<a class="rbt-btn rbt-btn-border rbt-btn-sm disabled"
href="#">Headphones + Charging
Stand</a>
</div>
</div>
</div>
<div class="rbt-info-wrapper d-flex mt--16">
<div class="prd-info-section">
<div class="rbt-product-switch-area flex-column align-items-start">
<p class="text-bold title">Gift Item/Product :</p>
<ul class="rbt-switcher-product-list product-switcher-activation">
<li><a class="rbt-switcher--prd rbt-bg-color-brand-100 rbt-image-tooltip-activation rbt-switcher--prd-one"
href="#">
<img src="assets/images/product-single/ear-add-prd/eadd-prd-1.webp"
alt="Product Image">
<div class="rbt-image-tooltip-box">
<img src="assets/images/product-single/ear-add-prd/eadd-prd-1.webp"
alt="Product Image">
<span class="img-desc-text">Go Pro</span>
</div>
</a></li>
<li class="active"><a
class="rbt-switcher--prd rbt-bg-color-brand-100 rbt-image-tooltip-activation rbt-switcher--prd-two"
href="#">
<img src="assets/images/product-single/ear-add-prd/eadd-prd-2.webp"
alt="Product Image">
<div class="rbt-image-tooltip-box">
<img src="assets/images/product-single/ear-add-prd/eadd-prd-2.webp"
alt="Product Image">
<span class="img-desc-text">Watch</span>
</div>
</a></li>
<li><a class="rbt-switcher--prd rbt-bg-color-brand-100 rbt-image-tooltip-activation rbt-switcher--prd-three"
href="#">
<img src="assets/images/product-single/ear-add-prd/eadd-prd-3.webp"
alt="Product Image">
<div class="rbt-image-tooltip-box">
<img src="assets/images/product-single/ear-add-prd/eadd-prd-3.webp"
alt="Product Image">
<span class="img-desc-text">Camera</span>
</div>
</a></li>
<li><a class="rbt-switcher--prd rbt-bg-color-brand-100 rbt-image-tooltip-activation rbt-switcher--prd-four"
href="#">
<img src="assets/images/product-single/ear-add-prd/eadd-prd-4.webp"
alt="Product Image">
<div class="rbt-image-tooltip-box">
<img src="assets/images/product-single/ear-add-prd/eadd-prd-4.webp"
alt="Product Image">
<span class="img-desc-text">Airpod</span>
</div>
</a></li>
<li><a class="rbt-switcher--prd rbt-bg-color-brand-100 rbt-image-tooltip-activation rbt-switcher--prd-four"
href="#">
<img src="assets/images/product-single/ear-add-prd/eadd-prd-4.webp"
alt="Product Image">
<div class="rbt-image-tooltip-box">
<img src="assets/images/product-single/ear-add-prd/eadd-prd-4.webp"
alt="Product Image">
<span class="img-desc-text">Airpod</span>
</div>
</a></li>
</ul>
</div>
</div>
</div>
<div class="rbt-info-wrapper d-flex mt--20">
<div class="product-styles-grp d-flex mt--0">
<p class="text-bold title">Items :</p>
<div class="content d-flex flex-wrap">
<a class="rbt-btn rbt-btn-border rbt-btn-sm rbt-square-btn"
href="#">Charger</a>
<a class="rbt-btn rbt-btn-border rbt-btn-sm rbt-square-btn"
href="#">Audio Port</a>
<a class="rbt-btn rbt-btn-border rbt-btn-sm rbt-square-btn"
href="#">Type C Jack</a>
</div>
</div>
</div>
<div class="separator-top has-sm-spacer"></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 rbt-btn-border has-left-icon d-block text-center" href="#"
data-bs-toggle="modal" data-bs-target="#popup-cartModal"><i
class="fa-regular fa-cart-shopping"></i> Add To Cart</a>
</div>
<div class="prd-btn-grp">
<a class="rbt-btn d-block text-center" href="#">Buy Now</a>
</div>
<div class="rbt-quick-link-grp mt--12">
<button class="rbt-quick-link" data-bs-toggle="modal"
data-bs-target="#compareviewModal" type="button"><i
class="fa-sharp fa-regular fa-copy"></i>Compare Product</button>
<button class="rbt-quick-link" data-bs-toggle="modal"
data-bs-target="#wishlistModal" type="button"><i
class="fa-sharp fa-regular fa-heart"></i>Add To Wishlist</button>
<button class="rbt-quick-link" data-bs-toggle="modal"
data-bs-target="#socialShareModal" type="button"><i
class="fa-sharp fa-regular fa-share-nodes"></i>Share</button>
</div>
</div>
</div>
</div>
</div>
<div class="rbt-products-nav">
<a class="rbt-product-nav-btn rbt-round-btn rbt-round-btn-xl rbt-bg-static-gray rbt-btn-prev tooltips"
data-tooltip="Previous product" href="#"
aria-label="Previous product">
<i class="fa-regular fa-arrow-left"></i>
</a>
<a class="rbt-product-nav-btn rbt-round-btn rbt-round-btn-xl rbt-bg-static-gray rbt-btn-next tooltips"
data-tooltip="Next product" href="#"
aria-label="Next product">
<i class="fa-regular fa-arrow-right"></i>
</a>
</div>
</div>
<!-- End Component Area -->
</div>
</div>
</div>
</div>
<button class="rbt-btn" data-bs-toggle="modal" data-bs-target="#recent-viewModal">Recently Viewed</button>
<div class="rbt-default-modal modal fade has-rbt-top-folder-shape" id="recent-viewModal" tabindex="-1"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered xs-size">
<div class="modal-content">
<div class="rbt-folder-shape-right-portion">
<svg xmlns="http://www.w3.org/2000/svg" width="85" height="90" viewBox="0 0 85 90" fill="none">
<path
d="M0 0H11.1844C14.5695 0 17.7971 1.42971 20.0716 3.93671L82.1927 72.4059C83.9992 74.397 84.9999 76.9893 84.9999 79.6778C84.9999 85.6547 85.0001 90 85.0001 90H0V0Z"
fill="white" />
</svg>
</div>
<div class="modal-header">
<button type="button" class="rbt-round-btn rbt-modal-dis-btn" data-bs-dismiss="modal"
aria-label="Close">
<i class="fa-solid fa-xmark"></i>
</button>
</div>
<div class="rbt-top-folder-shape-wrapper">
<div class="rbt-recent-view-prd-area rbt-content-trs-portion rbt-scroll-vertical-wrapper">
<h5 class="rbt-title mb--16 rbt-text-bold">Recently Viewed Items</h5>
<div class="rbt-scroll-vertical">
<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">
<div class="rbt-card rbt-product-card rbt-list-view-variation rbt-list-view-sm">
<div class="inner rbt-scroll-trigger fade_in animation-order-1">
<div class="rbt-card-body">
<div class="rbt-card-rating">
<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"></i></li>
</ul>
<p class="rating-digit">(42)</p>
</div>
<h6 class="rbt-card-title"><a href="#">Beats
Studio Pro Wireless Earbuds β Black</a></h6>
<div class="pricing-part">
<del class="price-text">$255.34</del>
<span class="price-text">$69.78</span>
</div>
</div>
<div class="rbt-card-img rbt-bg-color-default rbt-curved-style-box">
<a href="#"><img
src="assets/images/product-img/electronics/electronics-bg-trans-list-01.webp"
alt="Card Image"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-12 mt--24">
<div class="rbt-card rbt-product-card rbt-list-view-variation rbt-list-view-sm">
<div class="inner rbt-scroll-trigger fade_in animation-order-2">
<div class="rbt-card-body">
<div class="rbt-card-rating">
<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"></i></li>
</ul>
<p class="rating-digit">(42)</p>
</div>
<h6 class="rbt-card-title"><a href="#">Apple
12.9-inch iPad Pro Wi-Fi 512GB Gray Space</a></h6>
<div class="pricing-part">
<del class="price-text">$56.00</del>
<span class="price-text">$26.00</span>
</div>
</div>
<div class="rbt-card-img rbt-bg-color-default rbt-curved-style-box">
<a href="#"><img
src="assets/images/product-img/electronics/electronics-bg-trans-list-02.webp"
alt="Card Image"></a>
</div>
</div>
</div>
</div>
repeat...
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<button class="rbt-btn" data-bs-toggle="modal" data-bs-target="#findstoreModal">Find Store</button>
<div class="rbt-default-modal modal fade" id="findstoreModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered xl-size">
<div class="modal-content p--0">
<div class="modal-header">
<button type="button" class="rbt-round-btn rbt-modal-dis-btn" data-bs-dismiss="modal" aria-label="Close">
<i class="fa-solid fa-xmark"></i>
</button>
</div>
<div class="rbt-google-map bg-color-white">
<iframe class="w-100" src="https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d2965.0824050173574!2d-93.63905729999999!3d41.998507000000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1sWebFilings%2C+University+Boulevard%2C+Ames%2C+IA!5e0!3m2!1sen!2sus!4v1390839289319" height="600" style="border:0"></iframe>
</div>
</div>
</div>
</div>
<button class="rbt-btn" data-bs-toggle="modal" data-bs-target="#quickviewSizeGuideModal">Size Guide</button>
<div class="rbt-default-modal modal fade has-rbt-top-folder-shape" id="quickviewSizeGuideModal" tabindex="-1" aria-labelledby="quickviewSizeGuideModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered rbt-size-guide-area">
<div class="modal-content">
<div class="rbt-folder-shape-right-portion">
<svg xmlns="http://www.w3.org/2000/svg" width="85" height="90" viewBox="0 0 85 90" fill="none">
<path d="M0 0H11.1844C14.5695 0 17.7971 1.42971 20.0716 3.93671L82.1927 72.4059C83.9992 74.397 84.9999 76.9893 84.9999 79.6778C84.9999 85.6547 85.0001 90 85.0001 90H0V0Z" fill="white" />
</svg>
</div>
<div class="modal-header">
<button type="button" class="rbt-round-btn rbt-modal-dis-btn" data-bs-dismiss="modal" aria-label="Close">
<i class="fa-solid fa-xmark"></i>
</button>
</div>
<div class="rbt-top-folder-shape-wrapper">
<div class="rbt-single-product-area rbt-bg-color-white rbt-content-trs-portion">
<div class="container">
<div class=" flex-column align-items-start">
<h5 class="rbt-title rbt-modal-title" id="quickviewSizeGuideModalLabel">Size Guide</h5>
<p class="rbt-modal-description">Masculine Tailored Pants</p>
<div class="w-100 d-flex align-items-center justify-content-between">
<p class="rbt-modal-subtitle">Find Your Size</p>
<div class="rbt-tab rbt-round-shape-tab">
<!-- Start tabs -->
<ul class="nav nav-tabs rbt-tabs-primary mb--0" id="rbt-sizeTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link nav-link-btn-sm active" id="rbt-tab-id-1" data-bs-toggle="tab" data-bs-target="#rbt-tab-pane-1" type="button" role="tab" aria-controls="rbt-tab-pane-1" aria-selected="true">
IN
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link nav-link-btn-sm" id="rbt-tab-id-2" data-bs-toggle="tab" data-bs-target="#rbt-tab-pane-2" type="button" role="tab" aria-controls="rbt-tab-pane-2" aria-selected="false">
CM
</button>
</li>
</ul>
<!-- End tabs -->
</div>
</div>
</div>
<div class="row pt--16">
<div class="col-12 rbt-scrollable-content pb--8">
<!-- Start tabs content -->
<div class="tab-content" id="rbt-sizeTabContent">
<div class="tab-pane fade show active" id="rbt-tab-pane-1" role="tabpanel" aria-labelledby="rbt-tab-id-1" tabindex="0">
<div class="rbt-responsive-table">
<table class="rbt-sizeguide-table">
<tbody>
<tr>
<td>Size</td>
<td>US Size</td>
<td>Chest</td>
<td>Waist</td>
<td>Low Hip</td>
<td>Inseam</td>
</tr>
<tr>
<td>XS</td>
<td>0-2</td>
<td>0-2</td>
<td>24-26</td>
<td>34-36</td>
<td>30</td>
</tr>
...
</tbody>
</table>
</div>
</div>
<div class="tab-pane fade" id="rbt-tab-pane-2" role="tabpanel" aria-labelledby="rbt-tab-id-2" tabindex="0">
<div class="rbt-responsive-table">
<table class="rbt-sizeguide-table">
<tbody>
<tr>
<td>Size</td>
<td>US Size</td>
<td>Chest</td>
<td>Waist</td>
<td>Low Hip</td>
<td>Inseam</td>
</tr>
<tr>
<td>XS</td>
<td>0-2</td>
<td>0-2</td>
<td>24-26</td>
<td>34-36</td>
<td>30</td>
</tr>
...
</tbody>
</table>
</div>
</div>
</div>
<!-- End tabs content -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Share Options