Gearing up something amazing for you…
Still waiting? Magic takes a moment! ✨
To change slider pagination dot style, remove the class
.rbt-swiper-pagination-var-one. So that, the dot get it's default
style.
Example:
<!-- default -->
<div class="rbt-swiper-pagination"></div>
<!-- variation one -->
<div class="rbt-swiper-pagination rbt-swiper-pagination-var-one"></div>
<div class="rbt-swiper-container-one rbt-arrow-between">
<div class="swiper rbt-hero-banner-activation-1 rbt-dot-bottom-center rbt-slideshow-content-inner">
<div class="swiper-wrapper">
<div class="swiper-slide">
your card...
</div>
repeat slide...
</div>
<div class="rbt-swiper-pagination rbt-swiper-pagination-var-one"></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 class="rbt-swiper-container-one rbt-dot-right-center plr--68 plr_lg--48 plr_md--48 plr_sm--0">
<div class="swiper rbt-hero-banner-activation-2">
<div class="swiper-wrapper">
<div class="swiper-slide">
your card...
</div>
repeat slide...
</div>
</div>
<div class="rbt-swiper-pagination rbt-swiper-pagination-var-one"></div>
</div>
<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">
your card...
</div>
repeat slide...
</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 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--100 pt_md--80">
<div class="col-lg-12">
<div class="rbt-component-section-title rbt-bg-color-white rbt-border-color-white">
<h4 class="rbt-title rbt-scroll-trigger fade_in animation-order-1"><span class="rbt-bold--text">Product Carosels</span> Folder Shape</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-white)"></path>
<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)"></path>
</svg>
</span>
</div>
</div>
</div>
<div class="rbt-component-area rbt-fshape-box rbt-bg-color-white">
<!-- Start Card Area -->
<div class="row row--12">
<div class="col-md-12 col-12">
<div class="rbt-swiper-container-one rbt-fashion-prd-card-activation-2-container rbt-arrow-between rbt-arrow-between-lg-dis">
<div class="swiper rbt-fashion-prd-card-activation-2">
<div class="swiper-wrapper">
<!-- single slider -->
<div class="swiper-slide">
your card...
</div>
repeat slide...
</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="swiper rbt-hero-banner-activation-3 rbt-arrow-between rbt-arrow-show-dfl rbt-slideshow">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="rbt-product-banner rbt-product-banner-style-four rbt-hero-banner rbt-hero-banner rbt-banner-four-var-two">
<div class="rbt-banner-inner rbt-bg-color-gray-200">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore numquam amet ratione aperiam nostrum molestiae
voluptatem. Accusantium perspiciatis delectus veritatis incidunt in dolorem saepe ipsum autem dolor voluptate nobis,
iure quae. Doloribus odit, corrupti recusandae expedita deleniti sapiente odio asperiores perspiciatis voluptatem dolor
illum, eum provident quas placeat sequi ipsam pariatur veritatis eveniet. Soluta nobis asperiores minima velit
eligendi vitae officia corrupti laborum ducimus voluptates, possimus sunt. Possimus laudantium voluptatibus provident
consequatur sed tenetur fuga aperiam repellat at totam! Adipisci autem pariatur tempora necessitatibus delectus cum
ullam vitae quos eligendi blanditiis expedita quam consectetur officia exercitationem sed, optio modi nesciunt.
</div>
</div>
</div>
repeat slide....
</div>
<div class="rbt-swiper-arrow-wrapper-style-one rbt-bg-color-white d-sm-none d-md-block">
<ul>
<li>
<div class="rbt-swiper-arrow rbt-arrow-left rbt-arrow-gray rbt-arrow-md rbt-arrow-brand">
<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>
</li>
<li>
<div class="rbt-swiper-arrow rbt-arrow-right rbt-arrow-gray rbt-arrow-md rbt-arrow-brand">
<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>
</li>
</ul>
</div>
<div class="rbt-swiper-pagination rbt-swiper-pagination-var-one"></div>
</div>
<div class="swiper rbt-cs-hero-banner-activation rbt-slideshow">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="rbt-product-banner rbt-product-banner-style-four rbt-hero-banner rbt-scroll-trigger zoom_in animation-order-1 rbt-has-content-bg-shape rbt-banner-four-var-three rbt-banner-four-var-three-has-larger-pb has-rbt-img-curved rbt-bg-color-extra-seven rounded-0">
<div class="rbt-banner-inner rounded-0">
<div class="container">
<div class="row row--12">
<div class="col-lg-12 col-md-12 col-sm-12 col-12 d-flex justify-content-center">
<div class="rbt-product-banner-content pl--0">
<div class="rbt-content-section rbt-slideshow-content-inner effect_fadeindown">
<h6 class="rbt-banner-subtitle-two h4 mb-0">Makeup Essentials</h6>
<h2 class="rbt-banner-title rbt-banner-title-lg mb-0"><span class="rbt-bold--text d-block">Highly Standard! </span>Branded Collections</h2>
<div class="rbt-pricing-part d-flex align-items-center flex-row">
<p class="rbt-price-desc-text">Just Starting From</p>
<span class="rbt-price-text offer-price">$189.00</span>
<span class="rbt-offer-badge">50% Off</span>
</div>
<div class="rbt-banner-btn">
<a class="rbt-btn" href="#">Shop Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="rbt-product-img rbt-bg-color-white rounded-0">
<div class="rbt-img-file-shape-inner rbt-curved-style-box">
<img class="w-100" src="image-url..." alt="...">
</div>
</div>
</div>
</div>
</div>
repeat slide...
</div>
<div class="container rbt-swiper-pagination rbt-swiper-pagination-var-one"></div>
</div>
<div class="rbt-banner-curved-style rbt-banner-has-center-curved-style rbt-banner-has-top-center-curved-style rbt-bg-color-brand-200 rbt-rounded--24">
<div class="swiper rbt-sports-hero-activation-1 rbt-arrow-between rbt-arrow-show-dfl rbt-arrow-bg-brand rbt-slideshow">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="rbt-product-banner rbt-product-banner-style-four rbt-hero-banner rbt-banner-four-var-three rbt-banner-four-var-three-lg rbt-bg-transparent">
<div class="rbt-banner-inner rounded-0 rbt-scroll-trigger fade_in animation-order-1">
<div class="container">
<div class="row row--12 align-items-end">
<div class="col-lg-6 col-md-12 col-sm-12 col-12">
<div class="rbt-product-banner-content pl--0">
<div class="rbt-content-section rbt-slideshow-content-inner effect_fadeindown">
<h6 class="rbt-banner-subtitle-two h4 mb-0">Exclusive Offer Going</h6>
<h2 class="rbt-banner-title rbt-banner-title-lg mb-0"><span class="rbt-bold--text d-block">A Little More Than </span>Just Sports Site.</h2>
<div class="rbt-pricing-part d-flex align-items-center flex-row">
<p class="rbt-price-desc-text">Start From</p>
<span class="rbt-price-text m-0 offer-price">$189.00</span>
<span class="rbt-offer-badge">50% Off</span>
</div>
<div class="rbt-banner-btn">
<a class="rbt-btn" href="#">Shop Now</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-12">
<div class="rbt-product-image rounded-0 rbt-scroll-trigger zoom_in animation-order-1 effect_fadeindown">
<img src="assets/images/product-banner/product-banner-sports-01.webp" alt="Eccomerce Ecommerce Product Banner Image">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
repeat slide...
</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 class="rbt-banner-center-curved-wrapper"></div>
</div>
<div class="rbt-component-area rbt-products-banner-area rbt-glass-hero-products-banner-area rbt-bg-color-white rbt-section-gap2Bottom pt--24 rbt-section-gap2Bottom">
<div class="rbt-fullwidth-wrapper">
<div class="swiper rbt-hero-banner-activation-3 rbt-arrow-between rbt-arrow-show-dfl rbt-slideshow">
<div class="swiper-wrapper">
<div class="swiper-slide">
<!-- Start Product Banner Area -->
<div class="rbt-product-banner rbt-product-banner-style-five rbt-product-banner-style-five-lg rbt-bg-color-gray-one">
<div class="rbt-banner-inner">
<div class="rbt-product-banner-img rbt-scroll-trigger zoom_in animation-order-4">
<img src="assets/images/product-banner/product-banner-glass-a-1.webp" alt="Ecommerce Product Banner Image">
</div>
<div class="rbt-product-banner-content rbt-corner-style rbt-banner-content-lb">
<div class="rbt-corner-portion-wrapper rbt-bg-color-white rbt-slideshow-content-inner effect_fadeindown">
<h4 class="rbt-banner-subtitle mb-0 fw-normal">Exclusive Offer Going</h4>
<h2 class="rbt-banner-title mb-0"><span class="rbt-bold--text d-block">Variation Big Theme </span> tin Aviator Frame</h2>
</div>
</div>
</div>
</div>
<!-- End Product Banner Area -->
</div>
repeat slide...
</div>
<div class="rbt-swiper-arrow-wrapper-style-one rbt-swiper-arrow-wrapper-style-one-col-style rbt-swiper-arrow-wrapper-style-one-sm-style rbt-bg-color-white">
<ul>
<li>
<div class="rbt-swiper-arrow rbt-arrow-left rbt-arrow-gray rbt-arrow-md rbt-arrow-brand">
<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>
</li>
<li>
<div class="rbt-swiper-arrow rbt-arrow-right rbt-arrow-gray rbt-arrow-md rbt-arrow-brand">
<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>
</li>
</ul>
</div>
<div class="rbt-swiper-pagination rbt-swiper-pagination-var-one"></div>
</div>
</div>
</div>
<div class="swiper rbt-hero-banner-activation-3 rbt-arrow-between rbt-arrow-show-dfl rbt-slideshow">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="rbt-product-banner rbt-product-banner-style-four rbt-hero-banner rbt-banner-four-var-two rbt-banner-four-var-two-smaller rbt-bg-color-brand-100 rbt-scroll-trigger fade_in animation-order-3">
<div class="rbt-banner-inner">
<div class="rbt-product-banner-content text-center d-flex justify-content-center align-items-center">
<div class="rbt-content-section rbt-content-less-wider rbt-slideshow-content-inner effect_fadeindown">
<h6 class="rbt-banner-subtitle-two h4 mb-0">Phone Essentials</h6>
<h2 class="rbt-banner-title rbt-banner-title-lg mb-0"><span class="rbt-bold--text d-block">Highly Standard! </span>Branded Case Collections</h2>
<div class="rbt-pricing-part d-flex align-items-center flex-row justify-content-center">
<p class="rbt-price-desc-text">Just Starting From</p>
<span class="rbt-price-text offer-price">$19.98</span>
<span class="rbt-offer-badge">Save 50%</span>
</div>
<div class="rbt-banner-btn-grp d-flex rbt-gap--16 mt--32 mt_sm--16 justify-content-center">
<a class="rbt-btn" href="#"><i class="fa-brands fa-apple mr--8"></i> Shop For Apple</a>
<a class="rbt-btn bg-white" href="#"><i class="fa-brands fa-android mr--8"></i> Shop For Android</a>
</div>
</div>
</div>
<div class="rbt-product-img rbt-scroll-trigger zoom_in animation-order-3">
<img src="assets/images/product-banner/product-banner-phone-h-2.webp" alt="Eccomerce Product Banner Background">
</div>
</div>
</div>
</div>
repeat slide...
</div>
<div class="rbt-swiper-arrow-wrapper-style-one rbt-swiper-arrow-wrapper-style-one-col-style rbt-swiper-arrow-wrapper-style-one-sm-style rbt-bg-color-white">
<ul>
<li>
<div class="rbt-swiper-arrow rbt-arrow-left rbt-arrow-gray rbt-arrow-md rbt-arrow-brand">
<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>
</li>
<li>
<div class="rbt-swiper-arrow rbt-arrow-right rbt-arrow-gray rbt-arrow-md rbt-arrow-brand">
<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>
</li>
</ul>
</div>
<div class="rbt-swiper-pagination rbt-swiper-pagination-var-one rbt-swiper-pagination-bottom-center"></div>
</div>
<div class="rbt-swiper-container-one rbt-arrow-between">
<div class="swiper rbt-hero-banner-activation-1 rbt-dot-bottom-center">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="rbt-product-banner rbt-product-banner-style-four rbt-banner-four-var-one rbt-card rbt-product-banner-accessories rbt-scroll-trigger fade_in animation-order-1">
<div class="rbt-banner-inner rbt-bg-color-brand-50">
<div class="rbt-product-banner-img rbt-full-width-img rbt-scroll-trigger zoom_in animation-order-1">
<img src="assets/images/product-banner/product-banner-access-h-1.webp" alt="Ecommerce Product Banner Image">
</div>
<div class="rbt-product-banner-content">
<div class="rbt-content-section rbt-content-less-wider">
<h6 class="rbt-banner-subtitle mb-0">Exclusive Offer Going</h6>
<h2 class="rbt-banner-title rbt-banner-title-lg mb-0"><span class="rbt-bold--text">GoPro</span> Hero 10</h2>
<div class="rbt-pricing-part">
<del class="rbt-dis-price-text">$295.00</del>
<div class="d-flex rbt-gap--12 align-items-center">
<span class="rbt-price-text offer-price">$179.98</span>
<span class="rbt-offer-badge">-30%</span>
</div>
</div>
</div>
</div>
<div class="rbt-left-corner-portion bottom--position rbt-left-corner-portion-lg show-rbt-left-corner-portion">
<div class="rbt-corner-portion-wrapper">
<a href="#" class="rbt-icon-overlay-link-btn rbt-icon-overlay-link-btn-dflt-active">
<div class="rbt-btn-overlay">
<i class="rbt-icon fa-solid fa-arrow-up-right"></i>
<i class="rbt-icon-bottom fa-solid fa-arrow-up-right"></i>
</div>
</a>
</div>
</div>
<div class="rbt-banner-bg-shape">
<img src="assets/images/product-banner/product-banner-access-h-shape-01.webp" alt="Ecommerce Banner Background Shape">
</div>
</div>
</div>
</div>
repeat slide...
</div>
<div class="rbt-swiper-pagination rbt-swiper-pagination-var-one"></div>
</div>
<div class="rbt-swiper-arrow sm_d-none 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 sm_d-none 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 class="rbt-banner-curved-style rbt-banner-has-center-curved-style rbt-banner-has-bottom-center-curved-style rbt-rounded--24">
<div class="swiper rbt-jwellery-hero-activation-1 rbt-arrow-between rbt-arrow-show-dfl rbt-slideshow">
<div class="swiper-wrapper">
<div class="swiper-slide">
<!-- Start Product Banner Area -->
<div
class="rbt-product-banner rbt-product-banner-style-four rbt-hero-banner rbt-banner-four-var-three rbt-banner-four-var-three-lg rbt-scroll-trigger fade_in animation-order-1">
<div class="rbt-banner-inner rounded-0">
<div class="container">
<div class="row row--12 align-items-end">
<div class="col-lg-6 col-md-12 col-sm-12 col-12">
<div class="rbt-product-banner-content rbt-product-banner-content-white-var pl--0">
<div class="rbt-content-section rbt-slideshow-content-inner effect_fadeindown">
<h6 class="rbt-banner-subtitle-two rbt-text-color-white h4 mb-0">Exclusive Offer
Going</h6>
<h2 class="rbt-banner-title rbt-banner-title-lg mb-0 rbt-text-color-white"><span
class="rbt-bold--text d-block">Its a gift for </span>someone very
special.</h2>
<div class="rbt-pricing-part d-flex align-items-center flex-row">
<p class="rbt-price-desc-text rbt-text-color-white">Start From</p>
<span
class="rbt-price-text m-0 offer-price rbt-text-color-gray-200">$189.00</span>
<span class="rbt-offer-badge">50% Off</span>
</div>
<div class="rbt-banner-btn">
<a class="rbt-btn" href="#">Shop Now</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-12">
<div
class="rbt-product-image rounded-0 rbt-product-image-fwidth rbt-scroll-trigger zoom_in animation-order-1">
<img src="assets/images/product-banner/product-banner-jwellerry-h-1.webp"
alt="Eccomerce Ecommerce Product Banner Image">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Product Banner Area -->
</div>
repeat slide...
</div>
<div class="rbt-swiper-arrow rbt-arrow-tranparent 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-tranparent 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 class="rbt-banner-center-curved-wrapper"></div>
</div>
<div class="rbt-swiper-container-one rbt-arrow-between">
<div class="swiper rbt-jw-prd-activation-1 rbt-swiper-scrollbar-bottom pb--60">
<div class="swiper-wrapper">
<div class="swiper-slide">
...
</div>
<div class="swiper-slide">
...
</div>
<div class="swiper-slide">
...
</div>
<div class="swiper-slide">
...
</div>
<div class="swiper-slide">
...
</div>
...
</div>
<div class="swiper-scrollbar"></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 class="rbt-fancy-item fancy-menu-text fancy-menu-start">
<div class="rbt-fancy-text">
<strong>Trending Now :</strong>
<div class="rbt-text-swiper-container rbt-arrow-vertical">
<div class="swiper-wrapper">
<div class="swiper-slide">christmas, thanksgiving, trees, decor, ornaments
<a class="rbt-fancy-link ml--4" href="#">Know more</a>
</div>
<div class="swiper-slide">
slide 2
</div>
<div class="swiper-slide">
slide 3
</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>