Gearing up something amazing for you…
Still waiting? Magic takes a moment! ✨
<aside class="rbt-sidebar">
<div class="rbt-sidebar-widget-wrapper rbt-sidebar-bg-one position-relative">
<div class="rbt-sidebar-top">
<h6 class="rbt-sidebar-title"><i class="fa-sharp fa-regular fa-filter-list mr--4"></i>
main title..
<span class="rbt-fshape-right-portion">
<svg xmlns="http://www.w3.org/2000/svg" width="42" height="40" 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-gray-200)" />
</svg>
</span>
</h6>
</div>
<div class="rbt-sidebar-bottom">
<!-- Start Widget Area -->
<div class="rbt-single-widget rbt-widget-categories">
<div class="bt-single-widget-inner">
<h4 class="rbt-widget-title rbt-widget-title-without-border">
title...
</h4>
<div class="rbt-widget-content rbt-scroll-content">
<ul class="rbt-sidebar-list-wrapper rbt-categories-list-check m--0">
filter option list...
</ul>
</div>
</div>
</div>
<!-- End Widget Area -->
</div>
</div>
</aside>
<aside class="rbt-sidebar has-rbt-fshape">
<div class="rbt-sidebar-widget-wrapper rbt-sidebar-bg-one position-relative">
<div class="rbt-sidebar-top">
<h6 class="rbt-sidebar-title"><i class="fa-sharp fa-regular fa-filter-list mr--4"></i>
main title..
<span class="rbt-fshape-right-portion">
<svg xmlns="http://www.w3.org/2000/svg" width="42" height="40" 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-gray-200)" />
</svg>
</span>
</h6>
</div>
<div class="rbt-sidebar-bottom">
<!-- Start Widget Area -->
<div class="rbt-single-widget rbt-widget-categories">
<div class="bt-single-widget-inner">
<h4 class="rbt-widget-title rbt-widget-title-without-border">
title...
</h4>
<div class="rbt-widget-content rbt-scroll-content">
<ul class="rbt-sidebar-list-wrapper rbt-categories-list-check m--0">
filter option list...
</ul>
</div>
</div>
</div>
<!-- End Widget Area -->
</div>
</div>
</aside>
<aside class="rbt-sidebar has-rbt-fshape">
<div class="rbt-sidebar-widget-wrapper rbt-sidebar-bg-one position-relative">
<div class="rbt-sidebar-top">
<h6 class="rbt-sidebar-title"><i class="fa-sharp fa-regular fa-filter-list mr--4"></i>
Filter & Refine
<span class="rbt-fshape-right-portion">
<svg xmlns="http://www.w3.org/2000/svg" width="42" height="40" 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-gray-200)" />
</svg>
</span>
</h6>
</div>
<div class="rbt-sidebar-bottom">
<!-- Start Widget Area -->
<div class="rbt-single-widget rbt-widget-categories">
<div class="bt-single-widget-inner">
<h4 class="rbt-widget-title rbt-widget-title-without-border">
<a data-bs-toggle="collapse" href="#rbt-collapse-1" role="button" aria-expanded="true" aria-controls="rbt-collapse-1" class="">
title...
<span class="icon"><i class="fa-regular fa-chevron-down"></i></span>
</a>
</h4>
<div class="collapse show" id="rbt-collapse-1">
filter option list...
</div>
</div>
</div>
<!-- End Widget Area -->
<!-- Start Widget Area -->
<div class="rbt-single-widget rbt-widget-categories">
<div class="bt-single-widget-inner">
<h4 class="rbt-widget-title rbt-widget-title-without-border">
<a data-bs-toggle="collapse" href="#rbt-collapse-2" role="button" aria-expanded="true" aria-controls="rbt-collapse-2" class="">
title...
<span class="icon"><i class="fa-regular fa-chevron-down"></i></span>
</a>
</h4>
<div class="collapse show" id="rbt-collapse-2">
filter option list...
</div>
</div>
</div>
<!-- End Widget Area -->
</div>
</div>
</aside>
<!-- Start Widget Area -->
<div class="rbt-single-widget rbt-widget-categories">
<div class="bt-single-widget-inner">
<h4 class="rbt-widget-title rbt-widget-title-without-border">
<a data-bs-toggle="collapse" href="#rbt-collapse-3" role="button" aria-expanded="true" aria-controls="rbt-collapse-3" class="">
Categories
<span class="icon"><i class="fa-regular fa-chevron-down"></i></span>
</a>
</h4>
<div class="collapse show" id="rbt-collapse-3">
<ul class="rbt-sidebar-list-wrapper rbt-categories-list-check">
<li class="rbt-check-group">
<input id="cat-list-18" type="checkbox" name="cat-list-18">
<label for="cat-list-18">Accessories <span class="rbt-lable count">(96)</span></label>
</li>
<li class="rbt-check-group">
<input id="cat-list-19" type="checkbox" name="cat-list-19">
<label for="cat-list-19">Best seller <span class="rbt-lable count">(12)</span></label>
</li>
...
</ul>
</div>
</div>
</div>
<!-- End Widget Area -->
<!-- Start Widget Area -->
<div class="rbt-single-widget rbt-widget-categories">
<div class="bt-single-widget-inner">
<h4 class="rbt-widget-title rbt-widget-title-without-border">
<a data-bs-toggle="collapse" href="#rbt-collapse-4" role="button" aria-expanded="true" aria-controls="rbt-collapse-4" class="">
Customer Reviews
<span class="icon"><i class="fa-regular fa-chevron-down"></i></span>
</a>
</h4>
<div class="collapse show" id="rbt-collapse-4">
<ul class="rbt-sidebar-list-wrapper rbt-categories-review-list">
<li class="rbt-review-group">
<a href="#" class="rbt-card-rating d-flex align-items-center">
<ul class="rbt-rating-icon-list list-unstyled">
<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="rbt-rating-text">& Up</p>
</a>
</li>
<li class="rbt-review-group">
<a href="#" class="rbt-card-rating d-flex align-items-center">
<ul class="rbt-rating-icon-list list-unstyled">
<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="rbt-rating-text">& Up</p>
</a>
</li>
<li class="rbt-review-group">
<a href="#" class="rbt-card-rating d-flex align-items-center">
<ul class="rbt-rating-icon-list list-unstyled">
<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>
<li><i class="fa-solid fa-star"></i></li>
</ul>
<p class="rbt-rating-text">& Up</p>
</a>
</li>
<li class="rbt-review-group">
<a href="#" class="rbt-card-rating d-flex align-items-center">
<ul class="rbt-rating-icon-list list-unstyled">
<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>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
</ul>
<p class="rbt-rating-text">& Up</p>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- End Widget Area -->
<!-- Start Widget Area -->
<div class="rbt-single-widget rbt-widget-categories">
<div class="bt-single-widget-inner">
<h4 class="rbt-widget-title rbt-widget-title-without-border">
<a data-bs-toggle="collapse" href="#rbt-collapse-5" role="button" aria-expanded="true" aria-controls="rbt-collapse-5" class="">
Filter by Price
<span class="icon"><i class="fa-regular fa-chevron-down"></i></span>
</a>
</h4>
<div class="collapse show" id="rbt-collapse-5">
<ul class="rbt-sidebar-list-wrapper rbt-categories-list-check">
<li class="rbt-check-group">
<input id="rbt-cat-list-fil-1" type="checkbox" name="rbt-cat-list-fil-1">
<label for="rbt-cat-list-fil-1">Under $25 <span class="rbt-lable count">(9)</span></label>
</li>
<li class="rbt-check-group">
<input id="rbt-cat-list-fil-2" type="checkbox" name="rbt-cat-list-fil-2">
<label for="rbt-cat-list-fil-2">$25 to $50 <span class="rbt-lable count">(12)</span></label>
</li>
<li class="rbt-check-group">
<input id="rbt-cat-list-fil-3" type="checkbox" name="rbt-cat-list-fil-3">
<label for="rbt-cat-list-fil-3">$50 to $100 <span class="rbt-lable count">(67)</span></label>
</li>
<li class="rbt-check-group">
<input id="rbt-cat-list-fil-4" type="checkbox" name="rbt-cat-list-fil-4">
<label for="rbt-cat-list-fil-4">$100 to $200<span class="rbt-lable count">(30)</span></label>
</li>
<li class="rbt-check-group">
<input id="rbt-cat-list-fil-5" type="checkbox" name="rbt-cat-list-fil-5">
<label for="rbt-cat-list-fil-5">$200 & Above<span class="rbt-lable count">(89)</span></label>
</li>
</ul>
<div class="rbt-price-range-slider">
<div id="rbt-slider-range" class="rbt-range-bar"></div>
<p class="rbt-range-value">
<input type="text" id="amount" readonly>
</p>
</div>
<div class="rbt-price-input-grp">
<input type="number" min="0" placeholder="$ Min">
<input type="number" min="0" placeholder="$ Max">
<a href="#" class="rbt-btn">$Go</a>
</div>
</div>
</div>
</div>
<!-- End Widget Area -->
<!-- Start Widget Area -->
<div class="rbt-single-widget rbt-widget-categories">
<div class="bt-single-widget-inner">
<h4 class="rbt-widget-title rbt-widget-title-without-border">
<a data-bs-toggle="collapse" href="#rbt-collapse-8" role="button" aria-expanded="false"
aria-controls="rbt-collapse-8">
Filter by color
<span class="icon"><i class="fa-regular fa-chevron-down"></i></span>
</a>
</h4>
<div class="collapse show" id="rbt-collapse-8">
<div class="rbt-has-show-more">
<ul
class="rbt-sidebar-list-wrapper rbt-categories-list-color-swatch rbt-has-show-more-inner-content">
<li class="rbt-color-swatch-group">
<a href="#" class="rbt-color-swatch-content">
<span class="rbt-color-swatch">
<span class="rbt-color-swatch-bg rbt-swatch-bg-black"></span>
<span class="rbt-color-swatch-text">Black</span>
</span>
</a>
<span class="rbt-color-swatch-count">(33)</span>
</li>
<li class="rbt-color-swatch-group">
<a href="#" class="rbt-color-swatch-content active">
<span class="rbt-color-swatch">
<span class="rbt-color-swatch-bg rbt-swatch-bg-blue"></span>
<span class="rbt-color-swatch-text">Blue</span>
</span>
</a>
<span class="rbt-color-swatch-count">(56)</span>
</li>
<li class="rbt-color-swatch-group">
<a href="#" class="rbt-color-swatch-content">
<span class="rbt-color-swatch">
<span class="rbt-color-swatch-bg rbt-swatch-bg-brown"></span>
<span class="rbt-color-swatch-text">Brown</span>
</span>
</a>
<span class="rbt-color-swatch-count">(90)</span>
</li>
<li class="rbt-color-swatch-group">
<a href="#" class="rbt-color-swatch-content">
<span class="rbt-color-swatch">
<span class="rbt-color-swatch-bg rbt-swatch-bg-gray"></span>
<span class="rbt-color-swatch-text">Gray</span>
</span>
</a>
<span class="rbt-color-swatch-count">(33)</span>
</li>
...
</ul>
<div class="rbt-show-more-btn-area">
<button class="rbt-show-more-btn">Show More</button>
</div>
</div>
</div>
</div>
</div>
<!-- End Widget Area -->
<!-- Start Widget Area -->
<div class="rbt-single-widget rbt-widget-categories">
<div class="bt-single-widget-inner">
<h4 class="rbt-widget-title rbt-widget-title-without-border">
<a data-bs-toggle="collapse" href="#rbt-collapse-9" role="button" aria-expanded="false"
aria-controls="rbt-collapse-9">
Brand
<span class="icon"><i class="fa-regular fa-chevron-down"></i></span>
</a>
</h4>
<div class="collapse show" id="rbt-collapse-9">
<ul class="rbt-sidebar-list-wrapper rbt-categories-list-check rbt-categories-brand-list-check">
<li class="rbt-check-group">
<input id="rbt-cat-list-brand-radio-1" type="radio"
name="rbt-cat-list-brand-radio">
<label for="rbt-cat-list-brand-radio-1">
<span class="rbt-lable-content">
<span class="rbt-lable-img"><img
src="assets/images/sidebar/catagory-brand/catagory-brand-img-01.webp"
alt="Catagory Image"></span>
<span class="rbt-lable-text">Acme</span>
</span>
<span class="rbt-lable-count">(96)</span>
</label>
</li>
<li class="rbt-check-group">
<input id="rbt-cat-list-brand-radio-2" type="radio"
name="rbt-cat-list-brand-radio">
<label for="rbt-cat-list-brand-radio-2">
<span class="rbt-lable-content">
<span class="rbt-lable-img"><img
src="assets/images/sidebar/catagory-brand/catagory-brand-img-02.webp"
alt="Catagory Image"></span>
<span class="rbt-lable-text">Aurarts</span>
</span>
<span class="rbt-lable-count">(12)</span>
</label>
</li>
...
</ul>
</div>
</div>
</div>
<!-- End Widget Area -->
<!-- Start Widget Area -->
<div class="rbt-single-widget rbt-widget-categories">
<div class="bt-single-widget-inner">
<h4 class="rbt-widget-title rbt-widget-title-without-border">
<a data-bs-toggle="collapse" href="#rbt-collapse-7" role="button" aria-expanded="false"
aria-controls="rbt-collapse-7">
Promotion & Services
<span class="icon"><i class="fa-regular fa-chevron-down"></i></span>
</a>
</h4>
<div class="collapse show" id="rbt-collapse-7">
<div class="rbt-sidebar-list-wrapper rbt-tag-list justify-content-start pt--24">
<a href="#">Free Delivery <i class="fa-regular fa-truck-fast"></i></a>
<a href="#">Hot Deals <i class="fa-sharp fa-regular fa-stars"></i></a>
...
</div>
</div>
</div>
</div>
<!-- End Widget Area -->
<div class="rbt-shop-tools-wrapper">
<div class="rbt-shop-tool-content rbt-shop-filter-tag-wrapper w-100">
<h6 class="rbt-shop-tools-title">Fast FIlter :</h6>
<div class="rbt-shop-filter-tag-list rbt-tag-list rbt-tag-list-rounded rbt-tag-list-var-one">
<a href="#"><i class="fa-regular fa-truck-fast"></i> Featured</a>
<a href="#"><i class="fa-sharp fa-regular fa-stars"></i> Best Sellers</a>
<a href="#"><i class="fa-regular fa-badge-check"></i> Top Rated </a>
<a href="#"><i class="fa-regular fa-money-bill"></i> New</a>
<a href="#"><i class="fa-sharp fa-regular fa-calendar-days"></i> Top Items</a>
<a href="#"><i class="fa-sharp fa-regular fa-stars"></i> Popular Item</a>
</div>
</div>
</div>
<div class="rbt-shop-tools-wrapper rbt-shop-tools-wrapper-var-one">
<div class="rbt-shop-tool-content rbt-shop-view-var-wrapper">
<h6 class="rbt-shop-tools-title">Showing 1–20 of 45 results </h6>
<div class="rbt-shop-view-btn-list rbt-tag-list-rounded rbt-shop-view-menu">
<a href="#" class="tooltips" data-tooltip="List Style" data-tooltip-position="top"><i class="fa-regular fa-list"></i></a>
<a href="#" class="tooltips" data-tooltip="Two Column" data-tooltip-position="top"><i class="fa-regular fa-grid-2"></i></a>
<a class="active tooltips" href="#" data-tooltip="Three Column" data-tooltip-position="top"><i class="fa-sharp fa-light fa-grid"></i></a>
<a href="#" class="tooltips" data-tooltip="Four Column" data-tooltip-position="top"><i class="fa-sharp fa-light fa-grid-4"></i></a>
</div>
</div>
</div>
<div class="rbt-shop-tools-wrapper">
<div class="rbt-shop-tool-content rbt-shop-filter-tag-wrapper">
<div class="rbt-shop-filter-tag-list rbt-tag-list rbt-tag-list-sm rbt-tag-list-bg-var-one rbt-tag-list-rounded rbt-tag-cancel-var">
<a href="#"><i class="fa-solid fa-xmark"></i> Featured</a>
<a href="#"><i class="fa-solid fa-xmark"></i> Best Products</a>
<a href="#"><i class="fa-solid fa-xmark"></i> Popular</a>
<a href="#" class="text-decoration-underline">Clear All</a>
</div>
</div>
</div>
<div class="rbt-shop-tools-wrapper rbt-shop-tools-wrapper-var-one">
<div class="rbt-shop-tool-content rbt-shop-view-sort-wrapper">
<div class="rbt-tools-select-single">
<h6 class="rbt-shop-tools-title">Sort :</h6>
<div class="rbt-modern-select rbt-shop-view-sort-select-one">
<select class="rbt-select-activation">
<option>Sort by latest</option>
<option>Sort by date</option>
<option>Sort by oldest</option>
<option>Sort by type</option>
</select>
</div>
</div>
<div class="rbt-tools-select-single">
<h6 class="rbt-shop-tools-title">Show :</h6>
<div class="rbt-modern-select rbt-shop-view-sort-select-two">
<select class="rbt-select-activation">
<option>16 Items</option>
<option>12 Items</option>
<option>8 Items</option>
<option>4 Items</option>
<option>2 Items</option>
</select>
</div>
</div>
</div>
</div>