/*********************************************************************************

	Template Name: Unimart Ecommerce Bootstrap5 Template
	Description: A perfect Template For Ecommerce. It comes with nice and clean design.

	Note: This is style css.

**********************************************************************************/
/**************************************************************

	STYLESHEET INDEXING
	|
	|
	|___ Default Styles
	|	|
	|	|___ variables
	|	|___ mixins
	|	|___ reset
	|	|___ typography
	|	|___ extend
	|	|___ animations
	|	|___ shortcode
	|	|___ spacing
	|	|___ rbt-common
	|	|___ forms
	|	|___ text-animation
	|
	|
	|___Header Styles
	|	|___ header-common
	|	|___ headertop
	|	|___ offertopbar
	|	|___ headermid
	|	|___ social-share
	|	|___ header
	|	|___ nav
	|	|___ mega-menu
	|	|___ mobilemenu
	|	|___ offcanvas
	|	|___ one-page-navigation
	|
	|
	|___Elements Styles
	|	|___ Button
	|___|___ Catagory
	|___|___ Card
	|___|___ Swiper
	|___|___ Section-title
	|___|___ Catagory
	|___|___ Tab
	|___|___ Accordion
	|___|___ Countdown
	|___|___ List
	|___|___ Select Styles
	|___|___ Product Card
	|___|___ Tooltips
	|___|___ Alert Style
	|___|___ Single Product
	|___|___ Modals Css
	|___|___ Breadcrumb Styles
	|___|___ Brands Styles
	|___|___ Instagram Post Styles
	|___|___ Lookbook Styles
	|___|___ Bottom ToolsBar Styles
	|___|___ Video Styles
	|___|___ Pagination
	|___|___ Mask Element Styles
	|___|___ Folder Shape Box Styles
	|___|___ Timeline Styles
	|___|___ Product Comparison Styles
	|___|___ Product Review Styles
	|___|___ zoom-section Styles
	|___|___ animations Styles
	|___|___ swipe-slideshow Styles
	|___|___ loading-skelton
	|___|___ Table Style


	|___Blog
	|	|___  Blog Styles

	|___Shop Styles
	|	|___ minicart
	|	|___ Sidebar
	|	|___ Shop Styles

	|___Inner Pages
	|	|___ Brand List
	|	|___ Catagories List
	|	|___ Offer List
	|	|___ About
	|	|___ Blog Details
	|	|___ Counter Up
	|	|___ Error Page
	|	|___ Contact Page
	|	|___ Compare Product Page
	|	|___ wishlist Page
	|	|___ find-store Page
	|	|___ sign-in Page
	|	|___ Cart Page

	|___Footer Styles
	|	|___ Footer
	|	|___ back to top
	|

	|___Splash Styles
	|	|___ Solash
	|	|___ Splash Banner
	|	|___ Splash Feature
	|
	|
	|___ END STYLESHEET INDEXING

***************************************************************/
/**************************************
    Default Styles
***************************************/
/**
 * Typography
 */
@import url("https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Caprasimo&display=swap");
/*-------------------------------------
  Variables
  -------------------------------------*/
/* Theme Colors */
:root {
  /* Primary and Secondary Colors */
  --color-primary: #215ADA;
  --color-secondary: #FF4C1A;
  /* Additional Colors */
  --color-green: #24BD25;
  --color-light-green: #E5FAE5;
  --color-yellow: #FCC418;
  --color-orange: #CD6E00;
  /* Text Colors */
  --color-heading: #000000;
  --color-body: #737373;
  --color-black-opacity: rgba(0, 0, 0, 0.8 );
  --color-black: #000000;
  --color-dark-black: #111111;
  --color-gray-black: #05051F;
  --color-gray-black-two: #272718;
  --color-gray-black-three: #181818;
  /* Background Colors */
  --color-white: #ffffff;
  --color-gray-light: #F9F9F9;
  --color-light-pink: #FFEDEB;
  --white-opacity: #ffffff21;
  /* Brand Palette */
  --color-brand-50: #EFF1F4;
  --color-brand-100: #E7E9EC;
  --color-brand-200: #E9F1FC;
  --color-brand-300: #D3E1F8;
  --color-brand-400: #BCD2F4;
  --color-brand-500: #A4C2F1;
  --color-brand-600: #7A9CE9;
  --color-brand-700: #648BE5;
  /* Neutral and Gray Colors */
  --color-gray-100: #F3F3F3;
  --color-gray-150: #F6F6F6;
  --color-gray-200: #E6E6E6;
  --color-gray-300: #C1C1C1;
  --color-gray-400: #888888;
  --color-gray-500: #555555;
  --color-gray-600: #444444;
  --color-gray-700: #333333;
  /* Border Colors */
  --color-border: #F3F3F3;
  --color-border-2: #F4F4F4;
  /* Extra Colors */
  --color-extra-one: #EEEEEE;
  --color-extra-two: #FAF0DC;
  --color-extra-three: #EAEAEA;
  --color-extra-four: #E7E8E9;
  --color-extra-five: #E6F2FB;
  --color-extra-six: #E0EEEA;
  --color-extra-seven: #D3DDEF;
  --color-extra-eight: #FFC20E;
  --color-extra-nine: #0E1932;
  --color-extra-ten: #222D46;
  --color-extra-eleven: #BCBCBC;
  --color-extra-twelve: #FFF0EC;
  --color-chocolate: #673B39;
  /* Element Background Colors */
  --color-element-bg-blue: #E5F2FB;
  --color-element-bg-yellow: #FAF0DC;
  /* Notification Colors */
  --color-success: #53DC54;
  --color-danger: #E53E3E;
  --color-warning: #F5B24F;
  /* Social Media Colors */
  --color-facebook: #2A66FF;
  --color-tiktok: #000000;
  --color-youtube: #ED4141;
  --color-linkedin: #0077B5;
  --color-pinterest: #BD091C;
  --color-tumblr: #34475C;
  --color-telegram: #31A8E0;
  --color-vimeo: #00ADEF;
  --color-twitch: #6441A3;
  --color-discord: #7289da;
  --color-whatsapp: #24D366;
  --color-mail: #5FB7E0;
  --color-phone: #014A8F;
  --color-skype: #00AFF0;
  --color-signal: #3A76F0;
  /* Border Radius */
  --radius-60: 60px;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-big: 16px;
  --radius-md: 8px;
  --border-width: 2px;
  --radius: 6px;
  --radius-full: 50%;
  /* Font weight */
  --f-light: 300;
  --f-regular: 400;
  --f-medium: 500;
  --f-semi-bold: 600;
  --f-bold: 700;
  --f-extra-bold: 800;
  --f-black: 900;
  /* Shadows */
  --shadow-1: 0px 4px 30px 10px rgba(0, 0, 0, 0.05);
  --shadow-2: 0px 8px 100px var(--color-extra-three);
  --shadow-3: 0px 8px 30px 5px rgba(0, 0, 0, 0.05);
  --shadow-4: 0px 10px 35px 20px rgb(0 0 0 / 6%);
  --shadow-5: 0px 20px 70px 0px rgba(0, 0, 0, 0.1);
  --shadow-6: 0px 4px 100px 0px #D6D6D6;
  --shadow-7: 0px 5px 20px 0px rgba(33, 90, 218, 0.3);
  --shadow-8: -4px 4px 8px 4px rgb(0 0 0 / 10%);
  --shadow-10: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  --shadow-product-item: 0px 10px 35px 0px rgba(0, 0, 0, 0.14);
  --shadow-light: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
  /* Transitions */
  --transition: all 0.4s ease-in-out;
  --transition-cubic: all .4s cubic-bezier(.15,.2,.1,1);
  --transition-short-cubic: all .2s cubic-bezier(.15,.2,.1,1);
  --transition-short: all 0.2s ease-in-out;
  --transition-2: 256ms ease-in-out;
  --transition-3: transform .85s cubic-bezier(.23,1,.32,1),background .3s,border .3s,border-radius .3s,box-shadow .3s;
  --transition-4: all .25s cubic-bezier(.645,.045,.355,1);
  /* Fonts */
  --font-primary: "Cabin", sans-serif;
  --font-secondary: "Caveat", cursive;
  --font-tertiary: "Bebas Neue", serif;
  --font-quaternary: "Caprasimo", serif;
  /* Font Sizes */
  --font-size-b1: 16px;
  --font-size-b2: 15px;
  --font-size-b3: 14px;
  --font-size-b4: 12px;
  --font-size-xl: 54px;
  /* Line Heights */
  --line-height-b1: 1.5; /* Optimized for 16px */
  --line-height-b2: 1.46; /* For 15px */
  --line-height-b3: 1.4; /* For 14px */
  --line-height-b4: 1.5; /* For 12px */
  --line-height-xl: 1.18; /* For 54px */
  /* Headings */
  --h1: 36px; /* H1 size */
  --h2: 30px; /* H2 size */
  --h3: 28px; /* H3 size */
  --h4: 24px; /* H4 size */
  --h5: 20px; /* H5 size */
  --h6: 18px; /* H6 size */
  --div-gap-1: 10px; /* Default gap for layout */
  /* Gradients */
  --gradient-1: linear-gradient(rgb(255, 255, 255) 0%, rgb(239, 241, 255) 100%);
  --gradient-white-b: linear-gradient(168deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%);
}

/*-------------------------------------
  Layout Variations for Media Queries
-------------------------------------*/
/**************************************
    Default Styles
***************************************/
/**************************************
    Default Styles
***************************************/
/*=====================
    All Extend Here
=======================*/
/* -----------------------------
    Hover Dropdown Extend  
--------------------------------*/
.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu, .mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu, .rbt-dropdown-menu-elastic li .sub-menu, .rbt-user-wrapper .rbt-user-menu-list-wrapper {
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 0;
  clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
  transition: all 0.2s ease-in-out, clip-path 0.4s ease-in-out;
  opacity: 0;
  visibility: visible;
}

.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown:hover > .submenu,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown:hover > .submenu, .mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu:hover .rbt-megamenu,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu:hover .rbt-megamenu, .mainbar-row .rbt-mainmenu-nav .mainmenu > li .submenu > li:hover > .submenu,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li .submenu > li:hover > .submenu, .rbt-dropdown-menu-elastic li.active-on-hover:hover .sub-menu, .rbt-dropdown-menu-elastic li.active .sub-menu, .rbt-user-wrapper:hover .rbt-user-menu-list-wrapper {
  top: 100%;
  opacity: 1;
  visibility: visible;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  z-index: 5;
}

/*----------------------
    Bg Image  
------------------------*/
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.has-rbt-img-curved .rbt-img-file-shape-inner, .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-has-content-bg-shape::after, .rbt-static-banner .rbt-banner-content.rbt-banner-content-has-bg-one, .rbt-static-banner .rbt-banner-content.rbt-banner-content-has-bg-two, .rbt-banner-has-bg-grid-both::after, .rbt-banner-has-bg-grid-two::after, .rbt-countdown-banner.rbt-countdown-banner-has-bg-01, .rbt-counterdown-section, .rbt-counterdown-section.rbt-counterdown-section-style-one, .rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .product-single-slider-two-thumb-activation .swiper-slide button .rbt-thumb-img-sm,
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .rbt-product-thumb-slider-activation .swiper-slide button .rbt-thumb-img-sm, .rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .product-single-slider-two-activation,
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .rbt-product-single-slider-activation, .rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one ul li + li::before, .rbt-topbar-bg-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.rbt-comment-list, .rbt-comment-list ul.rbt-child-comment, .rbt-comment-list .comment .rbt-commented-img-list, .rbt-single-widget ul.rbt-sidebar-list-wrapper, .pricing-billing-duration ul, .pricing-table .pricing-body .list-item, .advance-pricing .pricing-right .plan-offer-list, .rbt-product-nav-grp, .rbt-list-style-1, .rbt-list-style-3, .plan-offer-list, .rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper, .social-share-transparent, .rbt-dropdown-menu-elastic, .rbt-user-menu-list-wrapper .user-list-wrapper, .rbt-header-cat-link-section .rbt-cat-link-wrapper, .rbt-inf-box-wrapper-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.rbt-comment-list .comment .reply-edit a.comment-reply-link, .rbt-minicart-wrapper .minicart-item, .rainbow-card, .rainbow-card .inner .thumbnail .card-image img, .rainbow-card .inner .content .title a, .filter-button-default button, .team .thumbnail img, .rbt-team-tab-thumb li .rbt-team-thumbnail .thumb img, .rbt-team-tab-thumb li .rbt-team-thumbnail .thumb::after, .rbt-team-tab-thumb li .rbt-team-thumbnail .thumb::before, .rbt-team-modal-thumb .rbt-team-thumbnail .thumb img, .rbt-team-modal-thumb .rbt-team-thumbnail .thumb::after, .rbt-team-modal-thumb .rbt-team-thumbnail .thumb::before, .mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li a,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li a, .social-share-transparent li a, .social-share-transparent li a::before, .rbt-user-menu-list-wrapper .user-list-wrapper li a, .form-group input, .form-group textarea, .rbt-author-meta .rbt-author-info a, #scrollUp, ul li a, ol li a {
  transition: var(--transition);
}

.rbt-dropdown-menu-elastic li a, .rbt-dropdown-menu-elastic li a .right-icon, .rbt-dropdown-menu-elastic li .sub-menu li a {
  transition: var(--transition);
}

/*---------------------- 
    Common Css 
--------------------------*/
.liststyle {
  padding: 0;
  margin: 0;
  list-style: none;
}
.liststyle li {
  margin: 0;
}

.height-auto {
  height: auto !important;
}

.max-width-auto {
  max-width: inherit !important;
}

/* Theme-specific classes */
body.theme-yellow {
  --color-primary: var(--color-yellow);
}
body.theme-blue {
  --color-primary: #2196F3; /* Assuming this is the blue color */
}
body.theme-red {
  --color-primary: #F44336; /* Assuming this is the red color */
}

/**************************************
    Default Styles
***************************************/
/**
 * Reset Styels
 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

a {
  color: var(--color-heading);
  text-decoration: none;
  outline: none;
  transition: var(--transition);
}

a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
  color: var(--color-primary);
}

a:focus {
  outline: none;
}

address {
  margin: 0 0 24px;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

mark {
  background: var(--color-primary);
  color: #ffffff;
}

code,
kbd,
pre,
samp {
  font-size: var(--font-size-b3);
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  color: var(--color-primary);
}

kbd,
ins {
  color: #ffffff;
}

pre {
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: var(--font-size-b3);
  margin: 10px 0;
  overflow: auto;
  padding: 20px;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  color: var(--color-body);
  background: var(--color-brand-200);
}

small {
  font-size: smaller;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dl {
  margin-top: 0;
  margin-bottom: 10px;
}

dd {
  margin: 0 15px 15px;
}

dt {
  font-weight: bold;
  color: var(--color-heading);
}

menu,
ol,
ul {
  margin: 16px 0;
  padding: 0 0 0 40px;
}

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

li > ul,
li > ol {
  margin: 0;
}

ol ul {
  margin-bottom: 0;
}

img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 1px solid var(--color-border);
  margin: 0 2px;
  min-width: inherit;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  max-width: 100%;
  vertical-align: baseline;
}

button,
input {
  line-height: normal;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  cursor: pointer;
}

button[disabled],
input[disabled] {
  cursor: default;
}

input[type=checkbox],
input[type=radio] {
  padding: 0;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  appearance: textfield;
  padding-right: 2px;
  width: 270px;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

caption,
th,
td {
  font-weight: normal;
}

th {
  font-weight: var(--f-medium);
}

td,
.wp-block-calendar tfoot td {
  border: 1px solid var(--color-border);
  padding: 7px 10px;
}

del {
  color: #333;
}

ins {
  background: rgba(255, 47, 47, 0.4);
  text-decoration: none;
}

hr {
  background-size: 4px 4px;
  border: 0;
  height: 1px;
  margin: 0 0 24px;
}

table a,
table a:link,
table a:visited {
  text-decoration: underline;
}

dt {
  font-weight: bold;
  margin-bottom: 10px;
}

dd {
  margin: 0 15px 15px;
}

caption {
  caption-side: top;
}

kbd {
  background: var(--color-heading);
}

dfn,
cite,
em {
  font-style: italic;
}

/* BlockQuote  */
blockquote,
q {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

blockquote {
  font-size: var(--font-size-b1);
  font-style: italic;
  font-weight: var(--f-light);
  margin: 24px 40px;
}

blockquote blockquote {
  margin-right: 0;
}

blockquote cite,
blockquote small {
  font-size: var(--font-size-b3);
  font-weight: normal;
}

blockquote strong,
blockquote b {
  font-weight: 700;
}

/**************************************
    Default Styles
***************************************/
/*
    font-family: 'Source Serif Pro', serif; 
 */
* {
  box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
  font-size: 10px;
}

body {
  font-size: 16px;
  line-height: 1.5;
  font-family: var(--font-primary);
  font-style: normal;
  color: var(--color-body);
  font-weight: 400;
  scroll-behavior: auto;
  position: relative;
  overflow-y: scroll;
  scrollbar-width: thin;
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 16px;
    line-height: 1.5;
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
address,
p,
pre,
blockquote,
menu,
ol,
ul,
table,
hr {
  margin: 0;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  address,
  p,
  pre,
  blockquote,
  menu,
  ol,
  ul,
  table,
  hr {
    margin-bottom: 12px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  word-break: break-word;
  font-family: var(--font-primary);
  line-height: 1.4074;
  color: var(--color-heading);
}

h1,
.h1 {
  font-size: var(--h1);
  line-height: 1.33;
}

h2,
.h2 {
  font-size: var(--h2);
  line-height: 1.4;
}

h3,
.h3 {
  font-size: var(--h3);
  line-height: 1.43;
}

h4,
.h4 {
  font-size: var(--h4);
  line-height: 1.5;
}

h5,
.h5 {
  font-size: var(--h5);
  line-height: 1.6;
}

h6,
.h6 {
  font-size: var(--h6);
  line-height: 1.44;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
  color: inherit;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  h1,
  .h1 {
    font-size: 32px;
  }
  h2,
  .h2 {
    font-size: 28px;
  }
  h3,
  .h3 {
    font-size: 24px;
  }
  h4,
  .h4 {
    font-size: 20px;
  }
  h5,
  .h5 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  h1,
  .h1 {
    font-size: 28px;
  }
  h2,
  .h2 {
    font-size: 24px;
  }
  h3,
  .h3 {
    font-size: 20px;
  }
  h4,
  .h4 {
    font-size: 16px;
  }
  h5,
  .h5 {
    font-size: 14px;
  }
  h6,
  .h6 {
    font-size: 14px;
  }
}
@media only screen and (max-width: 479px) {
  h1,
  .h1 {
    font-size: 24px;
  }
  h2,
  .h2 {
    font-size: 22px;
  }
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  font-weight: var(--f-bold);
}

h4,
.h4,
h5,
.h5 {
  font-weight: var(--f-medium);
}

h6,
.h6 {
  font-weight: var(--f-medium);
}

p {
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  p {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
  }
}
p.has-large-font-size {
  line-height: 1.5;
  font-size: 36px;
}
@media only screen and (max-width: 767px) {
  p.has-large-font-size {
    font-size: 16px;
    line-height: 28px;
  }
}
p.has-medium-font-size {
  font-size: 17px;
  line-height: 36px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  p.has-medium-font-size {
    font-size: 18px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  p.has-medium-font-size {
    font-size: 16px;
    line-height: 28px;
  }
}
p.has-small-font-size {
  font-size: 12px;
}
p.has-very-light-gray-color {
  color: var(--color-white);
}
p.has-background {
  padding: 20px 30px;
}
p.b1 {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  p.b1 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  p.b1 {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
  }
}
p.b2 {
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
}
@media only screen and (max-width: 767px) {
  p.b2 {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
  }
}
p.b3 {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
}
@media only screen and (max-width: 767px) {
  p.b3 {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
  }
}
p.b4 {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
}
@media only screen and (max-width: 767px) {
  p.b4 {
    font-size: 10px;
    line-height: 1;
  }
}
p:last-child {
  margin-bottom: 0;
}

.b1 {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
}
@media only screen and (max-width: 767px) {
  .b1 {
    font-size: 16px;
    line-height: 28px;
  }
}

.b2 {
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
}
@media only screen and (max-width: 767px) {
  .b2 {
    font-size: 16px;
    line-height: 28px;
  }
}

.b3 {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
}
@media only screen and (max-width: 767px) {
  .b3 {
    font-size: 16px;
    line-height: 28px;
  }
}

.b4 {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
}
@media only screen and (max-width: 767px) {
  .b4 {
    font-size: 16px;
    line-height: 28px;
  }
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 20px;
  width: 100%;
}

table a,
table a:link,
table a:visited {
  text-decoration: none;
}

cite,
.wp-block-pullquote cite,
.wp-block-pullquote.is-style-solid-color blockquote cite,
.wp-block-quote cite {
  color: var(--heading-color);
}

var {
  font-family: "Courier 10 Pitch", Courier, monospace;
}

/*---------------------------
     List Style 
 ---------------------------*/
ul,
ol {
  padding-left: 18px;
}

ul {
  list-style: disc;
  margin-bottom: 30px;
  padding-left: 20px;
}
ul.liststyle.bullet li {
  font-size: 18px;
  line-height: 30px;
  color: var(--color-body);
  position: relative;
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  ul.liststyle.bullet li {
    padding-left: 19px;
  }
}
ul.liststyle.bullet li::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: var(--radius-full);
  background: var(--color-body);
  left: 0;
  top: 10px;
}
ul.liststyle.bullet li + li {
  margin-top: 8px;
}
ul li {
  margin-top: 12px;
  margin-bottom: 12px;
  color: var(--color-body);
}
ul li a {
  text-decoration: none;
  color: var(--color-heading);
}
ul li a:hover {
  color: var(--color-primary);
}
ul li::marker {
  color: var(--color-primary);
  font-size: 12px;
}
ul ul {
  margin-bottom: 0;
}

ol {
  margin-bottom: 30px;
}
ol li {
  color: var(--color-body);
  margin-top: 10px;
  margin-bottom: 10px;
}
ol li a {
  color: var(--heading-color);
  text-decoration: none;
}
ol li a:hover {
  color: var(--color-primary);
}
ol ul {
  padding-left: 30px;
}

.nav-pills {
  margin-bottom: 30px;
}
.nav-pills li {
  margin: 0;
}
.nav-pills li button {
  font-size: 16px;
  line-height: 15px;
  font-weight: var(--f-medium);
  color: var(--color-heading);
  padding: 15px 30px;
  transition: var(--transition);
}
.nav-pills li button:hover {
  color: var(--color-heading);
}

.entry-content a {
  text-decoration: underline;
}

/**************************************
    Default Styles
***************************************/
.rbt_bounce_loop {
  will-change: transform;
  -webkit-animation-name: rbt_bounce_loop;
  animation-name: rbt_bounce_loop;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes rbt_bounce_loop {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes rbt_bounce_loop {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes rbt_rotatation_round {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes rbt_rotatation_round {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.rbt-rotatation-round {
  will-change: transform;
  -webkit-animation-name: rbt_rotatation_round;
  animation-name: rbt_rotatation_round;
  -webkit-animation-duration: 50s;
  animation-duration: 50s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@keyframes bounceSlide {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce-slide {
  animation-duration: 4s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: bounceSlide;
}

.rbt-shiny {
  position: relative;
  overflow: hidden;
}

.rbt-shiny::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: -5px;
  left: -5px;
  width: 5px;
  height: 50%;
  background-color: #ffffff;
  animation: rbtbudgetShiny 5s ease-in-out infinite;
}

@keyframes rbtbudgetShiny {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  93% {
    transform: scale(0) rotate(45deg);
    opacity: 0.1;
  }
  95% {
    transform: scale(4) rotate(45deg);
    opacity: 0.6;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
.rbt-flash-animation > svg,
.rbt-flash-animation > img {
  animation: rbt_flash_animate 4000ms infinite;
}

@keyframes rbt_flash_animate {
  0% {
    opacity: 1;
  }
  5% {
    opacity: 0.1;
  }
  10% {
    opacity: 0.9;
  }
  15% {
    opacity: 0.1;
  }
  20% {
    opacity: 0.9;
  }
  25% {
    opacity: 0.1;
  }
  30% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
/**************************************
    Default Styles
***************************************/
/*==============================
 *  Utilities
=================================*/
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.fix {
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding-right: 16px;
    padding-left: 16px;
  }
}
/*===============================
    Background Color 
=================================*/
/*----------------------------------------------
        Background and Text color class generate
------------------------------------------------*/
.rbt-text-color-primary {
  color: var(--color-primary) !important;
}

.rbt-bg-color-primary {
  background-color: var(--color-primary) !important;
}

.rbt-text-color-secondary {
  color: var(--color-secondary) !important;
}

.rbt-bg-color-secondary {
  background-color: var(--color-secondary) !important;
}

.rbt-text-color-brand-50 {
  color: var(--color-brand-50) !important;
}

.rbt-bg-color-brand-50 {
  background-color: var(--color-brand-50) !important;
}

.rbt-text-color-brand-100 {
  color: var(--color-brand-100) !important;
}

.rbt-bg-color-brand-100 {
  background-color: var(--color-brand-100) !important;
}

.rbt-text-color-brand-200 {
  color: var(--color-brand-200) !important;
}

.rbt-bg-color-brand-200 {
  background-color: var(--color-brand-200) !important;
}

.rbt-text-color-brand-300 {
  color: var(--color-brand-300) !important;
}

.rbt-bg-color-brand-300 {
  background-color: var(--color-brand-300) !important;
}

.rbt-text-color-brand-400 {
  color: var(--color-brand-400) !important;
}

.rbt-bg-color-brand-400 {
  background-color: var(--color-brand-400) !important;
}

.rbt-text-color-brand-500 {
  color: var(--color-brand-500) !important;
}

.rbt-bg-color-brand-500 {
  background-color: var(--color-brand-500) !important;
}

.rbt-text-color-brand-600 {
  color: var(--color-brand-600) !important;
}

.rbt-bg-color-brand-600 {
  background-color: var(--color-brand-600) !important;
}

.rbt-text-color-brand-700 {
  color: var(--color-brand-700) !important;
}

.rbt-bg-color-brand-700 {
  background-color: var(--color-brand-700) !important;
}

.rbt-text-color-gray-light {
  color: var(--color-gray-light) !important;
}

.rbt-bg-color-gray-light {
  background-color: var(--color-gray-light) !important;
}

.rbt-text-color-black {
  color: var(--color-black) !important;
}

.rbt-bg-color-black {
  background-color: var(--color-black) !important;
}

.rbt-text-color-dark-black {
  color: var(--color-dark-black) !important;
}

.rbt-bg-color-dark-black {
  background-color: var(--color-dark-black) !important;
}

.rbt-text-color-heading {
  color: var(--color-heading) !important;
}

.rbt-bg-color-heading {
  background-color: var(--color-heading) !important;
}

.rbt-text-color-body {
  color: var(--color-body) !important;
}

.rbt-bg-color-body {
  background-color: var(--color-body) !important;
}

.rbt-text-color-black-opacity {
  color: var(--color-black-opacity) !important;
}

.rbt-bg-color-black-opacity {
  background-color: var(--color-black-opacity) !important;
}

.rbt-text-color-gray-black {
  color: var(--color-gray-black) !important;
}

.rbt-bg-color-gray-black {
  background-color: var(--color-gray-black) !important;
}

.rbt-text-color-gray-black-two {
  color: var(--color-gray-black-two) !important;
}

.rbt-bg-color-gray-black-two {
  background-color: var(--color-gray-black-two) !important;
}

.rbt-text-color-gray-black-three {
  color: var(--color-gray-black-three) !important;
}

.rbt-bg-color-gray-black-three {
  background-color: var(--color-gray-black-three) !important;
}

.rbt-text-color-light-pink {
  color: var(--color-light-pink) !important;
}

.rbt-bg-color-light-pink {
  background-color: var(--color-light-pink) !important;
}

.rbt-text-color-gray-100 {
  color: var(--color-gray-100) !important;
}

.rbt-bg-color-gray-100 {
  background-color: var(--color-gray-100) !important;
}

.rbt-text-color-gray-150 {
  color: var(--color-gray-150) !important;
}

.rbt-bg-color-gray-150 {
  background-color: var(--color-gray-150) !important;
}

.rbt-text-color-gray-200 {
  color: var(--color-gray-200) !important;
}

.rbt-bg-color-gray-200 {
  background-color: var(--color-gray-200) !important;
}

.rbt-text-color-gray-300 {
  color: var(--color-gray-300) !important;
}

.rbt-bg-color-gray-300 {
  background-color: var(--color-gray-300) !important;
}

.rbt-text-color-gray-400 {
  color: var(--color-gray-400) !important;
}

.rbt-bg-color-gray-400 {
  background-color: var(--color-gray-400) !important;
}

.rbt-text-color-gray-500 {
  color: var(--color-gray-500) !important;
}

.rbt-bg-color-gray-500 {
  background-color: var(--color-gray-500) !important;
}

.rbt-text-color-gray-600 {
  color: var(--color-gray-600) !important;
}

.rbt-bg-color-gray-600 {
  background-color: var(--color-gray-600) !important;
}

.rbt-text-color-gray-700 {
  color: var(--color-gray-700) !important;
}

.rbt-bg-color-gray-700 {
  background-color: var(--color-gray-700) !important;
}

.rbt-text-color-white {
  color: var(--color-white) !important;
}

.rbt-bg-color-white {
  background-color: var(--color-white) !important;
}

.rbt-text-color-white-opacity {
  color: var(--white-opacity) !important;
}

.rbt-bg-color-white-opacity {
  background-color: var(--white-opacity) !important;
}

.rbt-text-color-extra-one {
  color: var(--color-extra-one) !important;
}

.rbt-bg-color-extra-one {
  background-color: var(--color-extra-one) !important;
}

.rbt-text-color-extra-two {
  color: var(--color-extra-two) !important;
}

.rbt-bg-color-extra-two {
  background-color: var(--color-extra-two) !important;
}

.rbt-text-color-extra-three {
  color: var(--color-extra-one) !important;
}

.rbt-bg-color-extra-three {
  background-color: var(--color-extra-one) !important;
}

.rbt-text-color-extra-four {
  color: var(--color-extra-four) !important;
}

.rbt-bg-color-extra-four {
  background-color: var(--color-extra-four) !important;
}

.rbt-text-color-extra-five {
  color: var(--color-extra-five) !important;
}

.rbt-bg-color-extra-five {
  background-color: var(--color-extra-five) !important;
}

.rbt-text-color-extra-six {
  color: var(--color-extra-six) !important;
}

.rbt-bg-color-extra-six {
  background-color: var(--color-extra-six) !important;
}

.rbt-text-color-extra-seven {
  color: var(--color-extra-seven) !important;
}

.rbt-bg-color-extra-seven {
  background-color: var(--color-extra-seven) !important;
}

.rbt-text-color-extra-eight {
  color: var(--color-extra-eight) !important;
}

.rbt-bg-color-extra-eight {
  background-color: var(--color-extra-eight) !important;
}

.rbt-text-color-extra-nine {
  color: var(--color-extra-nine) !important;
}

.rbt-bg-color-extra-nine {
  background-color: var(--color-extra-nine) !important;
}

.rbt-text-color-extra-ten {
  color: var(--color-extra-ten) !important;
}

.rbt-bg-color-extra-ten {
  background-color: var(--color-extra-ten) !important;
}

.rbt-text-color-extra-eleven {
  color: var(--color-extra-eleven) !important;
}

.rbt-bg-color-extra-eleven {
  background-color: var(--color-extra-eleven) !important;
}

.rbt-text-color-extra-twelve {
  color: var(--color-extra-twelve) !important;
}

.rbt-bg-color-extra-twelve {
  background-color: var(--color-extra-twelve) !important;
}

.rbt-text-color-success {
  color: var(--color-success) !important;
}

.rbt-bg-color-success {
  background-color: var(--color-success) !important;
}

.rbt-text-color-danger {
  color: var(--color-danger) !important;
}

.rbt-bg-color-danger {
  background-color: var(--color-danger) !important;
}

.rbt-text-color-warning {
  color: var(--color-warning) !important;
}

.rbt-bg-color-warning {
  background-color: var(--color-warning) !important;
}

.rbt-text-color-element-bg-blue {
  color: var(--color-element-bg-blue) !important;
}

.rbt-bg-color-element-bg-blue {
  background-color: var(--color-element-bg-blue) !important;
}

.rbt-text-color-element-bg-yellow {
  color: var(--color-element-bg-yellow) !important;
}

.rbt-bg-color-element-bg-yellow {
  background-color: var(--color-element-bg-yellow) !important;
}

.rbt-text-color-green {
  color: var(--color-green) !important;
}

.rbt-bg-color-green {
  background-color: var(--color-green) !important;
}

.rbt-text-color-light-green {
  color: var(--color-light-green) !important;
}

.rbt-bg-color-light-green {
  background-color: var(--color-light-green) !important;
}

.rbt-text-color-yellow {
  color: var(--color-yellow) !important;
}

.rbt-bg-color-yellow {
  background-color: var(--color-yellow) !important;
}

.rbt-text-color-orange {
  color: var(--color-orange) !important;
}

.rbt-bg-color-orange {
  background-color: var(--color-orange) !important;
}

.rbt-text-color-chocolate {
  color: var(--color-chocolate) !important;
}

.rbt-bg-color-chocolate {
  background-color: var(--color-chocolate) !important;
}

.rbt-text-color-facebook {
  color: var(--color-facebook) !important;
}

.rbt-bg-color-facebook {
  background-color: var(--color-facebook) !important;
}

.rbt-text-color-tiktok {
  color: var(--color-tiktok) !important;
}

.rbt-bg-color-tiktok {
  background-color: var(--color-tiktok) !important;
}

.rbt-text-color-youtube {
  color: var(--color-youtube) !important;
}

.rbt-bg-color-youtube {
  background-color: var(--color-youtube) !important;
}

.rbt-text-color-linkedin {
  color: var(--color-linkedin) !important;
}

.rbt-bg-color-linkedin {
  background-color: var(--color-linkedin) !important;
}

.rbt-text-color-pinterest {
  color: var(-color-pinterest) !important;
}

.rbt-bg-color-pinterest {
  background-color: var(-color-pinterest) !important;
}

.rbt-text-color-tumblr {
  color: var(--color-tumblr) !important;
}

.rbt-bg-color-tumblr {
  background-color: var(--color-tumblr) !important;
}

.rbt-text-color-telegram {
  color: var(--color-telegram) !important;
}

.rbt-bg-color-telegram {
  background-color: var(--color-telegram) !important;
}

.rbt-text-color-vimeo {
  color: var(--color-vimeo) !important;
}

.rbt-bg-color-vimeo {
  background-color: var(--color-vimeo) !important;
}

.rbt-text-color-twitch {
  color: var(--color-twitch) !important;
}

.rbt-bg-color-twitch {
  background-color: var(--color-twitch) !important;
}

.rbt-text-color-discord {
  color: var(--color-discord) !important;
}

.rbt-bg-color-discord {
  background-color: var(--color-discord) !important;
}

.rbt-text-color-whatsapp {
  color: var(--color-whatsapp) !important;
}

.rbt-bg-color-whatsapp {
  background-color: var(--color-whatsapp) !important;
}

.rbt-text-color-mail {
  color: var(--color-mail) !important;
}

.rbt-bg-color-mail {
  background-color: var(--color-mail) !important;
}

.rbt-text-color-phone {
  color: var(--color-phone) !important;
}

.rbt-bg-color-phone {
  background-color: var(--color-phone) !important;
}

.rbt-text-color-skype {
  color: var(--color-skype) !important;
}

.rbt-bg-color-skype {
  background-color: var(--color-skype) !important;
}

.rbt-text-color-signal {
  color: var(--color-signal) !important;
}

.rbt-bg-color-signal {
  background-color: var(--color-signal) !important;
}

/*----------------------------------------------
        border color class generate
------------------------------------------------*/
.rbt-border-color-primary {
  border-color: var(--color-primary) !important;
}

.rbt-border-color-secondary {
  border-color: var(--color-secondary) !important;
}

.rbt-border-color-brand-50 {
  border-color: var(--color-brand-50) !important;
}

.rbt-border-color-brand-100 {
  border-color: var(--color-brand-100) !important;
}

.rbt-border-color-brand-200 {
  border-color: var(--color-brand-200) !important;
}

.rbt-border-color-brand-300 {
  border-color: var(--color-brand-300) !important;
}

.rbt-border-color-brand-400 {
  border-color: var(--color-brand-400) !important;
}

.rbt-border-color-brand-500 {
  border-color: var(--color-brand-500) !important;
}

.rbt-border-color-brand-600 {
  border-color: var(--color-brand-600) !important;
}

.rbt-border-color-brand-700 {
  border-color: var(--color-brand-700) !important;
}

.rbt-border-color-gray-light {
  border-color: var(--color-gray-light) !important;
}

.rbt-border-color-black {
  border-color: var(--color-black) !important;
}

.rbt-border-color-dark-black {
  border-color: var(--color-dark-black) !important;
}

.rbt-border-color-heading {
  border-color: var(--color-heading) !important;
}

.rbt-border-color-body {
  border-color: var(--color-body) !important;
}

.rbt-border-color-black-opacity {
  border-color: var(--color-black-opacity) !important;
}

.rbt-border-color-gray-black {
  border-color: var(--color-gray-black) !important;
}

.rbt-border-color-gray-black-two {
  border-color: var(--color-gray-black-two) !important;
}

.rbt-border-color-gray-black-three {
  border-color: var(--color-gray-black-three) !important;
}

.rbt-border-color-light-pink {
  border-color: var(--color-light-pink) !important;
}

.rbt-border-color-gray-100 {
  border-color: var(--color-gray-100) !important;
}

.rbt-border-color-gray-150 {
  border-color: var(--color-gray-150) !important;
}

.rbt-border-color-gray-200 {
  border-color: var(--color-gray-200) !important;
}

.rbt-border-color-gray-300 {
  border-color: var(--color-gray-300) !important;
}

.rbt-border-color-gray-400 {
  border-color: var(--color-gray-400) !important;
}

.rbt-border-color-gray-500 {
  border-color: var(--color-gray-500) !important;
}

.rbt-border-color-gray-600 {
  border-color: var(--color-gray-600) !important;
}

.rbt-border-color-gray-700 {
  border-color: var(--color-gray-700) !important;
}

.rbt-border-color-white {
  border-color: var(--color-white) !important;
}

.rbt-border-color-white-opacity {
  border-color: var(--white-opacity) !important;
}

.rbt-border-color-extra-one {
  border-color: var(--color-extra-one) !important;
}

.rbt-border-color-extra-two {
  border-color: var(--color-extra-two) !important;
}

.rbt-border-color-extra-three {
  border-color: var(--color-extra-one) !important;
}

.rbt-border-color-extra-four {
  border-color: var(--color-extra-four) !important;
}

.rbt-border-color-extra-five {
  border-color: var(--color-extra-five) !important;
}

.rbt-border-color-extra-six {
  border-color: var(--color-extra-six) !important;
}

.rbt-border-color-extra-seven {
  border-color: var(--color-extra-seven) !important;
}

.rbt-border-color-extra-eight {
  border-color: var(--color-extra-eight) !important;
}

.rbt-border-color-extra-nine {
  border-color: var(--color-extra-nine) !important;
}

.rbt-border-color-extra-ten {
  border-color: var(--color-extra-ten) !important;
}

.rbt-border-color-extra-eleven {
  border-color: var(--color-extra-eleven) !important;
}

.rbt-border-color-extra-twelve {
  border-color: var(--color-extra-twelve) !important;
}

.rbt-border-color-success {
  border-color: var(--color-success) !important;
}

.rbt-border-color-danger {
  border-color: var(--color-danger) !important;
}

.rbt-border-color-warning {
  border-color: var(--color-warning) !important;
}

.rbt-border-color-element-bg-blue {
  border-color: var(--color-element-bg-blue) !important;
}

.rbt-border-color-element-bg-yellow {
  border-color: var(--color-element-bg-yellow) !important;
}

.rbt-border-color-green {
  border-color: var(--color-green) !important;
}

.rbt-border-color-light-green {
  border-color: var(--color-light-green) !important;
}

.rbt-border-color-yellow {
  border-color: var(--color-yellow) !important;
}

.rbt-border-color-orange {
  border-color: var(--color-orange) !important;
}

.rbt-border-color-chocolate {
  border-color: var(--color-chocolate) !important;
}

.rbt-border-color-facebook {
  border-color: var(--color-facebook) !important;
}

.rbt-border-color-tiktok {
  border-color: var(--color-tiktok) !important;
}

.rbt-border-color-youtube {
  border-color: var(--color-youtube) !important;
}

.rbt-border-color-linkedin {
  border-color: var(--color-linkedin) !important;
}

.rbt-border-color-pinterest {
  border-color: var(-color-pinterest) !important;
}

.rbt-border-color-tumblr {
  border-color: var(--color-tumblr) !important;
}

.rbt-border-color-telegram {
  border-color: var(--color-telegram) !important;
}

.rbt-border-color-vimeo {
  border-color: var(--color-vimeo) !important;
}

.rbt-border-color-twitch {
  border-color: var(--color-twitch) !important;
}

.rbt-border-color-discord {
  border-color: var(--color-discord) !important;
}

.rbt-border-color-whatsapp {
  border-color: var(--color-whatsapp) !important;
}

.rbt-border-color-mail {
  border-color: var(--color-mail) !important;
}

.rbt-border-color-phone {
  border-color: var(--color-phone) !important;
}

.rbt-border-color-skype {
  border-color: var(--color-skype) !important;
}

.rbt-border-color-signal {
  border-color: var(--color-signal) !important;
}

/*===============================
    Font Weight 
=================================*/
.rbt-text-light {
  font-weight: var(--f-light) !important;
}

.rbt-text-regular {
  font-weight: var(--f-regular) !important;
}

.rbt-text-medium {
  font-weight: var(--f-medium) !important;
}

.rbt-text-semi-bold {
  font-weight: var(--f-semi-bold) !important;
}

.rbt-text-bold {
  font-weight: var(--f-bold) !important;
}

.rbt-text-extra-bold {
  font-weight: var(--f-extra-bold) !important;
}

.rbt-text-black {
  font-weight: var(--f-black) !important;
}

/*===============================
    Font Family 
=================================*/
.rbt-font-primary {
  font-family: var(--font-primary) !important;
}

.rbt-font-secondary {
  font-family: var(--font-secondary) !important;
}

.rbt-font-tertiary {
  font-family: var(--font-tertiary) !important;
}

.rbt-font-quaternary {
  font-family: var(--font-quaternary) !important;
}

/*---------------------
    Height and width 
------------------------*/
.fullscreen {
  min-height: 100vh;
  width: 100%;
}

/*===================
Custom Row
======================*/
@media (min-width: 992px) {
  .col-md-1-5 {
    width: 20%;
  }
  .col-md-2-5 {
    width: 40%;
  }
  .col-md-3-5 {
    width: 60%;
  }
  .col-md-4-5 {
    width: 80%;
  }
  .col-md-5-5 {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1-5 {
    width: 20%;
  }
  .col-lg-2-5 {
    width: 40%;
  }
  .col-lg-3-5 {
    width: 60%;
  }
  .col-lg-4-5 {
    width: 80%;
  }
  .col-lg-5-5 {
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .col-xl-1-5 {
    width: 20%;
  }
  .col-xl-2-5 {
    width: 40%;
  }
  .col-xl-3-5 {
    width: 60%;
  }
  .col-xl-4-5 {
    width: 80%;
  }
  .col-xl-5-5 {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1-8 {
    width: 12.5%;
  }
  .col-md-2-8 {
    width: 25%;
  }
  .col-md-3-8 {
    width: 37.5%;
  }
  .col-md-4-8 {
    width: 50%;
  }
  .col-md-5-8 {
    width: 62.5%;
  }
  .col-md-6-8 {
    width: 75%;
  }
  .col-md-7-8 {
    width: 87.5%;
  }
  .col-md-8-8 {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1-8 {
    width: 12.5%;
  }
  .col-lg-2-8 {
    width: 25%;
  }
  .col-lg-3-8 {
    width: 37.5%;
  }
  .col-lg-4-8 {
    width: 50%;
  }
  .col-lg-5-8 {
    width: 62.5%;
  }
  .col-lg-6-8 {
    width: 75%;
  }
  .col-lg-7-8 {
    width: 87.5%;
  }
  .col-lg-8-8 {
    width: 100%;
  }
}
.row--0 {
  margin-left: 0px;
  margin-right: 0px;
}
.row--0 > [class*=col] {
  padding-left: 0px;
  padding-right: 0px;
}

.row--4 {
  margin-left: -4px;
  margin-right: -4px;
}
.row--4 > [class*=col] {
  padding-left: 4px;
  padding-right: 4px;
}

.row--8 {
  margin-left: -8px;
  margin-right: -8px;
}
.row--8 > [class*=col] {
  padding-left: 8px;
  padding-right: 8px;
}

.row--16 {
  margin-left: -16px;
  margin-right: -16px;
}
@media only screen and (max-width: 767px) {
  .row--16 {
    margin-left: -8px !important;
    margin-right: -8px !important;
  }
}
.row--16 > [class*=col] {
  padding-left: 16px;
  padding-right: 16px;
}
@media only screen and (max-width: 767px) {
  .row--16 > [class*=col] {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

.row--12 {
  margin-left: -12px;
  margin-right: -12px;
}
@media only screen and (max-width: 767px) {
  .row--12 {
    margin-left: -8px !important;
    margin-right: -8px !important;
  }
}
.row--12 > [class*=col], .row--12 > [class*=col-] {
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--12 > [class*=col], .row--12 > [class*=col-] {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--12 > [class*=col], .row--12 > [class*=col-] {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--12 > [class*=col], .row--12 > [class*=col-] {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
@media only screen and (max-width: 767px) {
  .row--12 > [class*=col], .row--12 > [class*=col-] {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
@media only screen and (max-width: 479px) {
  .row--12 > [class*=col], .row--12 > [class*=col-] {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

.row--20 {
  margin-left: -20px;
  margin-right: -20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--20 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--20 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--20 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .row--20 {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
.row--20 > [class*=col], .row--20 > [class*=col-] {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--20 > [class*=col], .row--20 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--20 > [class*=col], .row--20 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--20 > [class*=col], .row--20 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .row--20 > [class*=col], .row--20 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.row--24 {
  margin-left: -24px;
  margin-right: -24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--24 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--24 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--24 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .row--24 {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
.row--24 > [class*=col], .row--24 > [class*=col-] {
  padding-left: 24px;
  padding-right: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--24 > [class*=col], .row--24 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--24 > [class*=col], .row--24 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--24 > [class*=col], .row--24 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .row--24 > [class*=col], .row--24 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.row--32 {
  margin-left: -32px;
  margin-right: -32px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--32 {
    margin-left: -32px;
    margin-right: -32px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--32 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--32 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .row--32 {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
.row--32 > [class*=col], .row--32 > [class*=col-] {
  padding-left: 32px;
  padding-right: 32px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--32 > [class*=col], .row--32 > [class*=col-] {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--32 > [class*=col], .row--32 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--32 > [class*=col], .row--32 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .row--32 > [class*=col], .row--32 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.row--40 {
  margin-left: -40px;
  margin-right: -40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--40 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--40 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--40 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .row--40 {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
.row--40 > [class*=col], .row--40 > [class*=col-] {
  padding-left: 40px;
  padding-right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--40 > [class*=col], .row--40 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--40 > [class*=col], .row--40 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--40 > [class*=col], .row--40 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .row--40 > [class*=col], .row--40 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.row--45 {
  margin-left: -45px;
  margin-right: -45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--45 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--45 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--45 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .row--45 {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
.row--45 > [class*=col], .row--45 > [class*=col-] {
  padding-left: 45px;
  padding-right: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--45 > [class*=col], .row--45 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--45 > [class*=col], .row--45 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--45 > [class*=col], .row--45 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .row--45 > [class*=col], .row--45 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.row--60 {
  margin-left: -60px;
  margin-right: -60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--60 {
    margin-left: -60px;
    margin-right: -60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--60 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--60 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .row--60 {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
.row--60 > [class*=col], .row--60 > [class*=col-] {
  padding-left: 60px;
  padding-right: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--60 > [class*=col], .row--60 > [class*=col-] {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--60 > [class*=col], .row--60 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--60 > [class*=col], .row--60 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .row--60 > [class*=col], .row--60 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

/*===========================
    Input Placeholder
=============================*/
input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*=============================
	Overlay styles 
==============================*/
[data-overlay],
[data-black-overlay],
[data-white-overlay],
[data-gradient-overlay] {
  position: relative;
}

[data-overlay] > div,
[data-overlay] > *,
[data-black-overlay] > div,
[data-black-overlay] > *,
[data-white-overlay] > div,
[data-white-overlay] > *,
[data-gradient-overlay] > div,
[data-gradient-overlay] > * {
  position: relative;
  z-index: 2;
}

[data-overlay]:before,
[data-black-overlay]:before,
[data-white-overlay]:before,
[data-gradient-overlay]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}

[data-overlay]:before {
  background: var(--color-primary);
}

[data-black-overlay]:before {
  background-color: #000000;
}

[data-white-overlay]:before {
  background-color: #ffffff;
}

[data-overlay="1"]:before,
[data-black-overlay="1"]:before,
[data-white-overlay="1"]:before,
[data-gradient-overlay="1"]:before {
  opacity: 0.1;
}

[data-overlay="2"]:before,
[data-black-overlay="2"]:before,
[data-white-overlay="2"]:before,
[data-gradient-overlay="2"]:before {
  opacity: 0.2;
}

[data-overlay="3"]:before,
[data-black-overlay="3"]:before,
[data-white-overlay="3"]:before,
[data-gradient-overlay="3"]:before {
  opacity: 0.3;
}

[data-overlay="4"]:before,
[data-black-overlay="4"]:before,
[data-white-overlay="4"]:before,
[data-gradient-overlay="4"]:before {
  opacity: 0.4;
}

[data-overlay="5"]:before,
[data-black-overlay="5"]:before,
[data-white-overlay="5"]:before,
[data-gradient-overlay="5"]:before {
  opacity: 0.5;
}

[data-overlay="6"]:before,
[data-black-overlay="6"]:before,
[data-white-overlay="6"]:before,
[data-gradient-overlay="6"]:before {
  opacity: 0.6;
}

[data-overlay="7"]:before,
[data-black-overlay="7"]:before,
[data-white-overlay="7"]:before,
[data-gradient-overlay="7"]:before {
  opacity: 0.7;
}

[data-overlay="8"]:before,
[data-black-overlay="8"]:before,
[data-white-overlay="8"]:before,
[data-gradient-overlay="8"]:before {
  opacity: 0.8;
}

[data-overlay="9"]:before,
[data-black-overlay="9"]:before,
[data-white-overlay="9"]:before,
[data-gradient-overlay="9"]:before {
  opacity: 0.9;
}

[data-overlay="10"]:before,
[data-black-overlay="10"]:before,
[data-white-overlay="10"]:before,
[data-gradient-overlay="10"]:before {
  opacity: 1;
}

.opacity-7 {
  opacity: 0.7;
}

/*=============================
	position styles 
==============================*/
[data-rbt-position-vertical="1"] {
  top: 1%;
}

[data-rbt-position-vertical="2"] {
  top: 2%;
}

[data-rbt-position-vertical="3"] {
  top: 3%;
}

[data-rbt-position-vertical="4"] {
  top: 4%;
}

[data-rbt-position-vertical="5"] {
  top: 5%;
}

[data-rbt-position-vertical="6"] {
  top: 6%;
}

[data-rbt-position-vertical="7"] {
  top: 7%;
}

[data-rbt-position-vertical="8"] {
  top: 8%;
}

[data-rbt-position-vertical="9"] {
  top: 9%;
}

[data-rbt-position-vertical="10"] {
  top: 10%;
}

[data-rbt-position-vertical="11"] {
  top: 11%;
}

[data-rbt-position-vertical="12"] {
  top: 12%;
}

[data-rbt-position-vertical="13"] {
  top: 13%;
}

[data-rbt-position-vertical="14"] {
  top: 14%;
}

[data-rbt-position-vertical="15"] {
  top: 15%;
}

[data-rbt-position-vertical="16"] {
  top: 16%;
}

[data-rbt-position-vertical="17"] {
  top: 17%;
}

[data-rbt-position-vertical="18"] {
  top: 18%;
}

[data-rbt-position-vertical="19"] {
  top: 19%;
}

[data-rbt-position-vertical="20"] {
  top: 20%;
}

[data-rbt-position-vertical="21"] {
  top: 21%;
}

[data-rbt-position-vertical="22"] {
  top: 22%;
}

[data-rbt-position-vertical="23"] {
  top: 23%;
}

[data-rbt-position-vertical="24"] {
  top: 24%;
}

[data-rbt-position-vertical="25"] {
  top: 25%;
}

[data-rbt-position-vertical="26"] {
  top: 26%;
}

[data-rbt-position-vertical="27"] {
  top: 27%;
}

[data-rbt-position-vertical="28"] {
  top: 28%;
}

[data-rbt-position-vertical="29"] {
  top: 29%;
}

[data-rbt-position-vertical="30"] {
  top: 30%;
}

[data-rbt-position-vertical="31"] {
  top: 31%;
}

[data-rbt-position-vertical="32"] {
  top: 32%;
}

[data-rbt-position-vertical="33"] {
  top: 33%;
}

[data-rbt-position-vertical="34"] {
  top: 34%;
}

[data-rbt-position-vertical="35"] {
  top: 35%;
}

[data-rbt-position-vertical="36"] {
  top: 36%;
}

[data-rbt-position-vertical="37"] {
  top: 37%;
}

[data-rbt-position-vertical="38"] {
  top: 38%;
}

[data-rbt-position-vertical="39"] {
  top: 39%;
}

[data-rbt-position-vertical="40"] {
  top: 40%;
}

[data-rbt-position-vertical="41"] {
  top: 41%;
}

[data-rbt-position-vertical="42"] {
  top: 42%;
}

[data-rbt-position-vertical="43"] {
  top: 43%;
}

[data-rbt-position-vertical="44"] {
  top: 44%;
}

[data-rbt-position-vertical="45"] {
  top: 45%;
}

[data-rbt-position-vertical="46"] {
  top: 46%;
}

[data-rbt-position-vertical="47"] {
  top: 47%;
}

[data-rbt-position-vertical="48"] {
  top: 48%;
}

[data-rbt-position-vertical="49"] {
  top: 49%;
}

[data-rbt-position-vertical="50"] {
  top: 50%;
}

[data-rbt-position-vertical="51"] {
  top: 51%;
}

[data-rbt-position-vertical="52"] {
  top: 52%;
}

[data-rbt-position-vertical="53"] {
  top: 53%;
}

[data-rbt-position-vertical="54"] {
  top: 54%;
}

[data-rbt-position-vertical="55"] {
  top: 55%;
}

[data-rbt-position-vertical="56"] {
  top: 56%;
}

[data-rbt-position-vertical="57"] {
  top: 57%;
}

[data-rbt-position-vertical="58"] {
  top: 58%;
}

[data-rbt-position-vertical="59"] {
  top: 59%;
}

[data-rbt-position-vertical="60"] {
  top: 60%;
}

[data-rbt-position-vertical="61"] {
  top: 61%;
}

[data-rbt-position-vertical="62"] {
  top: 62%;
}

[data-rbt-position-vertical="63"] {
  top: 63%;
}

[data-rbt-position-vertical="64"] {
  top: 64%;
}

[data-rbt-position-vertical="65"] {
  top: 65%;
}

[data-rbt-position-vertical="66"] {
  top: 66%;
}

[data-rbt-position-vertical="67"] {
  top: 67%;
}

[data-rbt-position-vertical="68"] {
  top: 68%;
}

[data-rbt-position-vertical="69"] {
  top: 69%;
}

[data-rbt-position-vertical="70"] {
  top: 70%;
}

[data-rbt-position-vertical="71"] {
  top: 71%;
}

[data-rbt-position-vertical="72"] {
  top: 72%;
}

[data-rbt-position-vertical="73"] {
  top: 73%;
}

[data-rbt-position-vertical="74"] {
  top: 74%;
}

[data-rbt-position-vertical="75"] {
  top: 75%;
}

[data-rbt-position-vertical="76"] {
  top: 76%;
}

[data-rbt-position-vertical="77"] {
  top: 77%;
}

[data-rbt-position-vertical="78"] {
  top: 78%;
}

[data-rbt-position-vertical="79"] {
  top: 79%;
}

[data-rbt-position-vertical="80"] {
  top: 80%;
}

[data-rbt-position-vertical="81"] {
  top: 81%;
}

[data-rbt-position-vertical="82"] {
  top: 82%;
}

[data-rbt-position-vertical="83"] {
  top: 83%;
}

[data-rbt-position-vertical="84"] {
  top: 84%;
}

[data-rbt-position-vertical="85"] {
  top: 85%;
}

[data-rbt-position-vertical="86"] {
  top: 86%;
}

[data-rbt-position-vertical="87"] {
  top: 87%;
}

[data-rbt-position-vertical="88"] {
  top: 88%;
}

[data-rbt-position-vertical="89"] {
  top: 89%;
}

[data-rbt-position-vertical="90"] {
  top: 90%;
}

[data-rbt-position-vertical="91"] {
  top: 91%;
}

[data-rbt-position-vertical="92"] {
  top: 92%;
}

[data-rbt-position-vertical="93"] {
  top: 93%;
}

[data-rbt-position-vertical="94"] {
  top: 94%;
}

[data-rbt-position-vertical="95"] {
  top: 95%;
}

[data-rbt-position-vertical="96"] {
  top: 96%;
}

[data-rbt-position-vertical="97"] {
  top: 97%;
}

[data-rbt-position-vertical="98"] {
  top: 98%;
}

[data-rbt-position-vertical="99"] {
  top: 99%;
}

[data-rbt-position-vertical="100"] {
  top: 100%;
}

[data-rbt-position-horigental="1"] {
  left: 1%;
}

[data-rbt-position-horigental="2"] {
  left: 2%;
}

[data-rbt-position-horigental="3"] {
  left: 3%;
}

[data-rbt-position-horigental="4"] {
  left: 4%;
}

[data-rbt-position-horigental="5"] {
  left: 5%;
}

[data-rbt-position-horigental="6"] {
  left: 6%;
}

[data-rbt-position-horigental="7"] {
  left: 7%;
}

[data-rbt-position-horigental="8"] {
  left: 8%;
}

[data-rbt-position-horigental="9"] {
  left: 9%;
}

[data-rbt-position-horigental="10"] {
  left: 10%;
}

[data-rbt-position-horigental="11"] {
  left: 11%;
}

[data-rbt-position-horigental="12"] {
  left: 12%;
}

[data-rbt-position-horigental="13"] {
  left: 13%;
}

[data-rbt-position-horigental="14"] {
  left: 14%;
}

[data-rbt-position-horigental="15"] {
  left: 15%;
}

[data-rbt-position-horigental="16"] {
  left: 16%;
}

[data-rbt-position-horigental="17"] {
  left: 17%;
}

[data-rbt-position-horigental="18"] {
  left: 18%;
}

[data-rbt-position-horigental="19"] {
  left: 19%;
}

[data-rbt-position-horigental="20"] {
  left: 20%;
}

[data-rbt-position-horigental="21"] {
  left: 21%;
}

[data-rbt-position-horigental="22"] {
  left: 22%;
}

[data-rbt-position-horigental="23"] {
  left: 23%;
}

[data-rbt-position-horigental="24"] {
  left: 24%;
}

[data-rbt-position-horigental="25"] {
  left: 25%;
}

[data-rbt-position-horigental="26"] {
  left: 26%;
}

[data-rbt-position-horigental="27"] {
  left: 27%;
}

[data-rbt-position-horigental="28"] {
  left: 28%;
}

[data-rbt-position-horigental="29"] {
  left: 29%;
}

[data-rbt-position-horigental="30"] {
  left: 30%;
}

[data-rbt-position-horigental="31"] {
  left: 31%;
}

[data-rbt-position-horigental="32"] {
  left: 32%;
}

[data-rbt-position-horigental="33"] {
  left: 33%;
}

[data-rbt-position-horigental="34"] {
  left: 34%;
}

[data-rbt-position-horigental="35"] {
  left: 35%;
}

[data-rbt-position-horigental="36"] {
  left: 36%;
}

[data-rbt-position-horigental="37"] {
  left: 37%;
}

[data-rbt-position-horigental="38"] {
  left: 38%;
}

[data-rbt-position-horigental="39"] {
  left: 39%;
}

[data-rbt-position-horigental="40"] {
  left: 40%;
}

[data-rbt-position-horigental="41"] {
  left: 41%;
}

[data-rbt-position-horigental="42"] {
  left: 42%;
}

[data-rbt-position-horigental="43"] {
  left: 43%;
}

[data-rbt-position-horigental="44"] {
  left: 44%;
}

[data-rbt-position-horigental="45"] {
  left: 45%;
}

[data-rbt-position-horigental="46"] {
  left: 46%;
}

[data-rbt-position-horigental="47"] {
  left: 47%;
}

[data-rbt-position-horigental="48"] {
  left: 48%;
}

[data-rbt-position-horigental="49"] {
  left: 49%;
}

[data-rbt-position-horigental="50"] {
  left: 50%;
}

[data-rbt-position-horigental="51"] {
  left: 51%;
}

[data-rbt-position-horigental="52"] {
  left: 52%;
}

[data-rbt-position-horigental="53"] {
  left: 53%;
}

[data-rbt-position-horigental="54"] {
  left: 54%;
}

[data-rbt-position-horigental="55"] {
  left: 55%;
}

[data-rbt-position-horigental="56"] {
  left: 56%;
}

[data-rbt-position-horigental="57"] {
  left: 57%;
}

[data-rbt-position-horigental="58"] {
  left: 58%;
}

[data-rbt-position-horigental="59"] {
  left: 59%;
}

[data-rbt-position-horigental="60"] {
  left: 60%;
}

[data-rbt-position-horigental="61"] {
  left: 61%;
}

[data-rbt-position-horigental="62"] {
  left: 62%;
}

[data-rbt-position-horigental="63"] {
  left: 63%;
}

[data-rbt-position-horigental="64"] {
  left: 64%;
}

[data-rbt-position-horigental="65"] {
  left: 65%;
}

[data-rbt-position-horigental="66"] {
  left: 66%;
}

[data-rbt-position-horigental="67"] {
  left: 67%;
}

[data-rbt-position-horigental="68"] {
  left: 68%;
}

[data-rbt-position-horigental="69"] {
  left: 69%;
}

[data-rbt-position-horigental="70"] {
  left: 70%;
}

[data-rbt-position-horigental="71"] {
  left: 71%;
}

[data-rbt-position-horigental="72"] {
  left: 72%;
}

[data-rbt-position-horigental="73"] {
  left: 73%;
}

[data-rbt-position-horigental="74"] {
  left: 74%;
}

[data-rbt-position-horigental="75"] {
  left: 75%;
}

[data-rbt-position-horigental="76"] {
  left: 76%;
}

[data-rbt-position-horigental="77"] {
  left: 77%;
}

[data-rbt-position-horigental="78"] {
  left: 78%;
}

[data-rbt-position-horigental="79"] {
  left: 79%;
}

[data-rbt-position-horigental="80"] {
  left: 80%;
}

[data-rbt-position-horigental="81"] {
  left: 81%;
}

[data-rbt-position-horigental="82"] {
  left: 82%;
}

[data-rbt-position-horigental="83"] {
  left: 83%;
}

[data-rbt-position-horigental="84"] {
  left: 84%;
}

[data-rbt-position-horigental="85"] {
  left: 85%;
}

[data-rbt-position-horigental="86"] {
  left: 86%;
}

[data-rbt-position-horigental="87"] {
  left: 87%;
}

[data-rbt-position-horigental="88"] {
  left: 88%;
}

[data-rbt-position-horigental="89"] {
  left: 89%;
}

[data-rbt-position-horigental="90"] {
  left: 90%;
}

[data-rbt-position-horigental="91"] {
  left: 91%;
}

[data-rbt-position-horigental="92"] {
  left: 92%;
}

[data-rbt-position-horigental="93"] {
  left: 93%;
}

[data-rbt-position-horigental="94"] {
  left: 94%;
}

[data-rbt-position-horigental="95"] {
  left: 95%;
}

[data-rbt-position-horigental="96"] {
  left: 96%;
}

[data-rbt-position-horigental="97"] {
  left: 97%;
}

[data-rbt-position-horigental="98"] {
  left: 98%;
}

[data-rbt-position-horigental="99"] {
  left: 99%;
}

[data-rbt-position-horigental="100"] {
  left: 100%;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

.z-4 {
  z-index: 4 !important;
}

.z-5 {
  z-index: 5 !important;
}

.z-6 {
  z-index: 6 !important;
}

.z-7 {
  z-index: 7 !important;
}

.z-8 {
  z-index: 8 !important;
}

.z-9 {
  z-index: 9 !important;
}

.z-10 {
  z-index: 10 !important;
}

.z-11 {
  z-index: 11 !important;
}

.z-12 {
  z-index: 12 !important;
}

.z-13 {
  z-index: 13 !important;
}

.z-14 {
  z-index: 14 !important;
}

.z-15 {
  z-index: 15 !important;
}

.z-16 {
  z-index: 16 !important;
}

.z-17 {
  z-index: 17 !important;
}

.z-18 {
  z-index: 18 !important;
}

.z-19 {
  z-index: 19 !important;
}

.z-20 {
  z-index: 20 !important;
}

/*------------------------------
    Scroll Up 
--------------------------------*/
#scrollUp {
  width: 70px;
  height: 80px;
  right: 100px;
  bottom: 60px;
  text-align: center;
  z-index: 9811 !important;
  text-decoration: none;
  background: #fff;
  line-height: 80px;
  color: #757589;
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  background: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #scrollUp {
    right: 20px;
    bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #scrollUp {
    right: 20px;
    bottom: 40px;
  }
}
#scrollUp::before {
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: rgba(0, 2, 72, 0.1);
  content: "";
  position: absolute;
  z-index: -1;
  transform-style: preserve-3d;
  transform: rotateY(-10deg);
  filter: blur(50px);
}
#scrollUp::after {
  background: #ffffff;
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transform-style: preserve-3d;
  transform: rotateY(-10deg);
}
@media only screen and (max-width: 767px) {
  #scrollUp {
    right: 20px;
    bottom: 30px;
    width: 50px;
    height: 60px;
    line-height: 60px;
  }
}
#scrollUp span.text {
  position: relative;
  display: inline-block;
  margin-top: 7px;
}
@media only screen and (max-width: 767px) {
  #scrollUp span.text {
    margin-top: 3px;
  }
}
#scrollUp span.text::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 7px 5px;
  border-color: transparent transparent var(--color-primary) transparent;
  position: absolute;
  content: "";
  left: 50%;
  top: 21%;
  transform: translateX(-50%);
}
#scrollUp:hover span.text {
  color: var(--color-primary);
}

@media only screen and (max-width: 767px) {
  .col-6.mt--24 {
    margin-top: 16px !important;
  }
}
@media only screen and (max-width: 479px) {
  .row--12 > [class*=col].mt--24 {
    margin-top: 8px !important;
  }
  .row--12.mt_dec--24 {
    margin-top: -8px !important;
  }
}
/*--------------------
    Contact Form 
----------------------*/
.form-message {
  margin-bottom: 0;
  text-align: center;
}
.form-message.error {
  margin-top: 20px;
  color: #f80707;
}
.form-message.success {
  margin-top: 20px;
  color: #0d8d2d;
}

.rbt-scroll-max-height {
  max-height: 500px !important;
  overflow-y: scroll;
}

.rbt-scroll::-webkit-scrollbar {
  width: 10px;
}

.rbt-scroll::-webkit-scrollbar-thumb {
  background-color: #e8e6e9 !important;
  outline: 0;
  border-radius: 10px;
}

.rbt-scroll::-webkit-scrollbar-track {
  box-shadow: 0 0 1px #cecdcd;
  background: #f6f6f6 !important;
  padding: 1px;
  border-radius: 8px;
}

/*=============================
	Animation Order Config
==============================*/
.animation-order-0 {
  --animation-order: 0;
}

.animation-order-1 {
  --animation-order: 1;
}

.animation-order-2 {
  --animation-order: 2;
}

.animation-order-3 {
  --animation-order: 3;
}

.animation-order-4 {
  --animation-order: 4;
}

.animation-order-5 {
  --animation-order: 5;
}

.animation-order-6 {
  --animation-order: 6;
}

.animation-order-7 {
  --animation-order: 7;
}

.animation-order-8 {
  --animation-order: 8;
}

.animation-order-9 {
  --animation-order: 9;
}

.animation-order-10 {
  --animation-order: 10;
}

.animation-order-11 {
  --animation-order: 11;
}

.animation-order-12 {
  --animation-order: 12;
}

.animation-order-13 {
  --animation-order: 13;
}

.animation-order-14 {
  --animation-order: 14;
}

.animation-order-15 {
  --animation-order: 15;
}

.animation-order-16 {
  --animation-order: 16;
}

.animation-order-17 {
  --animation-order: 17;
}

.animation-order-18 {
  --animation-order: 18;
}

.animation-order-19 {
  --animation-order: 19;
}

.animation-order-20 {
  --animation-order: 20;
}

.animation-order-21 {
  --animation-order: 21;
}

.animation-order-22 {
  --animation-order: 22;
}

.animation-order-23 {
  --animation-order: 23;
}

.animation-order-24 {
  --animation-order: 24;
}

.animation-order-25 {
  --animation-order: 25;
}

.animation-order-26 {
  --animation-order: 26;
}

.animation-order-27 {
  --animation-order: 27;
}

.animation-order-28 {
  --animation-order: 28;
}

.animation-order-29 {
  --animation-order: 29;
}

.animation-order-30 {
  --animation-order: 30;
}

.animation-order-31 {
  --animation-order: 31;
}

.animation-order-32 {
  --animation-order: 32;
}

.animation-order-33 {
  --animation-order: 33;
}

.animation-order-34 {
  --animation-order: 34;
}

.animation-order-35 {
  --animation-order: 35;
}

.animation-order-36 {
  --animation-order: 36;
}

.animation-order-37 {
  --animation-order: 37;
}

.animation-order-38 {
  --animation-order: 38;
}

.animation-order-39 {
  --animation-order: 39;
}

.animation-order-40 {
  --animation-order: 40;
}

.animation-order-41 {
  --animation-order: 41;
}

.animation-order-42 {
  --animation-order: 42;
}

.animation-order-43 {
  --animation-order: 43;
}

.animation-order-44 {
  --animation-order: 44;
}

.animation-order-45 {
  --animation-order: 45;
}

.animation-order-46 {
  --animation-order: 46;
}

.animation-order-47 {
  --animation-order: 47;
}

.animation-order-48 {
  --animation-order: 48;
}

.animation-order-49 {
  --animation-order: 49;
}

.animation-order-50 {
  --animation-order: 50;
}

/**************************************
    Default Styles
***************************************/
/*=========================
    Section Separation 
==========================*/
.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.position-to-top {
  position: relative;
  margin-top: -300px;
}

.mt_dec--80 {
  margin-top: -80px;
}

.mt_dec--40 {
  margin-top: -40px;
}

.mt_dec--100 {
  margin-top: -100px;
}

.mt_dec--4 {
  margin-top: -4px !important;
}

.rbt-section-gap {
  padding: 80px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gap {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gap {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-section-gap {
    padding: 40px 0;
  }
}

.rbt-section-gap2 {
  padding: 60px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gap2 {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gap2 {
    padding: 40px 0;
  }
}

.rbt-section-gap2-half {
  padding: 30px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gap2-half {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gap2-half {
    padding: 20px 0;
  }
}

.rbt-section-gap3 {
  padding: 40px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gap3 {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gap3 {
    padding: 20px 0;
  }
}

.rbt-section-gapBottom {
  padding-bottom: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gapBottom {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gapBottom {
    padding-bottom: 40px;
  }
}

.rbt-section-gap2Bottom {
  padding-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gap2Bottom {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gap2Bottom {
    padding-bottom: 40px;
  }
}

.rbt-section-gap2-half-Bottom {
  padding-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gap2-half-Bottom {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gap2-half-Bottom {
    padding-bottom: 20px;
  }
}

.rbt-section-gap3Bottom {
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gap3Bottom {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gap3Bottom {
    padding-bottom: 20px;
  }
}

.rbt-section-gapTop {
  padding-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gapTop {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gapTop {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-section-gapTop {
    padding-top: 40px;
  }
}

.rbt-section-gapTopHalf {
  padding-top: 40px;
}

.rbt-section-gap2Top {
  padding-top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gap2Top {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gap2Top {
    padding-top: 40px;
  }
}

.rbt-section-gap2-half-Top {
  padding-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gap2-half-Top {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gap2-half-Top {
    padding-top: 20px;
  }
}

.rbt-section-gap3Top {
  padding-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gap3Top {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gap3Top {
    padding-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb--165,
  .pb--85 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .pb--165,
  .pb--85 {
    padding-bottom: 60px;
  }
}

.mt_dec--120 {
  margin-top: -120px !important;
}

.mt_dec--12 {
  margin-top: -12px !important;
}

.mt_dec--16 {
  margin-top: -16px !important;
}

.mt_dec--24 {
  margin-top: -24px !important;
}

.mt_dec--32 {
  margin-top: -32px !important;
}

.mt_dec--60 {
  margin-top: -60px !important;
}

.mt_dec--48 {
  margin-top: -48px !important;
}

.mt_dec--28 {
  margin-top: -28px !important;
}

.ml_dec_20 {
  margin-left: -20px !important;
}

.mt_dec--half {
  margin-bottom: -156px;
}

.default-callto-action-overlap {
  padding-top: 276px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .default-callto-action-overlap {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .default-callto-action-overlap {
    padding-top: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ptb--120 {
    padding: 80px 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .ptb--120 {
    padding: 60px 0 !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb--165,
  .pb--120,
  .pb--85,
  .pb--165 {
    padding-bottom: 80px !important;
  }
}
@media only screen and (max-width: 767px) {
  .pb--165,
  .pb--120,
  .pb--85,
  .pb--165 {
    padding-bottom: 60px !important;
  }
}

@media only screen and (max-width: 767px) {
  .pb--70 {
    padding-bottom: 60px !important;
  }
}

.pt--260 {
  padding-top: 260px;
}

.pt--250 {
  padding-top: 250px;
}

.pb--240 {
  padding-bottom: 240px;
}

.pb--220 {
  padding-bottom: 220px;
}

.plr--270 {
  padding: 0 270px;
}

.plr--300 {
  padding: 0 300px;
}

.plr--340 {
  padding: 0 340px;
}

.plr--0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ptb--300 {
  padding: 300px 0;
}

.ptb--340 {
  padding: 340px 0;
}

.ptb--450 {
  padding: 450px 0;
}

.pt--300 {
  padding-top: 300px;
}

.pl--300 {
  padding-left: 300px;
}

/*=============================
	Flex Gap styles 
==============================*/
.rbt-gap--0 {
  display: flex;
  gap: 0px !important;
}

.rbt-gap-lr--0 {
  display: flex;
  gap: 0 0px !important;
}

.rbt-gap-tb--0 {
  display: flex;
  gap: 0px 0 !important;
}

.rbt-gap--4 {
  display: flex;
  gap: 4px !important;
}

.rbt-gap-lr--4 {
  display: flex;
  gap: 0 4px !important;
}

.rbt-gap-tb--4 {
  display: flex;
  gap: 4px 0 !important;
}

.rbt-gap--8 {
  display: flex;
  gap: 8px !important;
}

.rbt-gap-lr--8 {
  display: flex;
  gap: 0 8px !important;
}

.rbt-gap-tb--8 {
  display: flex;
  gap: 8px 0 !important;
}

.rbt-gap--12 {
  display: flex;
  gap: 12px !important;
}

.rbt-gap-lr--12 {
  display: flex;
  gap: 0 12px !important;
}

.rbt-gap-tb--12 {
  display: flex;
  gap: 12px 0 !important;
}

.rbt-gap--16 {
  display: flex;
  gap: 16px !important;
}

.rbt-gap-lr--16 {
  display: flex;
  gap: 0 16px !important;
}

.rbt-gap-tb--16 {
  display: flex;
  gap: 16px 0 !important;
}

.rbt-gap--20 {
  display: flex;
  gap: 20px !important;
}

.rbt-gap-lr--20 {
  display: flex;
  gap: 0 20px !important;
}

.rbt-gap-tb--20 {
  display: flex;
  gap: 20px 0 !important;
}

.rbt-gap--24 {
  display: flex;
  gap: 24px !important;
}

.rbt-gap-lr--24 {
  display: flex;
  gap: 0 24px !important;
}

.rbt-gap-tb--24 {
  display: flex;
  gap: 24px 0 !important;
}

.rbt-gap--28 {
  display: flex;
  gap: 28px !important;
}

.rbt-gap-lr--28 {
  display: flex;
  gap: 0 28px !important;
}

.rbt-gap-tb--28 {
  display: flex;
  gap: 28px 0 !important;
}

.rbt-gap--32 {
  display: flex;
  gap: 32px !important;
}

.rbt-gap-lr--32 {
  display: flex;
  gap: 0 32px !important;
}

.rbt-gap-tb--32 {
  display: flex;
  gap: 32px 0 !important;
}

.rbt-gap--36 {
  display: flex;
  gap: 36px !important;
}

.rbt-gap-lr--36 {
  display: flex;
  gap: 0 36px !important;
}

.rbt-gap-tb--36 {
  display: flex;
  gap: 36px 0 !important;
}

.rbt-gap--40 {
  display: flex;
  gap: 40px !important;
}

.rbt-gap-lr--40 {
  display: flex;
  gap: 0 40px !important;
}

.rbt-gap-tb--40 {
  display: flex;
  gap: 40px 0 !important;
}

.rbt-gap--44 {
  display: flex;
  gap: 44px !important;
}

.rbt-gap-lr--44 {
  display: flex;
  gap: 0 44px !important;
}

.rbt-gap-tb--44 {
  display: flex;
  gap: 44px 0 !important;
}

.rbt-gap--48 {
  display: flex;
  gap: 48px !important;
}

.rbt-gap-lr--48 {
  display: flex;
  gap: 0 48px !important;
}

.rbt-gap-tb--48 {
  display: flex;
  gap: 48px 0 !important;
}

.rbt-gap--52 {
  display: flex;
  gap: 52px !important;
}

.rbt-gap-lr--52 {
  display: flex;
  gap: 0 52px !important;
}

.rbt-gap-tb--52 {
  display: flex;
  gap: 52px 0 !important;
}

.rbt-gap--56 {
  display: flex;
  gap: 56px !important;
}

.rbt-gap-lr--56 {
  display: flex;
  gap: 0 56px !important;
}

.rbt-gap-tb--56 {
  display: flex;
  gap: 56px 0 !important;
}

.rbt-gap--60 {
  display: flex;
  gap: 60px !important;
}

.rbt-gap-lr--60 {
  display: flex;
  gap: 0 60px !important;
}

.rbt-gap-tb--60 {
  display: flex;
  gap: 60px 0 !important;
}

.rbt-gap--64 {
  display: flex;
  gap: 64px !important;
}

.rbt-gap-lr--64 {
  display: flex;
  gap: 0 64px !important;
}

.rbt-gap-tb--64 {
  display: flex;
  gap: 64px 0 !important;
}

.rbt-gap--68 {
  display: flex;
  gap: 68px !important;
}

.rbt-gap-lr--68 {
  display: flex;
  gap: 0 68px !important;
}

.rbt-gap-tb--68 {
  display: flex;
  gap: 68px 0 !important;
}

.rbt-gap--72 {
  display: flex;
  gap: 72px !important;
}

.rbt-gap-lr--72 {
  display: flex;
  gap: 0 72px !important;
}

.rbt-gap-tb--72 {
  display: flex;
  gap: 72px 0 !important;
}

.rbt-gap--76 {
  display: flex;
  gap: 76px !important;
}

.rbt-gap-lr--76 {
  display: flex;
  gap: 0 76px !important;
}

.rbt-gap-tb--76 {
  display: flex;
  gap: 76px 0 !important;
}

.rbt-gap--80 {
  display: flex;
  gap: 80px !important;
}

.rbt-gap-lr--80 {
  display: flex;
  gap: 0 80px !important;
}

.rbt-gap-tb--80 {
  display: flex;
  gap: 80px 0 !important;
}

.rbt-gap--84 {
  display: flex;
  gap: 84px !important;
}

.rbt-gap-lr--84 {
  display: flex;
  gap: 0 84px !important;
}

.rbt-gap-tb--84 {
  display: flex;
  gap: 84px 0 !important;
}

.rbt-gap--88 {
  display: flex;
  gap: 88px !important;
}

.rbt-gap-lr--88 {
  display: flex;
  gap: 0 88px !important;
}

.rbt-gap-tb--88 {
  display: flex;
  gap: 88px 0 !important;
}

.rbt-gap--92 {
  display: flex;
  gap: 92px !important;
}

.rbt-gap-lr--92 {
  display: flex;
  gap: 0 92px !important;
}

.rbt-gap-tb--92 {
  display: flex;
  gap: 92px 0 !important;
}

.rbt-gap--96 {
  display: flex;
  gap: 96px !important;
}

.rbt-gap-lr--96 {
  display: flex;
  gap: 0 96px !important;
}

.rbt-gap-tb--96 {
  display: flex;
  gap: 96px 0 !important;
}

.rbt-gap--100 {
  display: flex;
  gap: 100px !important;
}

.rbt-gap-lr--100 {
  display: flex;
  gap: 0 100px !important;
}

.rbt-gap-tb--100 {
  display: flex;
  gap: 100px 0 !important;
}

.rbt-gap--104 {
  display: flex;
  gap: 104px !important;
}

.rbt-gap-lr--104 {
  display: flex;
  gap: 0 104px !important;
}

.rbt-gap-tb--104 {
  display: flex;
  gap: 104px 0 !important;
}

.rbt-gap--108 {
  display: flex;
  gap: 108px !important;
}

.rbt-gap-lr--108 {
  display: flex;
  gap: 0 108px !important;
}

.rbt-gap-tb--108 {
  display: flex;
  gap: 108px 0 !important;
}

.rbt-gap--112 {
  display: flex;
  gap: 112px !important;
}

.rbt-gap-lr--112 {
  display: flex;
  gap: 0 112px !important;
}

.rbt-gap-tb--112 {
  display: flex;
  gap: 112px 0 !important;
}

.rbt-gap--116 {
  display: flex;
  gap: 116px !important;
}

.rbt-gap-lr--116 {
  display: flex;
  gap: 0 116px !important;
}

.rbt-gap-tb--116 {
  display: flex;
  gap: 116px 0 !important;
}

.rbt-gap--120 {
  display: flex;
  gap: 120px !important;
}

.rbt-gap-lr--120 {
  display: flex;
  gap: 0 120px !important;
}

.rbt-gap-tb--120 {
  display: flex;
  gap: 120px 0 !important;
}

.rbt-gap--124 {
  display: flex;
  gap: 124px !important;
}

.rbt-gap-lr--124 {
  display: flex;
  gap: 0 124px !important;
}

.rbt-gap-tb--124 {
  display: flex;
  gap: 124px 0 !important;
}

.rbt-gap--128 {
  display: flex;
  gap: 128px !important;
}

.rbt-gap-lr--128 {
  display: flex;
  gap: 0 128px !important;
}

.rbt-gap-tb--128 {
  display: flex;
  gap: 128px 0 !important;
}

.rbt-gap--132 {
  display: flex;
  gap: 132px !important;
}

.rbt-gap-lr--132 {
  display: flex;
  gap: 0 132px !important;
}

.rbt-gap-tb--132 {
  display: flex;
  gap: 132px 0 !important;
}

.rbt-gap--136 {
  display: flex;
  gap: 136px !important;
}

.rbt-gap-lr--136 {
  display: flex;
  gap: 0 136px !important;
}

.rbt-gap-tb--136 {
  display: flex;
  gap: 136px 0 !important;
}

.rbt-gap--140 {
  display: flex;
  gap: 140px !important;
}

.rbt-gap-lr--140 {
  display: flex;
  gap: 0 140px !important;
}

.rbt-gap-tb--140 {
  display: flex;
  gap: 140px 0 !important;
}

.rbt-gap--144 {
  display: flex;
  gap: 144px !important;
}

.rbt-gap-lr--144 {
  display: flex;
  gap: 0 144px !important;
}

.rbt-gap-tb--144 {
  display: flex;
  gap: 144px 0 !important;
}

.rbt-gap--148 {
  display: flex;
  gap: 148px !important;
}

.rbt-gap-lr--148 {
  display: flex;
  gap: 0 148px !important;
}

.rbt-gap-tb--148 {
  display: flex;
  gap: 148px 0 !important;
}

.rbt-gap--152 {
  display: flex;
  gap: 152px !important;
}

.rbt-gap-lr--152 {
  display: flex;
  gap: 0 152px !important;
}

.rbt-gap-tb--152 {
  display: flex;
  gap: 152px 0 !important;
}

.rbt-gap--156 {
  display: flex;
  gap: 156px !important;
}

.rbt-gap-lr--156 {
  display: flex;
  gap: 0 156px !important;
}

.rbt-gap-tb--156 {
  display: flex;
  gap: 156px 0 !important;
}

.rbt-gap--160 {
  display: flex;
  gap: 160px !important;
}

.rbt-gap-lr--160 {
  display: flex;
  gap: 0 160px !important;
}

.rbt-gap-tb--160 {
  display: flex;
  gap: 160px 0 !important;
}

.rbt-gap--164 {
  display: flex;
  gap: 164px !important;
}

.rbt-gap-lr--164 {
  display: flex;
  gap: 0 164px !important;
}

.rbt-gap-tb--164 {
  display: flex;
  gap: 164px 0 !important;
}

.rbt-gap--168 {
  display: flex;
  gap: 168px !important;
}

.rbt-gap-lr--168 {
  display: flex;
  gap: 0 168px !important;
}

.rbt-gap-tb--168 {
  display: flex;
  gap: 168px 0 !important;
}

.rbt-gap--172 {
  display: flex;
  gap: 172px !important;
}

.rbt-gap-lr--172 {
  display: flex;
  gap: 0 172px !important;
}

.rbt-gap-tb--172 {
  display: flex;
  gap: 172px 0 !important;
}

.rbt-gap--176 {
  display: flex;
  gap: 176px !important;
}

.rbt-gap-lr--176 {
  display: flex;
  gap: 0 176px !important;
}

.rbt-gap-tb--176 {
  display: flex;
  gap: 176px 0 !important;
}

.rbt-gap--180 {
  display: flex;
  gap: 180px !important;
}

.rbt-gap-lr--180 {
  display: flex;
  gap: 0 180px !important;
}

.rbt-gap-tb--180 {
  display: flex;
  gap: 180px 0 !important;
}

.rbt-gap--184 {
  display: flex;
  gap: 184px !important;
}

.rbt-gap-lr--184 {
  display: flex;
  gap: 0 184px !important;
}

.rbt-gap-tb--184 {
  display: flex;
  gap: 184px 0 !important;
}

.rbt-gap--188 {
  display: flex;
  gap: 188px !important;
}

.rbt-gap-lr--188 {
  display: flex;
  gap: 0 188px !important;
}

.rbt-gap-tb--188 {
  display: flex;
  gap: 188px 0 !important;
}

.rbt-gap--192 {
  display: flex;
  gap: 192px !important;
}

.rbt-gap-lr--192 {
  display: flex;
  gap: 0 192px !important;
}

.rbt-gap-tb--192 {
  display: flex;
  gap: 192px 0 !important;
}

.rbt-gap--196 {
  display: flex;
  gap: 196px !important;
}

.rbt-gap-lr--196 {
  display: flex;
  gap: 0 196px !important;
}

.rbt-gap-tb--196 {
  display: flex;
  gap: 196px 0 !important;
}

.rbt-gap--200 {
  display: flex;
  gap: 200px !important;
}

.rbt-gap-lr--200 {
  display: flex;
  gap: 0 200px !important;
}

.rbt-gap-tb--200 {
  display: flex;
  gap: 200px 0 !important;
}

/*=============================
	Rounded styles 
==============================*/
.rbt-rounded--0 {
  border-radius: 0px !important;
}

.rbt-rounded-top--0 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--0 {
  border-radius: 0 0 0 0px !important;
}

.rbt-rounded-right--0 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--0 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--1 {
  border-radius: 1px !important;
}

.rbt-rounded-top--1 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--1 {
  border-radius: 0 0 0 1px !important;
}

.rbt-rounded-right--1 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--1 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--2 {
  border-radius: 2px !important;
}

.rbt-rounded-top--2 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--2 {
  border-radius: 0 0 0 2px !important;
}

.rbt-rounded-right--2 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--2 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--3 {
  border-radius: 3px !important;
}

.rbt-rounded-top--3 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--3 {
  border-radius: 0 0 0 3px !important;
}

.rbt-rounded-right--3 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--3 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--4 {
  border-radius: 4px !important;
}

.rbt-rounded-top--4 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--4 {
  border-radius: 0 0 0 4px !important;
}

.rbt-rounded-right--4 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--4 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--5 {
  border-radius: 5px !important;
}

.rbt-rounded-top--5 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--5 {
  border-radius: 0 0 0 5px !important;
}

.rbt-rounded-right--5 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--5 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--6 {
  border-radius: 6px !important;
}

.rbt-rounded-top--6 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--6 {
  border-radius: 0 0 0 6px !important;
}

.rbt-rounded-right--6 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--6 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--7 {
  border-radius: 7px !important;
}

.rbt-rounded-top--7 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--7 {
  border-radius: 0 0 0 7px !important;
}

.rbt-rounded-right--7 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--7 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--8 {
  border-radius: 8px !important;
}

.rbt-rounded-top--8 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--8 {
  border-radius: 0 0 0 8px !important;
}

.rbt-rounded-right--8 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--8 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--9 {
  border-radius: 9px !important;
}

.rbt-rounded-top--9 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--9 {
  border-radius: 0 0 0 9px !important;
}

.rbt-rounded-right--9 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--9 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--10 {
  border-radius: 10px !important;
}

.rbt-rounded-top--10 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--10 {
  border-radius: 0 0 0 10px !important;
}

.rbt-rounded-right--10 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--10 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--11 {
  border-radius: 11px !important;
}

.rbt-rounded-top--11 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--11 {
  border-radius: 0 0 0 11px !important;
}

.rbt-rounded-right--11 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--11 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--12 {
  border-radius: 12px !important;
}

.rbt-rounded-top--12 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--12 {
  border-radius: 0 0 0 12px !important;
}

.rbt-rounded-right--12 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--12 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--13 {
  border-radius: 13px !important;
}

.rbt-rounded-top--13 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--13 {
  border-radius: 0 0 0 13px !important;
}

.rbt-rounded-right--13 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--13 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--14 {
  border-radius: 14px !important;
}

.rbt-rounded-top--14 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--14 {
  border-radius: 0 0 0 14px !important;
}

.rbt-rounded-right--14 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--14 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--15 {
  border-radius: 15px !important;
}

.rbt-rounded-top--15 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--15 {
  border-radius: 0 0 0 15px !important;
}

.rbt-rounded-right--15 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--15 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--16 {
  border-radius: 16px !important;
}

.rbt-rounded-top--16 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--16 {
  border-radius: 0 0 0 16px !important;
}

.rbt-rounded-right--16 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--16 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--17 {
  border-radius: 17px !important;
}

.rbt-rounded-top--17 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--17 {
  border-radius: 0 0 0 17px !important;
}

.rbt-rounded-right--17 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--17 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--18 {
  border-radius: 18px !important;
}

.rbt-rounded-top--18 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--18 {
  border-radius: 0 0 0 18px !important;
}

.rbt-rounded-right--18 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--18 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--19 {
  border-radius: 19px !important;
}

.rbt-rounded-top--19 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--19 {
  border-radius: 0 0 0 19px !important;
}

.rbt-rounded-right--19 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--19 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--20 {
  border-radius: 20px !important;
}

.rbt-rounded-top--20 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--20 {
  border-radius: 0 0 0 20px !important;
}

.rbt-rounded-right--20 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--20 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--21 {
  border-radius: 21px !important;
}

.rbt-rounded-top--21 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--21 {
  border-radius: 0 0 0 21px !important;
}

.rbt-rounded-right--21 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--21 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--22 {
  border-radius: 22px !important;
}

.rbt-rounded-top--22 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--22 {
  border-radius: 0 0 0 22px !important;
}

.rbt-rounded-right--22 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--22 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--23 {
  border-radius: 23px !important;
}

.rbt-rounded-top--23 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--23 {
  border-radius: 0 0 0 23px !important;
}

.rbt-rounded-right--23 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--23 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--24 {
  border-radius: 24px !important;
}

.rbt-rounded-top--24 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--24 {
  border-radius: 0 0 0 24px !important;
}

.rbt-rounded-right--24 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--24 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--25 {
  border-radius: 25px !important;
}

.rbt-rounded-top--25 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--25 {
  border-radius: 0 0 0 25px !important;
}

.rbt-rounded-right--25 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--25 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--26 {
  border-radius: 26px !important;
}

.rbt-rounded-top--26 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--26 {
  border-radius: 0 0 0 26px !important;
}

.rbt-rounded-right--26 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--26 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--27 {
  border-radius: 27px !important;
}

.rbt-rounded-top--27 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--27 {
  border-radius: 0 0 0 27px !important;
}

.rbt-rounded-right--27 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--27 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--28 {
  border-radius: 28px !important;
}

.rbt-rounded-top--28 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--28 {
  border-radius: 0 0 0 28px !important;
}

.rbt-rounded-right--28 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--28 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--29 {
  border-radius: 29px !important;
}

.rbt-rounded-top--29 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--29 {
  border-radius: 0 0 0 29px !important;
}

.rbt-rounded-right--29 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--29 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--30 {
  border-radius: 30px !important;
}

.rbt-rounded-top--30 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--30 {
  border-radius: 0 0 0 30px !important;
}

.rbt-rounded-right--30 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--30 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--31 {
  border-radius: 31px !important;
}

.rbt-rounded-top--31 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--31 {
  border-radius: 0 0 0 31px !important;
}

.rbt-rounded-right--31 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--31 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--32 {
  border-radius: 32px !important;
}

.rbt-rounded-top--32 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--32 {
  border-radius: 0 0 0 32px !important;
}

.rbt-rounded-right--32 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--32 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--33 {
  border-radius: 33px !important;
}

.rbt-rounded-top--33 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--33 {
  border-radius: 0 0 0 33px !important;
}

.rbt-rounded-right--33 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--33 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--34 {
  border-radius: 34px !important;
}

.rbt-rounded-top--34 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--34 {
  border-radius: 0 0 0 34px !important;
}

.rbt-rounded-right--34 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--34 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--35 {
  border-radius: 35px !important;
}

.rbt-rounded-top--35 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--35 {
  border-radius: 0 0 0 35px !important;
}

.rbt-rounded-right--35 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--35 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--36 {
  border-radius: 36px !important;
}

.rbt-rounded-top--36 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--36 {
  border-radius: 0 0 0 36px !important;
}

.rbt-rounded-right--36 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--36 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--37 {
  border-radius: 37px !important;
}

.rbt-rounded-top--37 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--37 {
  border-radius: 0 0 0 37px !important;
}

.rbt-rounded-right--37 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--37 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--38 {
  border-radius: 38px !important;
}

.rbt-rounded-top--38 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--38 {
  border-radius: 0 0 0 38px !important;
}

.rbt-rounded-right--38 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--38 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--39 {
  border-radius: 39px !important;
}

.rbt-rounded-top--39 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--39 {
  border-radius: 0 0 0 39px !important;
}

.rbt-rounded-right--39 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--39 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--40 {
  border-radius: 40px !important;
}

.rbt-rounded-top--40 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--40 {
  border-radius: 0 0 0 40px !important;
}

.rbt-rounded-right--40 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--40 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--41 {
  border-radius: 41px !important;
}

.rbt-rounded-top--41 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--41 {
  border-radius: 0 0 0 41px !important;
}

.rbt-rounded-right--41 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--41 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--42 {
  border-radius: 42px !important;
}

.rbt-rounded-top--42 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--42 {
  border-radius: 0 0 0 42px !important;
}

.rbt-rounded-right--42 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--42 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--43 {
  border-radius: 43px !important;
}

.rbt-rounded-top--43 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--43 {
  border-radius: 0 0 0 43px !important;
}

.rbt-rounded-right--43 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--43 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--44 {
  border-radius: 44px !important;
}

.rbt-rounded-top--44 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--44 {
  border-radius: 0 0 0 44px !important;
}

.rbt-rounded-right--44 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--44 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--45 {
  border-radius: 45px !important;
}

.rbt-rounded-top--45 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--45 {
  border-radius: 0 0 0 45px !important;
}

.rbt-rounded-right--45 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--45 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--46 {
  border-radius: 46px !important;
}

.rbt-rounded-top--46 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--46 {
  border-radius: 0 0 0 46px !important;
}

.rbt-rounded-right--46 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--46 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--47 {
  border-radius: 47px !important;
}

.rbt-rounded-top--47 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--47 {
  border-radius: 0 0 0 47px !important;
}

.rbt-rounded-right--47 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--47 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--48 {
  border-radius: 48px !important;
}

.rbt-rounded-top--48 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--48 {
  border-radius: 0 0 0 48px !important;
}

.rbt-rounded-right--48 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--48 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--49 {
  border-radius: 49px !important;
}

.rbt-rounded-top--49 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--49 {
  border-radius: 0 0 0 49px !important;
}

.rbt-rounded-right--49 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--49 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--50 {
  border-radius: 50px !important;
}

.rbt-rounded-top--50 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--50 {
  border-radius: 0 0 0 50px !important;
}

.rbt-rounded-right--50 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--50 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--51 {
  border-radius: 51px !important;
}

.rbt-rounded-top--51 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--51 {
  border-radius: 0 0 0 51px !important;
}

.rbt-rounded-right--51 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--51 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--52 {
  border-radius: 52px !important;
}

.rbt-rounded-top--52 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--52 {
  border-radius: 0 0 0 52px !important;
}

.rbt-rounded-right--52 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--52 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--53 {
  border-radius: 53px !important;
}

.rbt-rounded-top--53 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--53 {
  border-radius: 0 0 0 53px !important;
}

.rbt-rounded-right--53 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--53 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--54 {
  border-radius: 54px !important;
}

.rbt-rounded-top--54 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--54 {
  border-radius: 0 0 0 54px !important;
}

.rbt-rounded-right--54 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--54 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--55 {
  border-radius: 55px !important;
}

.rbt-rounded-top--55 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--55 {
  border-radius: 0 0 0 55px !important;
}

.rbt-rounded-right--55 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--55 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--56 {
  border-radius: 56px !important;
}

.rbt-rounded-top--56 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--56 {
  border-radius: 0 0 0 56px !important;
}

.rbt-rounded-right--56 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--56 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--57 {
  border-radius: 57px !important;
}

.rbt-rounded-top--57 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--57 {
  border-radius: 0 0 0 57px !important;
}

.rbt-rounded-right--57 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--57 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--58 {
  border-radius: 58px !important;
}

.rbt-rounded-top--58 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--58 {
  border-radius: 0 0 0 58px !important;
}

.rbt-rounded-right--58 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--58 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--59 {
  border-radius: 59px !important;
}

.rbt-rounded-top--59 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--59 {
  border-radius: 0 0 0 59px !important;
}

.rbt-rounded-right--59 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--59 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--60 {
  border-radius: 60px !important;
}

.rbt-rounded-top--60 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--60 {
  border-radius: 0 0 0 60px !important;
}

.rbt-rounded-right--60 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--60 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--61 {
  border-radius: 61px !important;
}

.rbt-rounded-top--61 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--61 {
  border-radius: 0 0 0 61px !important;
}

.rbt-rounded-right--61 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--61 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--62 {
  border-radius: 62px !important;
}

.rbt-rounded-top--62 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--62 {
  border-radius: 0 0 0 62px !important;
}

.rbt-rounded-right--62 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--62 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--63 {
  border-radius: 63px !important;
}

.rbt-rounded-top--63 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--63 {
  border-radius: 0 0 0 63px !important;
}

.rbt-rounded-right--63 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--63 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--64 {
  border-radius: 64px !important;
}

.rbt-rounded-top--64 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--64 {
  border-radius: 0 0 0 64px !important;
}

.rbt-rounded-right--64 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--64 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--65 {
  border-radius: 65px !important;
}

.rbt-rounded-top--65 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--65 {
  border-radius: 0 0 0 65px !important;
}

.rbt-rounded-right--65 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--65 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--66 {
  border-radius: 66px !important;
}

.rbt-rounded-top--66 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--66 {
  border-radius: 0 0 0 66px !important;
}

.rbt-rounded-right--66 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--66 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--67 {
  border-radius: 67px !important;
}

.rbt-rounded-top--67 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--67 {
  border-radius: 0 0 0 67px !important;
}

.rbt-rounded-right--67 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--67 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--68 {
  border-radius: 68px !important;
}

.rbt-rounded-top--68 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--68 {
  border-radius: 0 0 0 68px !important;
}

.rbt-rounded-right--68 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--68 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--69 {
  border-radius: 69px !important;
}

.rbt-rounded-top--69 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--69 {
  border-radius: 0 0 0 69px !important;
}

.rbt-rounded-right--69 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--69 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--70 {
  border-radius: 70px !important;
}

.rbt-rounded-top--70 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--70 {
  border-radius: 0 0 0 70px !important;
}

.rbt-rounded-right--70 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--70 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--71 {
  border-radius: 71px !important;
}

.rbt-rounded-top--71 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--71 {
  border-radius: 0 0 0 71px !important;
}

.rbt-rounded-right--71 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--71 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--72 {
  border-radius: 72px !important;
}

.rbt-rounded-top--72 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--72 {
  border-radius: 0 0 0 72px !important;
}

.rbt-rounded-right--72 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--72 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--73 {
  border-radius: 73px !important;
}

.rbt-rounded-top--73 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--73 {
  border-radius: 0 0 0 73px !important;
}

.rbt-rounded-right--73 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--73 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--74 {
  border-radius: 74px !important;
}

.rbt-rounded-top--74 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--74 {
  border-radius: 0 0 0 74px !important;
}

.rbt-rounded-right--74 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--74 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--75 {
  border-radius: 75px !important;
}

.rbt-rounded-top--75 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--75 {
  border-radius: 0 0 0 75px !important;
}

.rbt-rounded-right--75 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--75 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--76 {
  border-radius: 76px !important;
}

.rbt-rounded-top--76 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--76 {
  border-radius: 0 0 0 76px !important;
}

.rbt-rounded-right--76 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--76 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--77 {
  border-radius: 77px !important;
}

.rbt-rounded-top--77 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--77 {
  border-radius: 0 0 0 77px !important;
}

.rbt-rounded-right--77 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--77 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--78 {
  border-radius: 78px !important;
}

.rbt-rounded-top--78 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--78 {
  border-radius: 0 0 0 78px !important;
}

.rbt-rounded-right--78 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--78 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--79 {
  border-radius: 79px !important;
}

.rbt-rounded-top--79 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--79 {
  border-radius: 0 0 0 79px !important;
}

.rbt-rounded-right--79 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--79 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--80 {
  border-radius: 80px !important;
}

.rbt-rounded-top--80 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--80 {
  border-radius: 0 0 0 80px !important;
}

.rbt-rounded-right--80 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--80 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--81 {
  border-radius: 81px !important;
}

.rbt-rounded-top--81 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--81 {
  border-radius: 0 0 0 81px !important;
}

.rbt-rounded-right--81 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--81 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--82 {
  border-radius: 82px !important;
}

.rbt-rounded-top--82 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--82 {
  border-radius: 0 0 0 82px !important;
}

.rbt-rounded-right--82 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--82 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--83 {
  border-radius: 83px !important;
}

.rbt-rounded-top--83 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--83 {
  border-radius: 0 0 0 83px !important;
}

.rbt-rounded-right--83 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--83 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--84 {
  border-radius: 84px !important;
}

.rbt-rounded-top--84 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--84 {
  border-radius: 0 0 0 84px !important;
}

.rbt-rounded-right--84 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--84 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--85 {
  border-radius: 85px !important;
}

.rbt-rounded-top--85 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--85 {
  border-radius: 0 0 0 85px !important;
}

.rbt-rounded-right--85 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--85 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--86 {
  border-radius: 86px !important;
}

.rbt-rounded-top--86 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--86 {
  border-radius: 0 0 0 86px !important;
}

.rbt-rounded-right--86 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--86 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--87 {
  border-radius: 87px !important;
}

.rbt-rounded-top--87 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--87 {
  border-radius: 0 0 0 87px !important;
}

.rbt-rounded-right--87 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--87 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--88 {
  border-radius: 88px !important;
}

.rbt-rounded-top--88 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--88 {
  border-radius: 0 0 0 88px !important;
}

.rbt-rounded-right--88 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--88 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--89 {
  border-radius: 89px !important;
}

.rbt-rounded-top--89 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--89 {
  border-radius: 0 0 0 89px !important;
}

.rbt-rounded-right--89 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--89 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--90 {
  border-radius: 90px !important;
}

.rbt-rounded-top--90 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--90 {
  border-radius: 0 0 0 90px !important;
}

.rbt-rounded-right--90 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--90 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--91 {
  border-radius: 91px !important;
}

.rbt-rounded-top--91 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--91 {
  border-radius: 0 0 0 91px !important;
}

.rbt-rounded-right--91 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--91 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--92 {
  border-radius: 92px !important;
}

.rbt-rounded-top--92 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--92 {
  border-radius: 0 0 0 92px !important;
}

.rbt-rounded-right--92 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--92 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--93 {
  border-radius: 93px !important;
}

.rbt-rounded-top--93 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--93 {
  border-radius: 0 0 0 93px !important;
}

.rbt-rounded-right--93 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--93 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--94 {
  border-radius: 94px !important;
}

.rbt-rounded-top--94 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--94 {
  border-radius: 0 0 0 94px !important;
}

.rbt-rounded-right--94 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--94 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--95 {
  border-radius: 95px !important;
}

.rbt-rounded-top--95 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--95 {
  border-radius: 0 0 0 95px !important;
}

.rbt-rounded-right--95 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--95 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--96 {
  border-radius: 96px !important;
}

.rbt-rounded-top--96 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--96 {
  border-radius: 0 0 0 96px !important;
}

.rbt-rounded-right--96 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--96 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--97 {
  border-radius: 97px !important;
}

.rbt-rounded-top--97 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--97 {
  border-radius: 0 0 0 97px !important;
}

.rbt-rounded-right--97 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--97 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--98 {
  border-radius: 98px !important;
}

.rbt-rounded-top--98 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--98 {
  border-radius: 0 0 0 98px !important;
}

.rbt-rounded-right--98 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--98 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--99 {
  border-radius: 99px !important;
}

.rbt-rounded-top--99 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--99 {
  border-radius: 0 0 0 99px !important;
}

.rbt-rounded-right--99 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--99 {
  border-radius: 0 0 1px 0 !important;
}

.rbt-rounded--100 {
  border-radius: 100px !important;
}

.rbt-rounded-top--100 {
  border-radius: 1px 0 0 0 !important;
}

.rbt-rounded-left--100 {
  border-radius: 0 0 0 100px !important;
}

.rbt-rounded-right--100 {
  border-radius: 0 1px 0 0 !important;
}

.rbt-rounded-bottom--100 {
  border-radius: 0 0 1px 0 !important;
}

/*=============================
	Width
==============================*/
.w-0 {
  width: 0% !important;
}

.w-1 {
  width: 1% !important;
}

.w-2 {
  width: 2% !important;
}

.w-3 {
  width: 3% !important;
}

.w-4 {
  width: 4% !important;
}

.w-5 {
  width: 5% !important;
}

.w-6 {
  width: 6% !important;
}

.w-7 {
  width: 7% !important;
}

.w-8 {
  width: 8% !important;
}

.w-9 {
  width: 9% !important;
}

.w-10 {
  width: 10% !important;
}

.w-11 {
  width: 11% !important;
}

.w-12 {
  width: 12% !important;
}

.w-13 {
  width: 13% !important;
}

.w-14 {
  width: 14% !important;
}

.w-15 {
  width: 15% !important;
}

.w-16 {
  width: 16% !important;
}

.w-17 {
  width: 17% !important;
}

.w-18 {
  width: 18% !important;
}

.w-19 {
  width: 19% !important;
}

.w-20 {
  width: 20% !important;
}

.w-21 {
  width: 21% !important;
}

.w-22 {
  width: 22% !important;
}

.w-23 {
  width: 23% !important;
}

.w-24 {
  width: 24% !important;
}

.w-25 {
  width: 25% !important;
}

.w-26 {
  width: 26% !important;
}

.w-27 {
  width: 27% !important;
}

.w-28 {
  width: 28% !important;
}

.w-29 {
  width: 29% !important;
}

.w-30 {
  width: 30% !important;
}

.w-31 {
  width: 31% !important;
}

.w-32 {
  width: 32% !important;
}

.w-33 {
  width: 33% !important;
}

.w-34 {
  width: 34% !important;
}

.w-35 {
  width: 35% !important;
}

.w-36 {
  width: 36% !important;
}

.w-37 {
  width: 37% !important;
}

.w-38 {
  width: 38% !important;
}

.w-39 {
  width: 39% !important;
}

.w-40 {
  width: 40% !important;
}

.w-41 {
  width: 41% !important;
}

.w-42 {
  width: 42% !important;
}

.w-43 {
  width: 43% !important;
}

.w-44 {
  width: 44% !important;
}

.w-45 {
  width: 45% !important;
}

.w-46 {
  width: 46% !important;
}

.w-47 {
  width: 47% !important;
}

.w-48 {
  width: 48% !important;
}

.w-49 {
  width: 49% !important;
}

.w-50 {
  width: 50% !important;
}

.w-51 {
  width: 51% !important;
}

.w-52 {
  width: 52% !important;
}

.w-53 {
  width: 53% !important;
}

.w-54 {
  width: 54% !important;
}

.w-55 {
  width: 55% !important;
}

.w-56 {
  width: 56% !important;
}

.w-57 {
  width: 57% !important;
}

.w-58 {
  width: 58% !important;
}

.w-59 {
  width: 59% !important;
}

.w-60 {
  width: 60% !important;
}

.w-61 {
  width: 61% !important;
}

.w-62 {
  width: 62% !important;
}

.w-63 {
  width: 63% !important;
}

.w-64 {
  width: 64% !important;
}

.w-65 {
  width: 65% !important;
}

.w-66 {
  width: 66% !important;
}

.w-67 {
  width: 67% !important;
}

.w-68 {
  width: 68% !important;
}

.w-69 {
  width: 69% !important;
}

.w-70 {
  width: 70% !important;
}

.w-71 {
  width: 71% !important;
}

.w-72 {
  width: 72% !important;
}

.w-73 {
  width: 73% !important;
}

.w-74 {
  width: 74% !important;
}

.w-75 {
  width: 75% !important;
}

.w-76 {
  width: 76% !important;
}

.w-77 {
  width: 77% !important;
}

.w-78 {
  width: 78% !important;
}

.w-79 {
  width: 79% !important;
}

.w-80 {
  width: 80% !important;
}

.w-81 {
  width: 81% !important;
}

.w-82 {
  width: 82% !important;
}

.w-83 {
  width: 83% !important;
}

.w-84 {
  width: 84% !important;
}

.w-85 {
  width: 85% !important;
}

.w-86 {
  width: 86% !important;
}

.w-87 {
  width: 87% !important;
}

.w-88 {
  width: 88% !important;
}

.w-89 {
  width: 89% !important;
}

.w-90 {
  width: 90% !important;
}

.w-91 {
  width: 91% !important;
}

.w-92 {
  width: 92% !important;
}

.w-93 {
  width: 93% !important;
}

.w-94 {
  width: 94% !important;
}

.w-95 {
  width: 95% !important;
}

.w-96 {
  width: 96% !important;
}

.w-97 {
  width: 97% !important;
}

.w-98 {
  width: 98% !important;
}

.w-99 {
  width: 99% !important;
}

.w-100 {
  width: 100% !important;
}

.m--0 {
  margin: 0px !important;
}

.p--0 {
  padding: 0px !important;
}

.ptb--0 {
  padding: 0px 0 !important;
}

.plr--0 {
  padding: 0 0px !important;
}

.pt--0 {
  padding-top: 0px !important;
}

.pb--0 {
  padding-bottom: 0px !important;
}

.pl--0 {
  padding-left: 0px !important;
}

.pr--0 {
  padding-right: 0px !important;
}

.mt--0 {
  margin-top: 0px !important;
}

.mb--0 {
  margin-bottom: 0px !important;
}

.mr--0 {
  margin-right: 0px !important;
}

.ml--0 {
  margin-left: 0px !important;
}

.m--4 {
  margin: 4px !important;
}

.p--4 {
  padding: 4px !important;
}

.ptb--4 {
  padding: 4px 0 !important;
}

.plr--4 {
  padding: 0 4px !important;
}

.pt--4 {
  padding-top: 4px !important;
}

.pb--4 {
  padding-bottom: 4px !important;
}

.pl--4 {
  padding-left: 4px !important;
}

.pr--4 {
  padding-right: 4px !important;
}

.mt--4 {
  margin-top: 4px !important;
}

.mb--4 {
  margin-bottom: 4px !important;
}

.mr--4 {
  margin-right: 4px !important;
}

.ml--4 {
  margin-left: 4px !important;
}

.m--8 {
  margin: 8px !important;
}

.p--8 {
  padding: 8px !important;
}

.ptb--8 {
  padding: 8px 0 !important;
}

.plr--8 {
  padding: 0 8px !important;
}

.pt--8 {
  padding-top: 8px !important;
}

.pb--8 {
  padding-bottom: 8px !important;
}

.pl--8 {
  padding-left: 8px !important;
}

.pr--8 {
  padding-right: 8px !important;
}

.mt--8 {
  margin-top: 8px !important;
}

.mb--8 {
  margin-bottom: 8px !important;
}

.mr--8 {
  margin-right: 8px !important;
}

.ml--8 {
  margin-left: 8px !important;
}

.m--12 {
  margin: 12px !important;
}

.p--12 {
  padding: 12px !important;
}

.ptb--12 {
  padding: 12px 0 !important;
}

.plr--12 {
  padding: 0 12px !important;
}

.pt--12 {
  padding-top: 12px !important;
}

.pb--12 {
  padding-bottom: 12px !important;
}

.pl--12 {
  padding-left: 12px !important;
}

.pr--12 {
  padding-right: 12px !important;
}

.mt--12 {
  margin-top: 12px !important;
}

.mb--12 {
  margin-bottom: 12px !important;
}

.mr--12 {
  margin-right: 12px !important;
}

.ml--12 {
  margin-left: 12px !important;
}

.m--16 {
  margin: 16px !important;
}

.p--16 {
  padding: 16px !important;
}

.ptb--16 {
  padding: 16px 0 !important;
}

.plr--16 {
  padding: 0 16px !important;
}

.pt--16 {
  padding-top: 16px !important;
}

.pb--16 {
  padding-bottom: 16px !important;
}

.pl--16 {
  padding-left: 16px !important;
}

.pr--16 {
  padding-right: 16px !important;
}

.mt--16 {
  margin-top: 16px !important;
}

.mb--16 {
  margin-bottom: 16px !important;
}

.mr--16 {
  margin-right: 16px !important;
}

.ml--16 {
  margin-left: 16px !important;
}

.m--20 {
  margin: 20px !important;
}

.p--20 {
  padding: 20px !important;
}

.ptb--20 {
  padding: 20px 0 !important;
}

.plr--20 {
  padding: 0 20px !important;
}

.pt--20 {
  padding-top: 20px !important;
}

.pb--20 {
  padding-bottom: 20px !important;
}

.pl--20 {
  padding-left: 20px !important;
}

.pr--20 {
  padding-right: 20px !important;
}

.mt--20 {
  margin-top: 20px !important;
}

.mb--20 {
  margin-bottom: 20px !important;
}

.mr--20 {
  margin-right: 20px !important;
}

.ml--20 {
  margin-left: 20px !important;
}

.m--24 {
  margin: 24px !important;
}

.p--24 {
  padding: 24px !important;
}

.ptb--24 {
  padding: 24px 0 !important;
}

.plr--24 {
  padding: 0 24px !important;
}

.pt--24 {
  padding-top: 24px !important;
}

.pb--24 {
  padding-bottom: 24px !important;
}

.pl--24 {
  padding-left: 24px !important;
}

.pr--24 {
  padding-right: 24px !important;
}

.mt--24 {
  margin-top: 24px !important;
}

.mb--24 {
  margin-bottom: 24px !important;
}

.mr--24 {
  margin-right: 24px !important;
}

.ml--24 {
  margin-left: 24px !important;
}

.m--28 {
  margin: 28px !important;
}

.p--28 {
  padding: 28px !important;
}

.ptb--28 {
  padding: 28px 0 !important;
}

.plr--28 {
  padding: 0 28px !important;
}

.pt--28 {
  padding-top: 28px !important;
}

.pb--28 {
  padding-bottom: 28px !important;
}

.pl--28 {
  padding-left: 28px !important;
}

.pr--28 {
  padding-right: 28px !important;
}

.mt--28 {
  margin-top: 28px !important;
}

.mb--28 {
  margin-bottom: 28px !important;
}

.mr--28 {
  margin-right: 28px !important;
}

.ml--28 {
  margin-left: 28px !important;
}

.m--32 {
  margin: 32px !important;
}

.p--32 {
  padding: 32px !important;
}

.ptb--32 {
  padding: 32px 0 !important;
}

.plr--32 {
  padding: 0 32px !important;
}

.pt--32 {
  padding-top: 32px !important;
}

.pb--32 {
  padding-bottom: 32px !important;
}

.pl--32 {
  padding-left: 32px !important;
}

.pr--32 {
  padding-right: 32px !important;
}

.mt--32 {
  margin-top: 32px !important;
}

.mb--32 {
  margin-bottom: 32px !important;
}

.mr--32 {
  margin-right: 32px !important;
}

.ml--32 {
  margin-left: 32px !important;
}

.m--36 {
  margin: 36px !important;
}

.p--36 {
  padding: 36px !important;
}

.ptb--36 {
  padding: 36px 0 !important;
}

.plr--36 {
  padding: 0 36px !important;
}

.pt--36 {
  padding-top: 36px !important;
}

.pb--36 {
  padding-bottom: 36px !important;
}

.pl--36 {
  padding-left: 36px !important;
}

.pr--36 {
  padding-right: 36px !important;
}

.mt--36 {
  margin-top: 36px !important;
}

.mb--36 {
  margin-bottom: 36px !important;
}

.mr--36 {
  margin-right: 36px !important;
}

.ml--36 {
  margin-left: 36px !important;
}

.m--40 {
  margin: 40px !important;
}

.p--40 {
  padding: 40px !important;
}

.ptb--40 {
  padding: 40px 0 !important;
}

.plr--40 {
  padding: 0 40px !important;
}

.pt--40 {
  padding-top: 40px !important;
}

.pb--40 {
  padding-bottom: 40px !important;
}

.pl--40 {
  padding-left: 40px !important;
}

.pr--40 {
  padding-right: 40px !important;
}

.mt--40 {
  margin-top: 40px !important;
}

.mb--40 {
  margin-bottom: 40px !important;
}

.mr--40 {
  margin-right: 40px !important;
}

.ml--40 {
  margin-left: 40px !important;
}

.m--44 {
  margin: 44px !important;
}

.p--44 {
  padding: 44px !important;
}

.ptb--44 {
  padding: 44px 0 !important;
}

.plr--44 {
  padding: 0 44px !important;
}

.pt--44 {
  padding-top: 44px !important;
}

.pb--44 {
  padding-bottom: 44px !important;
}

.pl--44 {
  padding-left: 44px !important;
}

.pr--44 {
  padding-right: 44px !important;
}

.mt--44 {
  margin-top: 44px !important;
}

.mb--44 {
  margin-bottom: 44px !important;
}

.mr--44 {
  margin-right: 44px !important;
}

.ml--44 {
  margin-left: 44px !important;
}

.m--48 {
  margin: 48px !important;
}

.p--48 {
  padding: 48px !important;
}

.ptb--48 {
  padding: 48px 0 !important;
}

.plr--48 {
  padding: 0 48px !important;
}

.pt--48 {
  padding-top: 48px !important;
}

.pb--48 {
  padding-bottom: 48px !important;
}

.pl--48 {
  padding-left: 48px !important;
}

.pr--48 {
  padding-right: 48px !important;
}

.mt--48 {
  margin-top: 48px !important;
}

.mb--48 {
  margin-bottom: 48px !important;
}

.mr--48 {
  margin-right: 48px !important;
}

.ml--48 {
  margin-left: 48px !important;
}

.m--52 {
  margin: 52px !important;
}

.p--52 {
  padding: 52px !important;
}

.ptb--52 {
  padding: 52px 0 !important;
}

.plr--52 {
  padding: 0 52px !important;
}

.pt--52 {
  padding-top: 52px !important;
}

.pb--52 {
  padding-bottom: 52px !important;
}

.pl--52 {
  padding-left: 52px !important;
}

.pr--52 {
  padding-right: 52px !important;
}

.mt--52 {
  margin-top: 52px !important;
}

.mb--52 {
  margin-bottom: 52px !important;
}

.mr--52 {
  margin-right: 52px !important;
}

.ml--52 {
  margin-left: 52px !important;
}

.m--56 {
  margin: 56px !important;
}

.p--56 {
  padding: 56px !important;
}

.ptb--56 {
  padding: 56px 0 !important;
}

.plr--56 {
  padding: 0 56px !important;
}

.pt--56 {
  padding-top: 56px !important;
}

.pb--56 {
  padding-bottom: 56px !important;
}

.pl--56 {
  padding-left: 56px !important;
}

.pr--56 {
  padding-right: 56px !important;
}

.mt--56 {
  margin-top: 56px !important;
}

.mb--56 {
  margin-bottom: 56px !important;
}

.mr--56 {
  margin-right: 56px !important;
}

.ml--56 {
  margin-left: 56px !important;
}

.m--60 {
  margin: 60px !important;
}

.p--60 {
  padding: 60px !important;
}

.ptb--60 {
  padding: 60px 0 !important;
}

.plr--60 {
  padding: 0 60px !important;
}

.pt--60 {
  padding-top: 60px !important;
}

.pb--60 {
  padding-bottom: 60px !important;
}

.pl--60 {
  padding-left: 60px !important;
}

.pr--60 {
  padding-right: 60px !important;
}

.mt--60 {
  margin-top: 60px !important;
}

.mb--60 {
  margin-bottom: 60px !important;
}

.mr--60 {
  margin-right: 60px !important;
}

.ml--60 {
  margin-left: 60px !important;
}

.m--64 {
  margin: 64px !important;
}

.p--64 {
  padding: 64px !important;
}

.ptb--64 {
  padding: 64px 0 !important;
}

.plr--64 {
  padding: 0 64px !important;
}

.pt--64 {
  padding-top: 64px !important;
}

.pb--64 {
  padding-bottom: 64px !important;
}

.pl--64 {
  padding-left: 64px !important;
}

.pr--64 {
  padding-right: 64px !important;
}

.mt--64 {
  margin-top: 64px !important;
}

.mb--64 {
  margin-bottom: 64px !important;
}

.mr--64 {
  margin-right: 64px !important;
}

.ml--64 {
  margin-left: 64px !important;
}

.m--68 {
  margin: 68px !important;
}

.p--68 {
  padding: 68px !important;
}

.ptb--68 {
  padding: 68px 0 !important;
}

.plr--68 {
  padding: 0 68px !important;
}

.pt--68 {
  padding-top: 68px !important;
}

.pb--68 {
  padding-bottom: 68px !important;
}

.pl--68 {
  padding-left: 68px !important;
}

.pr--68 {
  padding-right: 68px !important;
}

.mt--68 {
  margin-top: 68px !important;
}

.mb--68 {
  margin-bottom: 68px !important;
}

.mr--68 {
  margin-right: 68px !important;
}

.ml--68 {
  margin-left: 68px !important;
}

.m--72 {
  margin: 72px !important;
}

.p--72 {
  padding: 72px !important;
}

.ptb--72 {
  padding: 72px 0 !important;
}

.plr--72 {
  padding: 0 72px !important;
}

.pt--72 {
  padding-top: 72px !important;
}

.pb--72 {
  padding-bottom: 72px !important;
}

.pl--72 {
  padding-left: 72px !important;
}

.pr--72 {
  padding-right: 72px !important;
}

.mt--72 {
  margin-top: 72px !important;
}

.mb--72 {
  margin-bottom: 72px !important;
}

.mr--72 {
  margin-right: 72px !important;
}

.ml--72 {
  margin-left: 72px !important;
}

.m--76 {
  margin: 76px !important;
}

.p--76 {
  padding: 76px !important;
}

.ptb--76 {
  padding: 76px 0 !important;
}

.plr--76 {
  padding: 0 76px !important;
}

.pt--76 {
  padding-top: 76px !important;
}

.pb--76 {
  padding-bottom: 76px !important;
}

.pl--76 {
  padding-left: 76px !important;
}

.pr--76 {
  padding-right: 76px !important;
}

.mt--76 {
  margin-top: 76px !important;
}

.mb--76 {
  margin-bottom: 76px !important;
}

.mr--76 {
  margin-right: 76px !important;
}

.ml--76 {
  margin-left: 76px !important;
}

.m--80 {
  margin: 80px !important;
}

.p--80 {
  padding: 80px !important;
}

.ptb--80 {
  padding: 80px 0 !important;
}

.plr--80 {
  padding: 0 80px !important;
}

.pt--80 {
  padding-top: 80px !important;
}

.pb--80 {
  padding-bottom: 80px !important;
}

.pl--80 {
  padding-left: 80px !important;
}

.pr--80 {
  padding-right: 80px !important;
}

.mt--80 {
  margin-top: 80px !important;
}

.mb--80 {
  margin-bottom: 80px !important;
}

.mr--80 {
  margin-right: 80px !important;
}

.ml--80 {
  margin-left: 80px !important;
}

.m--84 {
  margin: 84px !important;
}

.p--84 {
  padding: 84px !important;
}

.ptb--84 {
  padding: 84px 0 !important;
}

.plr--84 {
  padding: 0 84px !important;
}

.pt--84 {
  padding-top: 84px !important;
}

.pb--84 {
  padding-bottom: 84px !important;
}

.pl--84 {
  padding-left: 84px !important;
}

.pr--84 {
  padding-right: 84px !important;
}

.mt--84 {
  margin-top: 84px !important;
}

.mb--84 {
  margin-bottom: 84px !important;
}

.mr--84 {
  margin-right: 84px !important;
}

.ml--84 {
  margin-left: 84px !important;
}

.m--88 {
  margin: 88px !important;
}

.p--88 {
  padding: 88px !important;
}

.ptb--88 {
  padding: 88px 0 !important;
}

.plr--88 {
  padding: 0 88px !important;
}

.pt--88 {
  padding-top: 88px !important;
}

.pb--88 {
  padding-bottom: 88px !important;
}

.pl--88 {
  padding-left: 88px !important;
}

.pr--88 {
  padding-right: 88px !important;
}

.mt--88 {
  margin-top: 88px !important;
}

.mb--88 {
  margin-bottom: 88px !important;
}

.mr--88 {
  margin-right: 88px !important;
}

.ml--88 {
  margin-left: 88px !important;
}

.m--92 {
  margin: 92px !important;
}

.p--92 {
  padding: 92px !important;
}

.ptb--92 {
  padding: 92px 0 !important;
}

.plr--92 {
  padding: 0 92px !important;
}

.pt--92 {
  padding-top: 92px !important;
}

.pb--92 {
  padding-bottom: 92px !important;
}

.pl--92 {
  padding-left: 92px !important;
}

.pr--92 {
  padding-right: 92px !important;
}

.mt--92 {
  margin-top: 92px !important;
}

.mb--92 {
  margin-bottom: 92px !important;
}

.mr--92 {
  margin-right: 92px !important;
}

.ml--92 {
  margin-left: 92px !important;
}

.m--96 {
  margin: 96px !important;
}

.p--96 {
  padding: 96px !important;
}

.ptb--96 {
  padding: 96px 0 !important;
}

.plr--96 {
  padding: 0 96px !important;
}

.pt--96 {
  padding-top: 96px !important;
}

.pb--96 {
  padding-bottom: 96px !important;
}

.pl--96 {
  padding-left: 96px !important;
}

.pr--96 {
  padding-right: 96px !important;
}

.mt--96 {
  margin-top: 96px !important;
}

.mb--96 {
  margin-bottom: 96px !important;
}

.mr--96 {
  margin-right: 96px !important;
}

.ml--96 {
  margin-left: 96px !important;
}

.m--100 {
  margin: 100px !important;
}

.p--100 {
  padding: 100px !important;
}

.ptb--100 {
  padding: 100px 0 !important;
}

.plr--100 {
  padding: 0 100px !important;
}

.pt--100 {
  padding-top: 100px !important;
}

.pb--100 {
  padding-bottom: 100px !important;
}

.pl--100 {
  padding-left: 100px !important;
}

.pr--100 {
  padding-right: 100px !important;
}

.mt--100 {
  margin-top: 100px !important;
}

.mb--100 {
  margin-bottom: 100px !important;
}

.mr--100 {
  margin-right: 100px !important;
}

.ml--100 {
  margin-left: 100px !important;
}

.m--104 {
  margin: 104px !important;
}

.p--104 {
  padding: 104px !important;
}

.ptb--104 {
  padding: 104px 0 !important;
}

.plr--104 {
  padding: 0 104px !important;
}

.pt--104 {
  padding-top: 104px !important;
}

.pb--104 {
  padding-bottom: 104px !important;
}

.pl--104 {
  padding-left: 104px !important;
}

.pr--104 {
  padding-right: 104px !important;
}

.mt--104 {
  margin-top: 104px !important;
}

.mb--104 {
  margin-bottom: 104px !important;
}

.mr--104 {
  margin-right: 104px !important;
}

.ml--104 {
  margin-left: 104px !important;
}

.m--108 {
  margin: 108px !important;
}

.p--108 {
  padding: 108px !important;
}

.ptb--108 {
  padding: 108px 0 !important;
}

.plr--108 {
  padding: 0 108px !important;
}

.pt--108 {
  padding-top: 108px !important;
}

.pb--108 {
  padding-bottom: 108px !important;
}

.pl--108 {
  padding-left: 108px !important;
}

.pr--108 {
  padding-right: 108px !important;
}

.mt--108 {
  margin-top: 108px !important;
}

.mb--108 {
  margin-bottom: 108px !important;
}

.mr--108 {
  margin-right: 108px !important;
}

.ml--108 {
  margin-left: 108px !important;
}

.m--112 {
  margin: 112px !important;
}

.p--112 {
  padding: 112px !important;
}

.ptb--112 {
  padding: 112px 0 !important;
}

.plr--112 {
  padding: 0 112px !important;
}

.pt--112 {
  padding-top: 112px !important;
}

.pb--112 {
  padding-bottom: 112px !important;
}

.pl--112 {
  padding-left: 112px !important;
}

.pr--112 {
  padding-right: 112px !important;
}

.mt--112 {
  margin-top: 112px !important;
}

.mb--112 {
  margin-bottom: 112px !important;
}

.mr--112 {
  margin-right: 112px !important;
}

.ml--112 {
  margin-left: 112px !important;
}

.m--116 {
  margin: 116px !important;
}

.p--116 {
  padding: 116px !important;
}

.ptb--116 {
  padding: 116px 0 !important;
}

.plr--116 {
  padding: 0 116px !important;
}

.pt--116 {
  padding-top: 116px !important;
}

.pb--116 {
  padding-bottom: 116px !important;
}

.pl--116 {
  padding-left: 116px !important;
}

.pr--116 {
  padding-right: 116px !important;
}

.mt--116 {
  margin-top: 116px !important;
}

.mb--116 {
  margin-bottom: 116px !important;
}

.mr--116 {
  margin-right: 116px !important;
}

.ml--116 {
  margin-left: 116px !important;
}

.m--120 {
  margin: 120px !important;
}

.p--120 {
  padding: 120px !important;
}

.ptb--120 {
  padding: 120px 0 !important;
}

.plr--120 {
  padding: 0 120px !important;
}

.pt--120 {
  padding-top: 120px !important;
}

.pb--120 {
  padding-bottom: 120px !important;
}

.pl--120 {
  padding-left: 120px !important;
}

.pr--120 {
  padding-right: 120px !important;
}

.mt--120 {
  margin-top: 120px !important;
}

.mb--120 {
  margin-bottom: 120px !important;
}

.mr--120 {
  margin-right: 120px !important;
}

.ml--120 {
  margin-left: 120px !important;
}

.m--124 {
  margin: 124px !important;
}

.p--124 {
  padding: 124px !important;
}

.ptb--124 {
  padding: 124px 0 !important;
}

.plr--124 {
  padding: 0 124px !important;
}

.pt--124 {
  padding-top: 124px !important;
}

.pb--124 {
  padding-bottom: 124px !important;
}

.pl--124 {
  padding-left: 124px !important;
}

.pr--124 {
  padding-right: 124px !important;
}

.mt--124 {
  margin-top: 124px !important;
}

.mb--124 {
  margin-bottom: 124px !important;
}

.mr--124 {
  margin-right: 124px !important;
}

.ml--124 {
  margin-left: 124px !important;
}

.m--128 {
  margin: 128px !important;
}

.p--128 {
  padding: 128px !important;
}

.ptb--128 {
  padding: 128px 0 !important;
}

.plr--128 {
  padding: 0 128px !important;
}

.pt--128 {
  padding-top: 128px !important;
}

.pb--128 {
  padding-bottom: 128px !important;
}

.pl--128 {
  padding-left: 128px !important;
}

.pr--128 {
  padding-right: 128px !important;
}

.mt--128 {
  margin-top: 128px !important;
}

.mb--128 {
  margin-bottom: 128px !important;
}

.mr--128 {
  margin-right: 128px !important;
}

.ml--128 {
  margin-left: 128px !important;
}

.m--132 {
  margin: 132px !important;
}

.p--132 {
  padding: 132px !important;
}

.ptb--132 {
  padding: 132px 0 !important;
}

.plr--132 {
  padding: 0 132px !important;
}

.pt--132 {
  padding-top: 132px !important;
}

.pb--132 {
  padding-bottom: 132px !important;
}

.pl--132 {
  padding-left: 132px !important;
}

.pr--132 {
  padding-right: 132px !important;
}

.mt--132 {
  margin-top: 132px !important;
}

.mb--132 {
  margin-bottom: 132px !important;
}

.mr--132 {
  margin-right: 132px !important;
}

.ml--132 {
  margin-left: 132px !important;
}

.m--136 {
  margin: 136px !important;
}

.p--136 {
  padding: 136px !important;
}

.ptb--136 {
  padding: 136px 0 !important;
}

.plr--136 {
  padding: 0 136px !important;
}

.pt--136 {
  padding-top: 136px !important;
}

.pb--136 {
  padding-bottom: 136px !important;
}

.pl--136 {
  padding-left: 136px !important;
}

.pr--136 {
  padding-right: 136px !important;
}

.mt--136 {
  margin-top: 136px !important;
}

.mb--136 {
  margin-bottom: 136px !important;
}

.mr--136 {
  margin-right: 136px !important;
}

.ml--136 {
  margin-left: 136px !important;
}

.m--140 {
  margin: 140px !important;
}

.p--140 {
  padding: 140px !important;
}

.ptb--140 {
  padding: 140px 0 !important;
}

.plr--140 {
  padding: 0 140px !important;
}

.pt--140 {
  padding-top: 140px !important;
}

.pb--140 {
  padding-bottom: 140px !important;
}

.pl--140 {
  padding-left: 140px !important;
}

.pr--140 {
  padding-right: 140px !important;
}

.mt--140 {
  margin-top: 140px !important;
}

.mb--140 {
  margin-bottom: 140px !important;
}

.mr--140 {
  margin-right: 140px !important;
}

.ml--140 {
  margin-left: 140px !important;
}

.m--144 {
  margin: 144px !important;
}

.p--144 {
  padding: 144px !important;
}

.ptb--144 {
  padding: 144px 0 !important;
}

.plr--144 {
  padding: 0 144px !important;
}

.pt--144 {
  padding-top: 144px !important;
}

.pb--144 {
  padding-bottom: 144px !important;
}

.pl--144 {
  padding-left: 144px !important;
}

.pr--144 {
  padding-right: 144px !important;
}

.mt--144 {
  margin-top: 144px !important;
}

.mb--144 {
  margin-bottom: 144px !important;
}

.mr--144 {
  margin-right: 144px !important;
}

.ml--144 {
  margin-left: 144px !important;
}

.m--148 {
  margin: 148px !important;
}

.p--148 {
  padding: 148px !important;
}

.ptb--148 {
  padding: 148px 0 !important;
}

.plr--148 {
  padding: 0 148px !important;
}

.pt--148 {
  padding-top: 148px !important;
}

.pb--148 {
  padding-bottom: 148px !important;
}

.pl--148 {
  padding-left: 148px !important;
}

.pr--148 {
  padding-right: 148px !important;
}

.mt--148 {
  margin-top: 148px !important;
}

.mb--148 {
  margin-bottom: 148px !important;
}

.mr--148 {
  margin-right: 148px !important;
}

.ml--148 {
  margin-left: 148px !important;
}

.m--152 {
  margin: 152px !important;
}

.p--152 {
  padding: 152px !important;
}

.ptb--152 {
  padding: 152px 0 !important;
}

.plr--152 {
  padding: 0 152px !important;
}

.pt--152 {
  padding-top: 152px !important;
}

.pb--152 {
  padding-bottom: 152px !important;
}

.pl--152 {
  padding-left: 152px !important;
}

.pr--152 {
  padding-right: 152px !important;
}

.mt--152 {
  margin-top: 152px !important;
}

.mb--152 {
  margin-bottom: 152px !important;
}

.mr--152 {
  margin-right: 152px !important;
}

.ml--152 {
  margin-left: 152px !important;
}

.m--156 {
  margin: 156px !important;
}

.p--156 {
  padding: 156px !important;
}

.ptb--156 {
  padding: 156px 0 !important;
}

.plr--156 {
  padding: 0 156px !important;
}

.pt--156 {
  padding-top: 156px !important;
}

.pb--156 {
  padding-bottom: 156px !important;
}

.pl--156 {
  padding-left: 156px !important;
}

.pr--156 {
  padding-right: 156px !important;
}

.mt--156 {
  margin-top: 156px !important;
}

.mb--156 {
  margin-bottom: 156px !important;
}

.mr--156 {
  margin-right: 156px !important;
}

.ml--156 {
  margin-left: 156px !important;
}

.m--160 {
  margin: 160px !important;
}

.p--160 {
  padding: 160px !important;
}

.ptb--160 {
  padding: 160px 0 !important;
}

.plr--160 {
  padding: 0 160px !important;
}

.pt--160 {
  padding-top: 160px !important;
}

.pb--160 {
  padding-bottom: 160px !important;
}

.pl--160 {
  padding-left: 160px !important;
}

.pr--160 {
  padding-right: 160px !important;
}

.mt--160 {
  margin-top: 160px !important;
}

.mb--160 {
  margin-bottom: 160px !important;
}

.mr--160 {
  margin-right: 160px !important;
}

.ml--160 {
  margin-left: 160px !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .m_lp--0 {
    margin: 0px !important;
  }
  .p_lp--0 {
    padding: 0px !important;
  }
  .ptb_lp--0 {
    padding: 0px 0;
  }
  .plr_lp--0 {
    padding: 0 0px;
  }
  .pt_lp--0 {
    padding-top: 0px;
  }
  .pb_lp--0 {
    padding-bottom: 0px;
  }
  .pl_lp--0 {
    padding-left: 0px;
  }
  .pr_lp--0 {
    padding-right: 0px;
  }
  .mt_lp--0 {
    margin-top: 0px;
  }
  .mb_lp--0 {
    margin-bottom: 0px;
  }
  .m_lp--4 {
    margin: 4px !important;
  }
  .p_lp--4 {
    padding: 4px !important;
  }
  .ptb_lp--4 {
    padding: 4px 0;
  }
  .plr_lp--4 {
    padding: 0 4px;
  }
  .pt_lp--4 {
    padding-top: 4px;
  }
  .pb_lp--4 {
    padding-bottom: 4px;
  }
  .pl_lp--4 {
    padding-left: 4px;
  }
  .pr_lp--4 {
    padding-right: 4px;
  }
  .mt_lp--4 {
    margin-top: 4px;
  }
  .mb_lp--4 {
    margin-bottom: 4px;
  }
  .m_lp--8 {
    margin: 8px !important;
  }
  .p_lp--8 {
    padding: 8px !important;
  }
  .ptb_lp--8 {
    padding: 8px 0;
  }
  .plr_lp--8 {
    padding: 0 8px;
  }
  .pt_lp--8 {
    padding-top: 8px;
  }
  .pb_lp--8 {
    padding-bottom: 8px;
  }
  .pl_lp--8 {
    padding-left: 8px;
  }
  .pr_lp--8 {
    padding-right: 8px;
  }
  .mt_lp--8 {
    margin-top: 8px;
  }
  .mb_lp--8 {
    margin-bottom: 8px;
  }
  .m_lp--12 {
    margin: 12px !important;
  }
  .p_lp--12 {
    padding: 12px !important;
  }
  .ptb_lp--12 {
    padding: 12px 0;
  }
  .plr_lp--12 {
    padding: 0 12px;
  }
  .pt_lp--12 {
    padding-top: 12px;
  }
  .pb_lp--12 {
    padding-bottom: 12px;
  }
  .pl_lp--12 {
    padding-left: 12px;
  }
  .pr_lp--12 {
    padding-right: 12px;
  }
  .mt_lp--12 {
    margin-top: 12px;
  }
  .mb_lp--12 {
    margin-bottom: 12px;
  }
  .m_lp--16 {
    margin: 16px !important;
  }
  .p_lp--16 {
    padding: 16px !important;
  }
  .ptb_lp--16 {
    padding: 16px 0;
  }
  .plr_lp--16 {
    padding: 0 16px;
  }
  .pt_lp--16 {
    padding-top: 16px;
  }
  .pb_lp--16 {
    padding-bottom: 16px;
  }
  .pl_lp--16 {
    padding-left: 16px;
  }
  .pr_lp--16 {
    padding-right: 16px;
  }
  .mt_lp--16 {
    margin-top: 16px;
  }
  .mb_lp--16 {
    margin-bottom: 16px;
  }
  .m_lp--20 {
    margin: 20px !important;
  }
  .p_lp--20 {
    padding: 20px !important;
  }
  .ptb_lp--20 {
    padding: 20px 0;
  }
  .plr_lp--20 {
    padding: 0 20px;
  }
  .pt_lp--20 {
    padding-top: 20px;
  }
  .pb_lp--20 {
    padding-bottom: 20px;
  }
  .pl_lp--20 {
    padding-left: 20px;
  }
  .pr_lp--20 {
    padding-right: 20px;
  }
  .mt_lp--20 {
    margin-top: 20px;
  }
  .mb_lp--20 {
    margin-bottom: 20px;
  }
  .m_lp--24 {
    margin: 24px !important;
  }
  .p_lp--24 {
    padding: 24px !important;
  }
  .ptb_lp--24 {
    padding: 24px 0;
  }
  .plr_lp--24 {
    padding: 0 24px;
  }
  .pt_lp--24 {
    padding-top: 24px;
  }
  .pb_lp--24 {
    padding-bottom: 24px;
  }
  .pl_lp--24 {
    padding-left: 24px;
  }
  .pr_lp--24 {
    padding-right: 24px;
  }
  .mt_lp--24 {
    margin-top: 24px;
  }
  .mb_lp--24 {
    margin-bottom: 24px;
  }
  .m_lp--28 {
    margin: 28px !important;
  }
  .p_lp--28 {
    padding: 28px !important;
  }
  .ptb_lp--28 {
    padding: 28px 0;
  }
  .plr_lp--28 {
    padding: 0 28px;
  }
  .pt_lp--28 {
    padding-top: 28px;
  }
  .pb_lp--28 {
    padding-bottom: 28px;
  }
  .pl_lp--28 {
    padding-left: 28px;
  }
  .pr_lp--28 {
    padding-right: 28px;
  }
  .mt_lp--28 {
    margin-top: 28px;
  }
  .mb_lp--28 {
    margin-bottom: 28px;
  }
  .m_lp--32 {
    margin: 32px !important;
  }
  .p_lp--32 {
    padding: 32px !important;
  }
  .ptb_lp--32 {
    padding: 32px 0;
  }
  .plr_lp--32 {
    padding: 0 32px;
  }
  .pt_lp--32 {
    padding-top: 32px;
  }
  .pb_lp--32 {
    padding-bottom: 32px;
  }
  .pl_lp--32 {
    padding-left: 32px;
  }
  .pr_lp--32 {
    padding-right: 32px;
  }
  .mt_lp--32 {
    margin-top: 32px;
  }
  .mb_lp--32 {
    margin-bottom: 32px;
  }
  .m_lp--36 {
    margin: 36px !important;
  }
  .p_lp--36 {
    padding: 36px !important;
  }
  .ptb_lp--36 {
    padding: 36px 0;
  }
  .plr_lp--36 {
    padding: 0 36px;
  }
  .pt_lp--36 {
    padding-top: 36px;
  }
  .pb_lp--36 {
    padding-bottom: 36px;
  }
  .pl_lp--36 {
    padding-left: 36px;
  }
  .pr_lp--36 {
    padding-right: 36px;
  }
  .mt_lp--36 {
    margin-top: 36px;
  }
  .mb_lp--36 {
    margin-bottom: 36px;
  }
  .m_lp--40 {
    margin: 40px !important;
  }
  .p_lp--40 {
    padding: 40px !important;
  }
  .ptb_lp--40 {
    padding: 40px 0;
  }
  .plr_lp--40 {
    padding: 0 40px;
  }
  .pt_lp--40 {
    padding-top: 40px;
  }
  .pb_lp--40 {
    padding-bottom: 40px;
  }
  .pl_lp--40 {
    padding-left: 40px;
  }
  .pr_lp--40 {
    padding-right: 40px;
  }
  .mt_lp--40 {
    margin-top: 40px;
  }
  .mb_lp--40 {
    margin-bottom: 40px;
  }
  .m_lp--44 {
    margin: 44px !important;
  }
  .p_lp--44 {
    padding: 44px !important;
  }
  .ptb_lp--44 {
    padding: 44px 0;
  }
  .plr_lp--44 {
    padding: 0 44px;
  }
  .pt_lp--44 {
    padding-top: 44px;
  }
  .pb_lp--44 {
    padding-bottom: 44px;
  }
  .pl_lp--44 {
    padding-left: 44px;
  }
  .pr_lp--44 {
    padding-right: 44px;
  }
  .mt_lp--44 {
    margin-top: 44px;
  }
  .mb_lp--44 {
    margin-bottom: 44px;
  }
  .m_lp--48 {
    margin: 48px !important;
  }
  .p_lp--48 {
    padding: 48px !important;
  }
  .ptb_lp--48 {
    padding: 48px 0;
  }
  .plr_lp--48 {
    padding: 0 48px;
  }
  .pt_lp--48 {
    padding-top: 48px;
  }
  .pb_lp--48 {
    padding-bottom: 48px;
  }
  .pl_lp--48 {
    padding-left: 48px;
  }
  .pr_lp--48 {
    padding-right: 48px;
  }
  .mt_lp--48 {
    margin-top: 48px;
  }
  .mb_lp--48 {
    margin-bottom: 48px;
  }
  .m_lp--52 {
    margin: 52px !important;
  }
  .p_lp--52 {
    padding: 52px !important;
  }
  .ptb_lp--52 {
    padding: 52px 0;
  }
  .plr_lp--52 {
    padding: 0 52px;
  }
  .pt_lp--52 {
    padding-top: 52px;
  }
  .pb_lp--52 {
    padding-bottom: 52px;
  }
  .pl_lp--52 {
    padding-left: 52px;
  }
  .pr_lp--52 {
    padding-right: 52px;
  }
  .mt_lp--52 {
    margin-top: 52px;
  }
  .mb_lp--52 {
    margin-bottom: 52px;
  }
  .m_lp--56 {
    margin: 56px !important;
  }
  .p_lp--56 {
    padding: 56px !important;
  }
  .ptb_lp--56 {
    padding: 56px 0;
  }
  .plr_lp--56 {
    padding: 0 56px;
  }
  .pt_lp--56 {
    padding-top: 56px;
  }
  .pb_lp--56 {
    padding-bottom: 56px;
  }
  .pl_lp--56 {
    padding-left: 56px;
  }
  .pr_lp--56 {
    padding-right: 56px;
  }
  .mt_lp--56 {
    margin-top: 56px;
  }
  .mb_lp--56 {
    margin-bottom: 56px;
  }
  .m_lp--60 {
    margin: 60px !important;
  }
  .p_lp--60 {
    padding: 60px !important;
  }
  .ptb_lp--60 {
    padding: 60px 0;
  }
  .plr_lp--60 {
    padding: 0 60px;
  }
  .pt_lp--60 {
    padding-top: 60px;
  }
  .pb_lp--60 {
    padding-bottom: 60px;
  }
  .pl_lp--60 {
    padding-left: 60px;
  }
  .pr_lp--60 {
    padding-right: 60px;
  }
  .mt_lp--60 {
    margin-top: 60px;
  }
  .mb_lp--60 {
    margin-bottom: 60px;
  }
  .m_lp--64 {
    margin: 64px !important;
  }
  .p_lp--64 {
    padding: 64px !important;
  }
  .ptb_lp--64 {
    padding: 64px 0;
  }
  .plr_lp--64 {
    padding: 0 64px;
  }
  .pt_lp--64 {
    padding-top: 64px;
  }
  .pb_lp--64 {
    padding-bottom: 64px;
  }
  .pl_lp--64 {
    padding-left: 64px;
  }
  .pr_lp--64 {
    padding-right: 64px;
  }
  .mt_lp--64 {
    margin-top: 64px;
  }
  .mb_lp--64 {
    margin-bottom: 64px;
  }
  .m_lp--68 {
    margin: 68px !important;
  }
  .p_lp--68 {
    padding: 68px !important;
  }
  .ptb_lp--68 {
    padding: 68px 0;
  }
  .plr_lp--68 {
    padding: 0 68px;
  }
  .pt_lp--68 {
    padding-top: 68px;
  }
  .pb_lp--68 {
    padding-bottom: 68px;
  }
  .pl_lp--68 {
    padding-left: 68px;
  }
  .pr_lp--68 {
    padding-right: 68px;
  }
  .mt_lp--68 {
    margin-top: 68px;
  }
  .mb_lp--68 {
    margin-bottom: 68px;
  }
  .m_lp--72 {
    margin: 72px !important;
  }
  .p_lp--72 {
    padding: 72px !important;
  }
  .ptb_lp--72 {
    padding: 72px 0;
  }
  .plr_lp--72 {
    padding: 0 72px;
  }
  .pt_lp--72 {
    padding-top: 72px;
  }
  .pb_lp--72 {
    padding-bottom: 72px;
  }
  .pl_lp--72 {
    padding-left: 72px;
  }
  .pr_lp--72 {
    padding-right: 72px;
  }
  .mt_lp--72 {
    margin-top: 72px;
  }
  .mb_lp--72 {
    margin-bottom: 72px;
  }
  .m_lp--76 {
    margin: 76px !important;
  }
  .p_lp--76 {
    padding: 76px !important;
  }
  .ptb_lp--76 {
    padding: 76px 0;
  }
  .plr_lp--76 {
    padding: 0 76px;
  }
  .pt_lp--76 {
    padding-top: 76px;
  }
  .pb_lp--76 {
    padding-bottom: 76px;
  }
  .pl_lp--76 {
    padding-left: 76px;
  }
  .pr_lp--76 {
    padding-right: 76px;
  }
  .mt_lp--76 {
    margin-top: 76px;
  }
  .mb_lp--76 {
    margin-bottom: 76px;
  }
  .m_lp--80 {
    margin: 80px !important;
  }
  .p_lp--80 {
    padding: 80px !important;
  }
  .ptb_lp--80 {
    padding: 80px 0;
  }
  .plr_lp--80 {
    padding: 0 80px;
  }
  .pt_lp--80 {
    padding-top: 80px;
  }
  .pb_lp--80 {
    padding-bottom: 80px;
  }
  .pl_lp--80 {
    padding-left: 80px;
  }
  .pr_lp--80 {
    padding-right: 80px;
  }
  .mt_lp--80 {
    margin-top: 80px;
  }
  .mb_lp--80 {
    margin-bottom: 80px;
  }
  .plr--120 {
    padding: 0 80px !important;
  }
  .mt_lp_dec--30 {
    margin-top: -30px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl_lg--0 {
    padding-left: 0 !important;
  }
  .mt_lg_dec--30 {
    margin-top: -30px !important;
  }
  .m_lg--0 {
    margin: 0px !important;
  }
  .p_lg--0 {
    padding: 0px !important;
  }
  .ptb_lg--0 {
    padding: 0px 0 !important;
  }
  .plr_lg--0 {
    padding: 0 0px !important;
  }
  .pt_lg--0 {
    padding-top: 0px !important;
  }
  .pb_lg--0 {
    padding-bottom: 0px !important;
  }
  .pl_lg--0 {
    padding-left: 0px !important;
  }
  .pr_lg--0 {
    padding-right: 0px !important;
  }
  .mt_lg--0 {
    margin-top: 0px !important;
  }
  .mb_lg--0 {
    margin-bottom: 0px !important;
  }
  .ml_lg--0 {
    margin-left: 0px !important;
  }
  .m_lg--4 {
    margin: 4px !important;
  }
  .p_lg--4 {
    padding: 4px !important;
  }
  .ptb_lg--4 {
    padding: 4px 0 !important;
  }
  .plr_lg--4 {
    padding: 0 4px !important;
  }
  .pt_lg--4 {
    padding-top: 4px !important;
  }
  .pb_lg--4 {
    padding-bottom: 4px !important;
  }
  .pl_lg--4 {
    padding-left: 4px !important;
  }
  .pr_lg--4 {
    padding-right: 4px !important;
  }
  .mt_lg--4 {
    margin-top: 4px !important;
  }
  .mb_lg--4 {
    margin-bottom: 4px !important;
  }
  .ml_lg--4 {
    margin-left: 4px !important;
  }
  .m_lg--8 {
    margin: 8px !important;
  }
  .p_lg--8 {
    padding: 8px !important;
  }
  .ptb_lg--8 {
    padding: 8px 0 !important;
  }
  .plr_lg--8 {
    padding: 0 8px !important;
  }
  .pt_lg--8 {
    padding-top: 8px !important;
  }
  .pb_lg--8 {
    padding-bottom: 8px !important;
  }
  .pl_lg--8 {
    padding-left: 8px !important;
  }
  .pr_lg--8 {
    padding-right: 8px !important;
  }
  .mt_lg--8 {
    margin-top: 8px !important;
  }
  .mb_lg--8 {
    margin-bottom: 8px !important;
  }
  .ml_lg--8 {
    margin-left: 8px !important;
  }
  .m_lg--12 {
    margin: 12px !important;
  }
  .p_lg--12 {
    padding: 12px !important;
  }
  .ptb_lg--12 {
    padding: 12px 0 !important;
  }
  .plr_lg--12 {
    padding: 0 12px !important;
  }
  .pt_lg--12 {
    padding-top: 12px !important;
  }
  .pb_lg--12 {
    padding-bottom: 12px !important;
  }
  .pl_lg--12 {
    padding-left: 12px !important;
  }
  .pr_lg--12 {
    padding-right: 12px !important;
  }
  .mt_lg--12 {
    margin-top: 12px !important;
  }
  .mb_lg--12 {
    margin-bottom: 12px !important;
  }
  .ml_lg--12 {
    margin-left: 12px !important;
  }
  .m_lg--16 {
    margin: 16px !important;
  }
  .p_lg--16 {
    padding: 16px !important;
  }
  .ptb_lg--16 {
    padding: 16px 0 !important;
  }
  .plr_lg--16 {
    padding: 0 16px !important;
  }
  .pt_lg--16 {
    padding-top: 16px !important;
  }
  .pb_lg--16 {
    padding-bottom: 16px !important;
  }
  .pl_lg--16 {
    padding-left: 16px !important;
  }
  .pr_lg--16 {
    padding-right: 16px !important;
  }
  .mt_lg--16 {
    margin-top: 16px !important;
  }
  .mb_lg--16 {
    margin-bottom: 16px !important;
  }
  .ml_lg--16 {
    margin-left: 16px !important;
  }
  .m_lg--20 {
    margin: 20px !important;
  }
  .p_lg--20 {
    padding: 20px !important;
  }
  .ptb_lg--20 {
    padding: 20px 0 !important;
  }
  .plr_lg--20 {
    padding: 0 20px !important;
  }
  .pt_lg--20 {
    padding-top: 20px !important;
  }
  .pb_lg--20 {
    padding-bottom: 20px !important;
  }
  .pl_lg--20 {
    padding-left: 20px !important;
  }
  .pr_lg--20 {
    padding-right: 20px !important;
  }
  .mt_lg--20 {
    margin-top: 20px !important;
  }
  .mb_lg--20 {
    margin-bottom: 20px !important;
  }
  .ml_lg--20 {
    margin-left: 20px !important;
  }
  .m_lg--24 {
    margin: 24px !important;
  }
  .p_lg--24 {
    padding: 24px !important;
  }
  .ptb_lg--24 {
    padding: 24px 0 !important;
  }
  .plr_lg--24 {
    padding: 0 24px !important;
  }
  .pt_lg--24 {
    padding-top: 24px !important;
  }
  .pb_lg--24 {
    padding-bottom: 24px !important;
  }
  .pl_lg--24 {
    padding-left: 24px !important;
  }
  .pr_lg--24 {
    padding-right: 24px !important;
  }
  .mt_lg--24 {
    margin-top: 24px !important;
  }
  .mb_lg--24 {
    margin-bottom: 24px !important;
  }
  .ml_lg--24 {
    margin-left: 24px !important;
  }
  .m_lg--28 {
    margin: 28px !important;
  }
  .p_lg--28 {
    padding: 28px !important;
  }
  .ptb_lg--28 {
    padding: 28px 0 !important;
  }
  .plr_lg--28 {
    padding: 0 28px !important;
  }
  .pt_lg--28 {
    padding-top: 28px !important;
  }
  .pb_lg--28 {
    padding-bottom: 28px !important;
  }
  .pl_lg--28 {
    padding-left: 28px !important;
  }
  .pr_lg--28 {
    padding-right: 28px !important;
  }
  .mt_lg--28 {
    margin-top: 28px !important;
  }
  .mb_lg--28 {
    margin-bottom: 28px !important;
  }
  .ml_lg--28 {
    margin-left: 28px !important;
  }
  .m_lg--32 {
    margin: 32px !important;
  }
  .p_lg--32 {
    padding: 32px !important;
  }
  .ptb_lg--32 {
    padding: 32px 0 !important;
  }
  .plr_lg--32 {
    padding: 0 32px !important;
  }
  .pt_lg--32 {
    padding-top: 32px !important;
  }
  .pb_lg--32 {
    padding-bottom: 32px !important;
  }
  .pl_lg--32 {
    padding-left: 32px !important;
  }
  .pr_lg--32 {
    padding-right: 32px !important;
  }
  .mt_lg--32 {
    margin-top: 32px !important;
  }
  .mb_lg--32 {
    margin-bottom: 32px !important;
  }
  .ml_lg--32 {
    margin-left: 32px !important;
  }
  .m_lg--36 {
    margin: 36px !important;
  }
  .p_lg--36 {
    padding: 36px !important;
  }
  .ptb_lg--36 {
    padding: 36px 0 !important;
  }
  .plr_lg--36 {
    padding: 0 36px !important;
  }
  .pt_lg--36 {
    padding-top: 36px !important;
  }
  .pb_lg--36 {
    padding-bottom: 36px !important;
  }
  .pl_lg--36 {
    padding-left: 36px !important;
  }
  .pr_lg--36 {
    padding-right: 36px !important;
  }
  .mt_lg--36 {
    margin-top: 36px !important;
  }
  .mb_lg--36 {
    margin-bottom: 36px !important;
  }
  .ml_lg--36 {
    margin-left: 36px !important;
  }
  .m_lg--40 {
    margin: 40px !important;
  }
  .p_lg--40 {
    padding: 40px !important;
  }
  .ptb_lg--40 {
    padding: 40px 0 !important;
  }
  .plr_lg--40 {
    padding: 0 40px !important;
  }
  .pt_lg--40 {
    padding-top: 40px !important;
  }
  .pb_lg--40 {
    padding-bottom: 40px !important;
  }
  .pl_lg--40 {
    padding-left: 40px !important;
  }
  .pr_lg--40 {
    padding-right: 40px !important;
  }
  .mt_lg--40 {
    margin-top: 40px !important;
  }
  .mb_lg--40 {
    margin-bottom: 40px !important;
  }
  .ml_lg--40 {
    margin-left: 40px !important;
  }
  .m_lg--44 {
    margin: 44px !important;
  }
  .p_lg--44 {
    padding: 44px !important;
  }
  .ptb_lg--44 {
    padding: 44px 0 !important;
  }
  .plr_lg--44 {
    padding: 0 44px !important;
  }
  .pt_lg--44 {
    padding-top: 44px !important;
  }
  .pb_lg--44 {
    padding-bottom: 44px !important;
  }
  .pl_lg--44 {
    padding-left: 44px !important;
  }
  .pr_lg--44 {
    padding-right: 44px !important;
  }
  .mt_lg--44 {
    margin-top: 44px !important;
  }
  .mb_lg--44 {
    margin-bottom: 44px !important;
  }
  .ml_lg--44 {
    margin-left: 44px !important;
  }
  .m_lg--48 {
    margin: 48px !important;
  }
  .p_lg--48 {
    padding: 48px !important;
  }
  .ptb_lg--48 {
    padding: 48px 0 !important;
  }
  .plr_lg--48 {
    padding: 0 48px !important;
  }
  .pt_lg--48 {
    padding-top: 48px !important;
  }
  .pb_lg--48 {
    padding-bottom: 48px !important;
  }
  .pl_lg--48 {
    padding-left: 48px !important;
  }
  .pr_lg--48 {
    padding-right: 48px !important;
  }
  .mt_lg--48 {
    margin-top: 48px !important;
  }
  .mb_lg--48 {
    margin-bottom: 48px !important;
  }
  .ml_lg--48 {
    margin-left: 48px !important;
  }
  .m_lg--52 {
    margin: 52px !important;
  }
  .p_lg--52 {
    padding: 52px !important;
  }
  .ptb_lg--52 {
    padding: 52px 0 !important;
  }
  .plr_lg--52 {
    padding: 0 52px !important;
  }
  .pt_lg--52 {
    padding-top: 52px !important;
  }
  .pb_lg--52 {
    padding-bottom: 52px !important;
  }
  .pl_lg--52 {
    padding-left: 52px !important;
  }
  .pr_lg--52 {
    padding-right: 52px !important;
  }
  .mt_lg--52 {
    margin-top: 52px !important;
  }
  .mb_lg--52 {
    margin-bottom: 52px !important;
  }
  .ml_lg--52 {
    margin-left: 52px !important;
  }
  .m_lg--56 {
    margin: 56px !important;
  }
  .p_lg--56 {
    padding: 56px !important;
  }
  .ptb_lg--56 {
    padding: 56px 0 !important;
  }
  .plr_lg--56 {
    padding: 0 56px !important;
  }
  .pt_lg--56 {
    padding-top: 56px !important;
  }
  .pb_lg--56 {
    padding-bottom: 56px !important;
  }
  .pl_lg--56 {
    padding-left: 56px !important;
  }
  .pr_lg--56 {
    padding-right: 56px !important;
  }
  .mt_lg--56 {
    margin-top: 56px !important;
  }
  .mb_lg--56 {
    margin-bottom: 56px !important;
  }
  .ml_lg--56 {
    margin-left: 56px !important;
  }
  .m_lg--60 {
    margin: 60px !important;
  }
  .p_lg--60 {
    padding: 60px !important;
  }
  .ptb_lg--60 {
    padding: 60px 0 !important;
  }
  .plr_lg--60 {
    padding: 0 60px !important;
  }
  .pt_lg--60 {
    padding-top: 60px !important;
  }
  .pb_lg--60 {
    padding-bottom: 60px !important;
  }
  .pl_lg--60 {
    padding-left: 60px !important;
  }
  .pr_lg--60 {
    padding-right: 60px !important;
  }
  .mt_lg--60 {
    margin-top: 60px !important;
  }
  .mb_lg--60 {
    margin-bottom: 60px !important;
  }
  .ml_lg--60 {
    margin-left: 60px !important;
  }
  .m_lg--64 {
    margin: 64px !important;
  }
  .p_lg--64 {
    padding: 64px !important;
  }
  .ptb_lg--64 {
    padding: 64px 0 !important;
  }
  .plr_lg--64 {
    padding: 0 64px !important;
  }
  .pt_lg--64 {
    padding-top: 64px !important;
  }
  .pb_lg--64 {
    padding-bottom: 64px !important;
  }
  .pl_lg--64 {
    padding-left: 64px !important;
  }
  .pr_lg--64 {
    padding-right: 64px !important;
  }
  .mt_lg--64 {
    margin-top: 64px !important;
  }
  .mb_lg--64 {
    margin-bottom: 64px !important;
  }
  .ml_lg--64 {
    margin-left: 64px !important;
  }
  .m_lg--68 {
    margin: 68px !important;
  }
  .p_lg--68 {
    padding: 68px !important;
  }
  .ptb_lg--68 {
    padding: 68px 0 !important;
  }
  .plr_lg--68 {
    padding: 0 68px !important;
  }
  .pt_lg--68 {
    padding-top: 68px !important;
  }
  .pb_lg--68 {
    padding-bottom: 68px !important;
  }
  .pl_lg--68 {
    padding-left: 68px !important;
  }
  .pr_lg--68 {
    padding-right: 68px !important;
  }
  .mt_lg--68 {
    margin-top: 68px !important;
  }
  .mb_lg--68 {
    margin-bottom: 68px !important;
  }
  .ml_lg--68 {
    margin-left: 68px !important;
  }
  .m_lg--72 {
    margin: 72px !important;
  }
  .p_lg--72 {
    padding: 72px !important;
  }
  .ptb_lg--72 {
    padding: 72px 0 !important;
  }
  .plr_lg--72 {
    padding: 0 72px !important;
  }
  .pt_lg--72 {
    padding-top: 72px !important;
  }
  .pb_lg--72 {
    padding-bottom: 72px !important;
  }
  .pl_lg--72 {
    padding-left: 72px !important;
  }
  .pr_lg--72 {
    padding-right: 72px !important;
  }
  .mt_lg--72 {
    margin-top: 72px !important;
  }
  .mb_lg--72 {
    margin-bottom: 72px !important;
  }
  .ml_lg--72 {
    margin-left: 72px !important;
  }
  .m_lg--76 {
    margin: 76px !important;
  }
  .p_lg--76 {
    padding: 76px !important;
  }
  .ptb_lg--76 {
    padding: 76px 0 !important;
  }
  .plr_lg--76 {
    padding: 0 76px !important;
  }
  .pt_lg--76 {
    padding-top: 76px !important;
  }
  .pb_lg--76 {
    padding-bottom: 76px !important;
  }
  .pl_lg--76 {
    padding-left: 76px !important;
  }
  .pr_lg--76 {
    padding-right: 76px !important;
  }
  .mt_lg--76 {
    margin-top: 76px !important;
  }
  .mb_lg--76 {
    margin-bottom: 76px !important;
  }
  .ml_lg--76 {
    margin-left: 76px !important;
  }
  .m_lg--80 {
    margin: 80px !important;
  }
  .p_lg--80 {
    padding: 80px !important;
  }
  .ptb_lg--80 {
    padding: 80px 0 !important;
  }
  .plr_lg--80 {
    padding: 0 80px !important;
  }
  .pt_lg--80 {
    padding-top: 80px !important;
  }
  .pb_lg--80 {
    padding-bottom: 80px !important;
  }
  .pl_lg--80 {
    padding-left: 80px !important;
  }
  .pr_lg--80 {
    padding-right: 80px !important;
  }
  .mt_lg--80 {
    margin-top: 80px !important;
  }
  .mb_lg--80 {
    margin-bottom: 80px !important;
  }
  .ml_lg--80 {
    margin-left: 80px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ptb--170 {
    padding: 80px 0 !important;
  }
  .mt_md_dec--30 {
    margin-top: -30px !important;
  }
  .pl_md--0 {
    padding-left: 0 !important;
  }
  .ptb_md--0 {
    padding: 0 !important;
  }
  .pl_md--0 {
    padding-left: 0 !important;
  }
  .pr_md--0 {
    padding-right: 0 !important;
  }
  .pt_md--0 {
    padding-top: 0 !important;
  }
  .pb_md--0 {
    padding-bottom: 0 !important;
  }
  .mr_md--0 {
    margin-right: 0 !important;
  }
  .ml_md--0 {
    margin-left: 0 !important;
  }
  .mt_md--0 {
    margin-top: 0 !important;
  }
  .mb_md--0 {
    margin-bottom: 0 !important;
  }
  .ptb_md--250 {
    padding: 250px 0 !important;
  }
  .m_md--0 {
    margin: 0px !important;
  }
  .p_md--0 {
    padding: 0px !important;
  }
  .ptb_md--0 {
    padding: 0px 0 !important;
  }
  .plr_md--0 {
    padding: 0 0px !important;
  }
  .pt_md--0 {
    padding-top: 0px !important;
  }
  .pb_md--0 {
    padding-bottom: 0px !important;
  }
  .pl_md--0 {
    padding-left: 0px !important;
  }
  .pr_md--0 {
    padding-right: 0px !important;
  }
  .mt_md--0 {
    margin-top: 0px !important;
  }
  .mb_md--0 {
    margin-bottom: 0px !important;
  }
  .m_md--4 {
    margin: 4px !important;
  }
  .p_md--4 {
    padding: 4px !important;
  }
  .ptb_md--4 {
    padding: 4px 0 !important;
  }
  .plr_md--4 {
    padding: 0 4px !important;
  }
  .pt_md--4 {
    padding-top: 4px !important;
  }
  .pb_md--4 {
    padding-bottom: 4px !important;
  }
  .pl_md--4 {
    padding-left: 4px !important;
  }
  .pr_md--4 {
    padding-right: 4px !important;
  }
  .mt_md--4 {
    margin-top: 4px !important;
  }
  .mb_md--4 {
    margin-bottom: 4px !important;
  }
  .m_md--8 {
    margin: 8px !important;
  }
  .p_md--8 {
    padding: 8px !important;
  }
  .ptb_md--8 {
    padding: 8px 0 !important;
  }
  .plr_md--8 {
    padding: 0 8px !important;
  }
  .pt_md--8 {
    padding-top: 8px !important;
  }
  .pb_md--8 {
    padding-bottom: 8px !important;
  }
  .pl_md--8 {
    padding-left: 8px !important;
  }
  .pr_md--8 {
    padding-right: 8px !important;
  }
  .mt_md--8 {
    margin-top: 8px !important;
  }
  .mb_md--8 {
    margin-bottom: 8px !important;
  }
  .m_md--12 {
    margin: 12px !important;
  }
  .p_md--12 {
    padding: 12px !important;
  }
  .ptb_md--12 {
    padding: 12px 0 !important;
  }
  .plr_md--12 {
    padding: 0 12px !important;
  }
  .pt_md--12 {
    padding-top: 12px !important;
  }
  .pb_md--12 {
    padding-bottom: 12px !important;
  }
  .pl_md--12 {
    padding-left: 12px !important;
  }
  .pr_md--12 {
    padding-right: 12px !important;
  }
  .mt_md--12 {
    margin-top: 12px !important;
  }
  .mb_md--12 {
    margin-bottom: 12px !important;
  }
  .m_md--16 {
    margin: 16px !important;
  }
  .p_md--16 {
    padding: 16px !important;
  }
  .ptb_md--16 {
    padding: 16px 0 !important;
  }
  .plr_md--16 {
    padding: 0 16px !important;
  }
  .pt_md--16 {
    padding-top: 16px !important;
  }
  .pb_md--16 {
    padding-bottom: 16px !important;
  }
  .pl_md--16 {
    padding-left: 16px !important;
  }
  .pr_md--16 {
    padding-right: 16px !important;
  }
  .mt_md--16 {
    margin-top: 16px !important;
  }
  .mb_md--16 {
    margin-bottom: 16px !important;
  }
  .m_md--20 {
    margin: 20px !important;
  }
  .p_md--20 {
    padding: 20px !important;
  }
  .ptb_md--20 {
    padding: 20px 0 !important;
  }
  .plr_md--20 {
    padding: 0 20px !important;
  }
  .pt_md--20 {
    padding-top: 20px !important;
  }
  .pb_md--20 {
    padding-bottom: 20px !important;
  }
  .pl_md--20 {
    padding-left: 20px !important;
  }
  .pr_md--20 {
    padding-right: 20px !important;
  }
  .mt_md--20 {
    margin-top: 20px !important;
  }
  .mb_md--20 {
    margin-bottom: 20px !important;
  }
  .m_md--24 {
    margin: 24px !important;
  }
  .p_md--24 {
    padding: 24px !important;
  }
  .ptb_md--24 {
    padding: 24px 0 !important;
  }
  .plr_md--24 {
    padding: 0 24px !important;
  }
  .pt_md--24 {
    padding-top: 24px !important;
  }
  .pb_md--24 {
    padding-bottom: 24px !important;
  }
  .pl_md--24 {
    padding-left: 24px !important;
  }
  .pr_md--24 {
    padding-right: 24px !important;
  }
  .mt_md--24 {
    margin-top: 24px !important;
  }
  .mb_md--24 {
    margin-bottom: 24px !important;
  }
  .m_md--28 {
    margin: 28px !important;
  }
  .p_md--28 {
    padding: 28px !important;
  }
  .ptb_md--28 {
    padding: 28px 0 !important;
  }
  .plr_md--28 {
    padding: 0 28px !important;
  }
  .pt_md--28 {
    padding-top: 28px !important;
  }
  .pb_md--28 {
    padding-bottom: 28px !important;
  }
  .pl_md--28 {
    padding-left: 28px !important;
  }
  .pr_md--28 {
    padding-right: 28px !important;
  }
  .mt_md--28 {
    margin-top: 28px !important;
  }
  .mb_md--28 {
    margin-bottom: 28px !important;
  }
  .m_md--32 {
    margin: 32px !important;
  }
  .p_md--32 {
    padding: 32px !important;
  }
  .ptb_md--32 {
    padding: 32px 0 !important;
  }
  .plr_md--32 {
    padding: 0 32px !important;
  }
  .pt_md--32 {
    padding-top: 32px !important;
  }
  .pb_md--32 {
    padding-bottom: 32px !important;
  }
  .pl_md--32 {
    padding-left: 32px !important;
  }
  .pr_md--32 {
    padding-right: 32px !important;
  }
  .mt_md--32 {
    margin-top: 32px !important;
  }
  .mb_md--32 {
    margin-bottom: 32px !important;
  }
  .m_md--36 {
    margin: 36px !important;
  }
  .p_md--36 {
    padding: 36px !important;
  }
  .ptb_md--36 {
    padding: 36px 0 !important;
  }
  .plr_md--36 {
    padding: 0 36px !important;
  }
  .pt_md--36 {
    padding-top: 36px !important;
  }
  .pb_md--36 {
    padding-bottom: 36px !important;
  }
  .pl_md--36 {
    padding-left: 36px !important;
  }
  .pr_md--36 {
    padding-right: 36px !important;
  }
  .mt_md--36 {
    margin-top: 36px !important;
  }
  .mb_md--36 {
    margin-bottom: 36px !important;
  }
  .m_md--40 {
    margin: 40px !important;
  }
  .p_md--40 {
    padding: 40px !important;
  }
  .ptb_md--40 {
    padding: 40px 0 !important;
  }
  .plr_md--40 {
    padding: 0 40px !important;
  }
  .pt_md--40 {
    padding-top: 40px !important;
  }
  .pb_md--40 {
    padding-bottom: 40px !important;
  }
  .pl_md--40 {
    padding-left: 40px !important;
  }
  .pr_md--40 {
    padding-right: 40px !important;
  }
  .mt_md--40 {
    margin-top: 40px !important;
  }
  .mb_md--40 {
    margin-bottom: 40px !important;
  }
  .m_md--44 {
    margin: 44px !important;
  }
  .p_md--44 {
    padding: 44px !important;
  }
  .ptb_md--44 {
    padding: 44px 0 !important;
  }
  .plr_md--44 {
    padding: 0 44px !important;
  }
  .pt_md--44 {
    padding-top: 44px !important;
  }
  .pb_md--44 {
    padding-bottom: 44px !important;
  }
  .pl_md--44 {
    padding-left: 44px !important;
  }
  .pr_md--44 {
    padding-right: 44px !important;
  }
  .mt_md--44 {
    margin-top: 44px !important;
  }
  .mb_md--44 {
    margin-bottom: 44px !important;
  }
  .m_md--48 {
    margin: 48px !important;
  }
  .p_md--48 {
    padding: 48px !important;
  }
  .ptb_md--48 {
    padding: 48px 0 !important;
  }
  .plr_md--48 {
    padding: 0 48px !important;
  }
  .pt_md--48 {
    padding-top: 48px !important;
  }
  .pb_md--48 {
    padding-bottom: 48px !important;
  }
  .pl_md--48 {
    padding-left: 48px !important;
  }
  .pr_md--48 {
    padding-right: 48px !important;
  }
  .mt_md--48 {
    margin-top: 48px !important;
  }
  .mb_md--48 {
    margin-bottom: 48px !important;
  }
  .m_md--52 {
    margin: 52px !important;
  }
  .p_md--52 {
    padding: 52px !important;
  }
  .ptb_md--52 {
    padding: 52px 0 !important;
  }
  .plr_md--52 {
    padding: 0 52px !important;
  }
  .pt_md--52 {
    padding-top: 52px !important;
  }
  .pb_md--52 {
    padding-bottom: 52px !important;
  }
  .pl_md--52 {
    padding-left: 52px !important;
  }
  .pr_md--52 {
    padding-right: 52px !important;
  }
  .mt_md--52 {
    margin-top: 52px !important;
  }
  .mb_md--52 {
    margin-bottom: 52px !important;
  }
  .m_md--56 {
    margin: 56px !important;
  }
  .p_md--56 {
    padding: 56px !important;
  }
  .ptb_md--56 {
    padding: 56px 0 !important;
  }
  .plr_md--56 {
    padding: 0 56px !important;
  }
  .pt_md--56 {
    padding-top: 56px !important;
  }
  .pb_md--56 {
    padding-bottom: 56px !important;
  }
  .pl_md--56 {
    padding-left: 56px !important;
  }
  .pr_md--56 {
    padding-right: 56px !important;
  }
  .mt_md--56 {
    margin-top: 56px !important;
  }
  .mb_md--56 {
    margin-bottom: 56px !important;
  }
  .m_md--60 {
    margin: 60px !important;
  }
  .p_md--60 {
    padding: 60px !important;
  }
  .ptb_md--60 {
    padding: 60px 0 !important;
  }
  .plr_md--60 {
    padding: 0 60px !important;
  }
  .pt_md--60 {
    padding-top: 60px !important;
  }
  .pb_md--60 {
    padding-bottom: 60px !important;
  }
  .pl_md--60 {
    padding-left: 60px !important;
  }
  .pr_md--60 {
    padding-right: 60px !important;
  }
  .mt_md--60 {
    margin-top: 60px !important;
  }
  .mb_md--60 {
    margin-bottom: 60px !important;
  }
  .m_md--64 {
    margin: 64px !important;
  }
  .p_md--64 {
    padding: 64px !important;
  }
  .ptb_md--64 {
    padding: 64px 0 !important;
  }
  .plr_md--64 {
    padding: 0 64px !important;
  }
  .pt_md--64 {
    padding-top: 64px !important;
  }
  .pb_md--64 {
    padding-bottom: 64px !important;
  }
  .pl_md--64 {
    padding-left: 64px !important;
  }
  .pr_md--64 {
    padding-right: 64px !important;
  }
  .mt_md--64 {
    margin-top: 64px !important;
  }
  .mb_md--64 {
    margin-bottom: 64px !important;
  }
  .m_md--68 {
    margin: 68px !important;
  }
  .p_md--68 {
    padding: 68px !important;
  }
  .ptb_md--68 {
    padding: 68px 0 !important;
  }
  .plr_md--68 {
    padding: 0 68px !important;
  }
  .pt_md--68 {
    padding-top: 68px !important;
  }
  .pb_md--68 {
    padding-bottom: 68px !important;
  }
  .pl_md--68 {
    padding-left: 68px !important;
  }
  .pr_md--68 {
    padding-right: 68px !important;
  }
  .mt_md--68 {
    margin-top: 68px !important;
  }
  .mb_md--68 {
    margin-bottom: 68px !important;
  }
  .m_md--72 {
    margin: 72px !important;
  }
  .p_md--72 {
    padding: 72px !important;
  }
  .ptb_md--72 {
    padding: 72px 0 !important;
  }
  .plr_md--72 {
    padding: 0 72px !important;
  }
  .pt_md--72 {
    padding-top: 72px !important;
  }
  .pb_md--72 {
    padding-bottom: 72px !important;
  }
  .pl_md--72 {
    padding-left: 72px !important;
  }
  .pr_md--72 {
    padding-right: 72px !important;
  }
  .mt_md--72 {
    margin-top: 72px !important;
  }
  .mb_md--72 {
    margin-bottom: 72px !important;
  }
  .m_md--76 {
    margin: 76px !important;
  }
  .p_md--76 {
    padding: 76px !important;
  }
  .ptb_md--76 {
    padding: 76px 0 !important;
  }
  .plr_md--76 {
    padding: 0 76px !important;
  }
  .pt_md--76 {
    padding-top: 76px !important;
  }
  .pb_md--76 {
    padding-bottom: 76px !important;
  }
  .pl_md--76 {
    padding-left: 76px !important;
  }
  .pr_md--76 {
    padding-right: 76px !important;
  }
  .mt_md--76 {
    margin-top: 76px !important;
  }
  .mb_md--76 {
    margin-bottom: 76px !important;
  }
  .m_md--80 {
    margin: 80px !important;
  }
  .p_md--80 {
    padding: 80px !important;
  }
  .ptb_md--80 {
    padding: 80px 0 !important;
  }
  .plr_md--80 {
    padding: 0 80px !important;
  }
  .pt_md--80 {
    padding-top: 80px !important;
  }
  .pb_md--80 {
    padding-bottom: 80px !important;
  }
  .pl_md--80 {
    padding-left: 80px !important;
  }
  .pr_md--80 {
    padding-right: 80px !important;
  }
  .mt_md--80 {
    margin-top: 80px !important;
  }
  .mb_md--80 {
    margin-bottom: 80px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt_sm_dec--30 {
    margin-top: -30px !important;
  }
  .ptb_sm--250 {
    padding: 250px 0 !important;
  }
  .ptb--170 {
    padding: 80px 0 !important;
  }
  .ptb_sm--0 {
    padding: 0 !important;
  }
  .pl_sm--0 {
    padding-left: 0 !important;
  }
  .pr_sm--0 {
    padding-right: 0 !important;
  }
  .pt_sm--0 {
    padding-top: 0 !important;
  }
  .pb_sm--0 {
    padding-bottom: 0 !important;
  }
  .mr_sm--0 {
    margin-right: 0 !important;
  }
  .ml_sm--0 {
    margin-left: 0 !important;
  }
  .mt_sm--0 {
    margin-top: 0 !important;
  }
  .mt_sm--12 {
    margin-top: 12px !important;
  }
  .mb_sm--0 {
    margin-bottom: 0 !important;
  }
  .pt_sm--150 {
    padding-top: 150px !important;
  }
  .pb_sm--110 {
    padding-bottom: 110px !important;
  }
  .ptb_sm--60 {
    padding: 60px 0 !important;
  }
  .m_sm--0 {
    margin: 0px !important;
  }
  .p_sm--0 {
    padding: 0px !important;
  }
  .ptb_sm--0 {
    padding: 0px 0 !important;
  }
  .plr_sm--0 {
    padding: 0 0px !important;
  }
  .pt_sm--0 {
    padding-top: 0px !important;
  }
  .pb_sm--0 {
    padding-bottom: 0px !important;
  }
  .pl_sm--0 {
    padding-left: 0px !important;
  }
  .pr_sm--0 {
    padding-right: 0px !important;
  }
  .mt_sm--0 {
    margin-top: 0px !important;
  }
  .ml_sm--0 {
    margin-left: 0px !important;
  }
  .mr_sm--0 {
    margin-right: 0px !important;
  }
  .mb_sm--0 {
    margin-bottom: 0px !important;
  }
  .m_sm--4 {
    margin: 4px !important;
  }
  .p_sm--4 {
    padding: 4px !important;
  }
  .ptb_sm--4 {
    padding: 4px 0 !important;
  }
  .plr_sm--4 {
    padding: 0 4px !important;
  }
  .pt_sm--4 {
    padding-top: 4px !important;
  }
  .pb_sm--4 {
    padding-bottom: 4px !important;
  }
  .pl_sm--4 {
    padding-left: 4px !important;
  }
  .pr_sm--4 {
    padding-right: 4px !important;
  }
  .mt_sm--4 {
    margin-top: 4px !important;
  }
  .ml_sm--4 {
    margin-left: 4px !important;
  }
  .mr_sm--4 {
    margin-right: 4px !important;
  }
  .mb_sm--4 {
    margin-bottom: 4px !important;
  }
  .m_sm--8 {
    margin: 8px !important;
  }
  .p_sm--8 {
    padding: 8px !important;
  }
  .ptb_sm--8 {
    padding: 8px 0 !important;
  }
  .plr_sm--8 {
    padding: 0 8px !important;
  }
  .pt_sm--8 {
    padding-top: 8px !important;
  }
  .pb_sm--8 {
    padding-bottom: 8px !important;
  }
  .pl_sm--8 {
    padding-left: 8px !important;
  }
  .pr_sm--8 {
    padding-right: 8px !important;
  }
  .mt_sm--8 {
    margin-top: 8px !important;
  }
  .ml_sm--8 {
    margin-left: 8px !important;
  }
  .mr_sm--8 {
    margin-right: 8px !important;
  }
  .mb_sm--8 {
    margin-bottom: 8px !important;
  }
  .m_sm--12 {
    margin: 12px !important;
  }
  .p_sm--12 {
    padding: 12px !important;
  }
  .ptb_sm--12 {
    padding: 12px 0 !important;
  }
  .plr_sm--12 {
    padding: 0 12px !important;
  }
  .pt_sm--12 {
    padding-top: 12px !important;
  }
  .pb_sm--12 {
    padding-bottom: 12px !important;
  }
  .pl_sm--12 {
    padding-left: 12px !important;
  }
  .pr_sm--12 {
    padding-right: 12px !important;
  }
  .mt_sm--12 {
    margin-top: 12px !important;
  }
  .ml_sm--12 {
    margin-left: 12px !important;
  }
  .mr_sm--12 {
    margin-right: 12px !important;
  }
  .mb_sm--12 {
    margin-bottom: 12px !important;
  }
  .m_sm--16 {
    margin: 16px !important;
  }
  .p_sm--16 {
    padding: 16px !important;
  }
  .ptb_sm--16 {
    padding: 16px 0 !important;
  }
  .plr_sm--16 {
    padding: 0 16px !important;
  }
  .pt_sm--16 {
    padding-top: 16px !important;
  }
  .pb_sm--16 {
    padding-bottom: 16px !important;
  }
  .pl_sm--16 {
    padding-left: 16px !important;
  }
  .pr_sm--16 {
    padding-right: 16px !important;
  }
  .mt_sm--16 {
    margin-top: 16px !important;
  }
  .ml_sm--16 {
    margin-left: 16px !important;
  }
  .mr_sm--16 {
    margin-right: 16px !important;
  }
  .mb_sm--16 {
    margin-bottom: 16px !important;
  }
  .m_sm--20 {
    margin: 20px !important;
  }
  .p_sm--20 {
    padding: 20px !important;
  }
  .ptb_sm--20 {
    padding: 20px 0 !important;
  }
  .plr_sm--20 {
    padding: 0 20px !important;
  }
  .pt_sm--20 {
    padding-top: 20px !important;
  }
  .pb_sm--20 {
    padding-bottom: 20px !important;
  }
  .pl_sm--20 {
    padding-left: 20px !important;
  }
  .pr_sm--20 {
    padding-right: 20px !important;
  }
  .mt_sm--20 {
    margin-top: 20px !important;
  }
  .ml_sm--20 {
    margin-left: 20px !important;
  }
  .mr_sm--20 {
    margin-right: 20px !important;
  }
  .mb_sm--20 {
    margin-bottom: 20px !important;
  }
  .m_sm--24 {
    margin: 24px !important;
  }
  .p_sm--24 {
    padding: 24px !important;
  }
  .ptb_sm--24 {
    padding: 24px 0 !important;
  }
  .plr_sm--24 {
    padding: 0 24px !important;
  }
  .pt_sm--24 {
    padding-top: 24px !important;
  }
  .pb_sm--24 {
    padding-bottom: 24px !important;
  }
  .pl_sm--24 {
    padding-left: 24px !important;
  }
  .pr_sm--24 {
    padding-right: 24px !important;
  }
  .mt_sm--24 {
    margin-top: 24px !important;
  }
  .ml_sm--24 {
    margin-left: 24px !important;
  }
  .mr_sm--24 {
    margin-right: 24px !important;
  }
  .mb_sm--24 {
    margin-bottom: 24px !important;
  }
  .m_sm--28 {
    margin: 28px !important;
  }
  .p_sm--28 {
    padding: 28px !important;
  }
  .ptb_sm--28 {
    padding: 28px 0 !important;
  }
  .plr_sm--28 {
    padding: 0 28px !important;
  }
  .pt_sm--28 {
    padding-top: 28px !important;
  }
  .pb_sm--28 {
    padding-bottom: 28px !important;
  }
  .pl_sm--28 {
    padding-left: 28px !important;
  }
  .pr_sm--28 {
    padding-right: 28px !important;
  }
  .mt_sm--28 {
    margin-top: 28px !important;
  }
  .ml_sm--28 {
    margin-left: 28px !important;
  }
  .mr_sm--28 {
    margin-right: 28px !important;
  }
  .mb_sm--28 {
    margin-bottom: 28px !important;
  }
  .m_sm--32 {
    margin: 32px !important;
  }
  .p_sm--32 {
    padding: 32px !important;
  }
  .ptb_sm--32 {
    padding: 32px 0 !important;
  }
  .plr_sm--32 {
    padding: 0 32px !important;
  }
  .pt_sm--32 {
    padding-top: 32px !important;
  }
  .pb_sm--32 {
    padding-bottom: 32px !important;
  }
  .pl_sm--32 {
    padding-left: 32px !important;
  }
  .pr_sm--32 {
    padding-right: 32px !important;
  }
  .mt_sm--32 {
    margin-top: 32px !important;
  }
  .ml_sm--32 {
    margin-left: 32px !important;
  }
  .mr_sm--32 {
    margin-right: 32px !important;
  }
  .mb_sm--32 {
    margin-bottom: 32px !important;
  }
  .m_sm--36 {
    margin: 36px !important;
  }
  .p_sm--36 {
    padding: 36px !important;
  }
  .ptb_sm--36 {
    padding: 36px 0 !important;
  }
  .plr_sm--36 {
    padding: 0 36px !important;
  }
  .pt_sm--36 {
    padding-top: 36px !important;
  }
  .pb_sm--36 {
    padding-bottom: 36px !important;
  }
  .pl_sm--36 {
    padding-left: 36px !important;
  }
  .pr_sm--36 {
    padding-right: 36px !important;
  }
  .mt_sm--36 {
    margin-top: 36px !important;
  }
  .ml_sm--36 {
    margin-left: 36px !important;
  }
  .mr_sm--36 {
    margin-right: 36px !important;
  }
  .mb_sm--36 {
    margin-bottom: 36px !important;
  }
  .m_sm--40 {
    margin: 40px !important;
  }
  .p_sm--40 {
    padding: 40px !important;
  }
  .ptb_sm--40 {
    padding: 40px 0 !important;
  }
  .plr_sm--40 {
    padding: 0 40px !important;
  }
  .pt_sm--40 {
    padding-top: 40px !important;
  }
  .pb_sm--40 {
    padding-bottom: 40px !important;
  }
  .pl_sm--40 {
    padding-left: 40px !important;
  }
  .pr_sm--40 {
    padding-right: 40px !important;
  }
  .mt_sm--40 {
    margin-top: 40px !important;
  }
  .ml_sm--40 {
    margin-left: 40px !important;
  }
  .mr_sm--40 {
    margin-right: 40px !important;
  }
  .mb_sm--40 {
    margin-bottom: 40px !important;
  }
  .m_sm--44 {
    margin: 44px !important;
  }
  .p_sm--44 {
    padding: 44px !important;
  }
  .ptb_sm--44 {
    padding: 44px 0 !important;
  }
  .plr_sm--44 {
    padding: 0 44px !important;
  }
  .pt_sm--44 {
    padding-top: 44px !important;
  }
  .pb_sm--44 {
    padding-bottom: 44px !important;
  }
  .pl_sm--44 {
    padding-left: 44px !important;
  }
  .pr_sm--44 {
    padding-right: 44px !important;
  }
  .mt_sm--44 {
    margin-top: 44px !important;
  }
  .ml_sm--44 {
    margin-left: 44px !important;
  }
  .mr_sm--44 {
    margin-right: 44px !important;
  }
  .mb_sm--44 {
    margin-bottom: 44px !important;
  }
  .m_sm--48 {
    margin: 48px !important;
  }
  .p_sm--48 {
    padding: 48px !important;
  }
  .ptb_sm--48 {
    padding: 48px 0 !important;
  }
  .plr_sm--48 {
    padding: 0 48px !important;
  }
  .pt_sm--48 {
    padding-top: 48px !important;
  }
  .pb_sm--48 {
    padding-bottom: 48px !important;
  }
  .pl_sm--48 {
    padding-left: 48px !important;
  }
  .pr_sm--48 {
    padding-right: 48px !important;
  }
  .mt_sm--48 {
    margin-top: 48px !important;
  }
  .ml_sm--48 {
    margin-left: 48px !important;
  }
  .mr_sm--48 {
    margin-right: 48px !important;
  }
  .mb_sm--48 {
    margin-bottom: 48px !important;
  }
  .m_sm--52 {
    margin: 52px !important;
  }
  .p_sm--52 {
    padding: 52px !important;
  }
  .ptb_sm--52 {
    padding: 52px 0 !important;
  }
  .plr_sm--52 {
    padding: 0 52px !important;
  }
  .pt_sm--52 {
    padding-top: 52px !important;
  }
  .pb_sm--52 {
    padding-bottom: 52px !important;
  }
  .pl_sm--52 {
    padding-left: 52px !important;
  }
  .pr_sm--52 {
    padding-right: 52px !important;
  }
  .mt_sm--52 {
    margin-top: 52px !important;
  }
  .ml_sm--52 {
    margin-left: 52px !important;
  }
  .mr_sm--52 {
    margin-right: 52px !important;
  }
  .mb_sm--52 {
    margin-bottom: 52px !important;
  }
  .m_sm--56 {
    margin: 56px !important;
  }
  .p_sm--56 {
    padding: 56px !important;
  }
  .ptb_sm--56 {
    padding: 56px 0 !important;
  }
  .plr_sm--56 {
    padding: 0 56px !important;
  }
  .pt_sm--56 {
    padding-top: 56px !important;
  }
  .pb_sm--56 {
    padding-bottom: 56px !important;
  }
  .pl_sm--56 {
    padding-left: 56px !important;
  }
  .pr_sm--56 {
    padding-right: 56px !important;
  }
  .mt_sm--56 {
    margin-top: 56px !important;
  }
  .ml_sm--56 {
    margin-left: 56px !important;
  }
  .mr_sm--56 {
    margin-right: 56px !important;
  }
  .mb_sm--56 {
    margin-bottom: 56px !important;
  }
  .m_sm--60 {
    margin: 60px !important;
  }
  .p_sm--60 {
    padding: 60px !important;
  }
  .ptb_sm--60 {
    padding: 60px 0 !important;
  }
  .plr_sm--60 {
    padding: 0 60px !important;
  }
  .pt_sm--60 {
    padding-top: 60px !important;
  }
  .pb_sm--60 {
    padding-bottom: 60px !important;
  }
  .pl_sm--60 {
    padding-left: 60px !important;
  }
  .pr_sm--60 {
    padding-right: 60px !important;
  }
  .mt_sm--60 {
    margin-top: 60px !important;
  }
  .ml_sm--60 {
    margin-left: 60px !important;
  }
  .mr_sm--60 {
    margin-right: 60px !important;
  }
  .mb_sm--60 {
    margin-bottom: 60px !important;
  }
  .m_sm--64 {
    margin: 64px !important;
  }
  .p_sm--64 {
    padding: 64px !important;
  }
  .ptb_sm--64 {
    padding: 64px 0 !important;
  }
  .plr_sm--64 {
    padding: 0 64px !important;
  }
  .pt_sm--64 {
    padding-top: 64px !important;
  }
  .pb_sm--64 {
    padding-bottom: 64px !important;
  }
  .pl_sm--64 {
    padding-left: 64px !important;
  }
  .pr_sm--64 {
    padding-right: 64px !important;
  }
  .mt_sm--64 {
    margin-top: 64px !important;
  }
  .ml_sm--64 {
    margin-left: 64px !important;
  }
  .mr_sm--64 {
    margin-right: 64px !important;
  }
  .mb_sm--64 {
    margin-bottom: 64px !important;
  }
  .m_sm--68 {
    margin: 68px !important;
  }
  .p_sm--68 {
    padding: 68px !important;
  }
  .ptb_sm--68 {
    padding: 68px 0 !important;
  }
  .plr_sm--68 {
    padding: 0 68px !important;
  }
  .pt_sm--68 {
    padding-top: 68px !important;
  }
  .pb_sm--68 {
    padding-bottom: 68px !important;
  }
  .pl_sm--68 {
    padding-left: 68px !important;
  }
  .pr_sm--68 {
    padding-right: 68px !important;
  }
  .mt_sm--68 {
    margin-top: 68px !important;
  }
  .ml_sm--68 {
    margin-left: 68px !important;
  }
  .mr_sm--68 {
    margin-right: 68px !important;
  }
  .mb_sm--68 {
    margin-bottom: 68px !important;
  }
  .m_sm--72 {
    margin: 72px !important;
  }
  .p_sm--72 {
    padding: 72px !important;
  }
  .ptb_sm--72 {
    padding: 72px 0 !important;
  }
  .plr_sm--72 {
    padding: 0 72px !important;
  }
  .pt_sm--72 {
    padding-top: 72px !important;
  }
  .pb_sm--72 {
    padding-bottom: 72px !important;
  }
  .pl_sm--72 {
    padding-left: 72px !important;
  }
  .pr_sm--72 {
    padding-right: 72px !important;
  }
  .mt_sm--72 {
    margin-top: 72px !important;
  }
  .ml_sm--72 {
    margin-left: 72px !important;
  }
  .mr_sm--72 {
    margin-right: 72px !important;
  }
  .mb_sm--72 {
    margin-bottom: 72px !important;
  }
  .m_sm--76 {
    margin: 76px !important;
  }
  .p_sm--76 {
    padding: 76px !important;
  }
  .ptb_sm--76 {
    padding: 76px 0 !important;
  }
  .plr_sm--76 {
    padding: 0 76px !important;
  }
  .pt_sm--76 {
    padding-top: 76px !important;
  }
  .pb_sm--76 {
    padding-bottom: 76px !important;
  }
  .pl_sm--76 {
    padding-left: 76px !important;
  }
  .pr_sm--76 {
    padding-right: 76px !important;
  }
  .mt_sm--76 {
    margin-top: 76px !important;
  }
  .ml_sm--76 {
    margin-left: 76px !important;
  }
  .mr_sm--76 {
    margin-right: 76px !important;
  }
  .mb_sm--76 {
    margin-bottom: 76px !important;
  }
  .m_sm--80 {
    margin: 80px !important;
  }
  .p_sm--80 {
    padding: 80px !important;
  }
  .ptb_sm--80 {
    padding: 80px 0 !important;
  }
  .plr_sm--80 {
    padding: 0 80px !important;
  }
  .pt_sm--80 {
    padding-top: 80px !important;
  }
  .pb_sm--80 {
    padding-bottom: 80px !important;
  }
  .pl_sm--80 {
    padding-left: 80px !important;
  }
  .pr_sm--80 {
    padding-right: 80px !important;
  }
  .mt_sm--80 {
    margin-top: 80px !important;
  }
  .ml_sm--80 {
    margin-left: 80px !important;
  }
  .mr_sm--80 {
    margin-right: 80px !important;
  }
  .mb_sm--80 {
    margin-bottom: 80px !important;
  }
  .pl_sm--0 {
    padding-left: 0;
  }
  .pr_sm--0 {
    padding-right: 0;
  }
  .pt_sm--0 {
    padding-top: 0;
  }
  .pb_sm--0 {
    padding-bottom: 0;
  }
  .mr_sm--0 {
    margin-right: 0;
  }
  .ml_sm--0 {
    margin-left: 0;
  }
  .mb_sm--0 {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 575px) {
  .m_mobile--0 {
    margin: 0px !important;
  }
  .p_mobile--0 {
    padding: 0px !important;
  }
  .ptb_mobile--0 {
    padding: 0px 0 !important;
  }
  .plr_mobile--0 {
    padding: 0 0px !important;
  }
  .pt_mobile--0 {
    padding-top: 0px !important;
  }
  .pb_mobile--0 {
    padding-bottom: 0px !important;
  }
  .pl_mobile--0 {
    padding-left: 0px !important;
  }
  .pr_mobile--0 {
    padding-right: 0px !important;
  }
  .mt_mobile--0 {
    margin-top: 0px !important;
  }
  .mb_mobile--0 {
    margin-bottom: 0px !important;
  }
  .m_mobile--4 {
    margin: 4px !important;
  }
  .p_mobile--4 {
    padding: 4px !important;
  }
  .ptb_mobile--4 {
    padding: 4px 0 !important;
  }
  .plr_mobile--4 {
    padding: 0 4px !important;
  }
  .pt_mobile--4 {
    padding-top: 4px !important;
  }
  .pb_mobile--4 {
    padding-bottom: 4px !important;
  }
  .pl_mobile--4 {
    padding-left: 4px !important;
  }
  .pr_mobile--4 {
    padding-right: 4px !important;
  }
  .mt_mobile--4 {
    margin-top: 4px !important;
  }
  .mb_mobile--4 {
    margin-bottom: 4px !important;
  }
  .m_mobile--8 {
    margin: 8px !important;
  }
  .p_mobile--8 {
    padding: 8px !important;
  }
  .ptb_mobile--8 {
    padding: 8px 0 !important;
  }
  .plr_mobile--8 {
    padding: 0 8px !important;
  }
  .pt_mobile--8 {
    padding-top: 8px !important;
  }
  .pb_mobile--8 {
    padding-bottom: 8px !important;
  }
  .pl_mobile--8 {
    padding-left: 8px !important;
  }
  .pr_mobile--8 {
    padding-right: 8px !important;
  }
  .mt_mobile--8 {
    margin-top: 8px !important;
  }
  .mb_mobile--8 {
    margin-bottom: 8px !important;
  }
  .m_mobile--12 {
    margin: 12px !important;
  }
  .p_mobile--12 {
    padding: 12px !important;
  }
  .ptb_mobile--12 {
    padding: 12px 0 !important;
  }
  .plr_mobile--12 {
    padding: 0 12px !important;
  }
  .pt_mobile--12 {
    padding-top: 12px !important;
  }
  .pb_mobile--12 {
    padding-bottom: 12px !important;
  }
  .pl_mobile--12 {
    padding-left: 12px !important;
  }
  .pr_mobile--12 {
    padding-right: 12px !important;
  }
  .mt_mobile--12 {
    margin-top: 12px !important;
  }
  .mb_mobile--12 {
    margin-bottom: 12px !important;
  }
  .m_mobile--16 {
    margin: 16px !important;
  }
  .p_mobile--16 {
    padding: 16px !important;
  }
  .ptb_mobile--16 {
    padding: 16px 0 !important;
  }
  .plr_mobile--16 {
    padding: 0 16px !important;
  }
  .pt_mobile--16 {
    padding-top: 16px !important;
  }
  .pb_mobile--16 {
    padding-bottom: 16px !important;
  }
  .pl_mobile--16 {
    padding-left: 16px !important;
  }
  .pr_mobile--16 {
    padding-right: 16px !important;
  }
  .mt_mobile--16 {
    margin-top: 16px !important;
  }
  .mb_mobile--16 {
    margin-bottom: 16px !important;
  }
  .m_mobile--20 {
    margin: 20px !important;
  }
  .p_mobile--20 {
    padding: 20px !important;
  }
  .ptb_mobile--20 {
    padding: 20px 0 !important;
  }
  .plr_mobile--20 {
    padding: 0 20px !important;
  }
  .pt_mobile--20 {
    padding-top: 20px !important;
  }
  .pb_mobile--20 {
    padding-bottom: 20px !important;
  }
  .pl_mobile--20 {
    padding-left: 20px !important;
  }
  .pr_mobile--20 {
    padding-right: 20px !important;
  }
  .mt_mobile--20 {
    margin-top: 20px !important;
  }
  .mb_mobile--20 {
    margin-bottom: 20px !important;
  }
  .m_mobile--24 {
    margin: 24px !important;
  }
  .p_mobile--24 {
    padding: 24px !important;
  }
  .ptb_mobile--24 {
    padding: 24px 0 !important;
  }
  .plr_mobile--24 {
    padding: 0 24px !important;
  }
  .pt_mobile--24 {
    padding-top: 24px !important;
  }
  .pb_mobile--24 {
    padding-bottom: 24px !important;
  }
  .pl_mobile--24 {
    padding-left: 24px !important;
  }
  .pr_mobile--24 {
    padding-right: 24px !important;
  }
  .mt_mobile--24 {
    margin-top: 24px !important;
  }
  .mb_mobile--24 {
    margin-bottom: 24px !important;
  }
  .m_mobile--28 {
    margin: 28px !important;
  }
  .p_mobile--28 {
    padding: 28px !important;
  }
  .ptb_mobile--28 {
    padding: 28px 0 !important;
  }
  .plr_mobile--28 {
    padding: 0 28px !important;
  }
  .pt_mobile--28 {
    padding-top: 28px !important;
  }
  .pb_mobile--28 {
    padding-bottom: 28px !important;
  }
  .pl_mobile--28 {
    padding-left: 28px !important;
  }
  .pr_mobile--28 {
    padding-right: 28px !important;
  }
  .mt_mobile--28 {
    margin-top: 28px !important;
  }
  .mb_mobile--28 {
    margin-bottom: 28px !important;
  }
  .m_mobile--32 {
    margin: 32px !important;
  }
  .p_mobile--32 {
    padding: 32px !important;
  }
  .ptb_mobile--32 {
    padding: 32px 0 !important;
  }
  .plr_mobile--32 {
    padding: 0 32px !important;
  }
  .pt_mobile--32 {
    padding-top: 32px !important;
  }
  .pb_mobile--32 {
    padding-bottom: 32px !important;
  }
  .pl_mobile--32 {
    padding-left: 32px !important;
  }
  .pr_mobile--32 {
    padding-right: 32px !important;
  }
  .mt_mobile--32 {
    margin-top: 32px !important;
  }
  .mb_mobile--32 {
    margin-bottom: 32px !important;
  }
  .m_mobile--36 {
    margin: 36px !important;
  }
  .p_mobile--36 {
    padding: 36px !important;
  }
  .ptb_mobile--36 {
    padding: 36px 0 !important;
  }
  .plr_mobile--36 {
    padding: 0 36px !important;
  }
  .pt_mobile--36 {
    padding-top: 36px !important;
  }
  .pb_mobile--36 {
    padding-bottom: 36px !important;
  }
  .pl_mobile--36 {
    padding-left: 36px !important;
  }
  .pr_mobile--36 {
    padding-right: 36px !important;
  }
  .mt_mobile--36 {
    margin-top: 36px !important;
  }
  .mb_mobile--36 {
    margin-bottom: 36px !important;
  }
  .m_mobile--40 {
    margin: 40px !important;
  }
  .p_mobile--40 {
    padding: 40px !important;
  }
  .ptb_mobile--40 {
    padding: 40px 0 !important;
  }
  .plr_mobile--40 {
    padding: 0 40px !important;
  }
  .pt_mobile--40 {
    padding-top: 40px !important;
  }
  .pb_mobile--40 {
    padding-bottom: 40px !important;
  }
  .pl_mobile--40 {
    padding-left: 40px !important;
  }
  .pr_mobile--40 {
    padding-right: 40px !important;
  }
  .mt_mobile--40 {
    margin-top: 40px !important;
  }
  .mb_mobile--40 {
    margin-bottom: 40px !important;
  }
  .m_mobile--44 {
    margin: 44px !important;
  }
  .p_mobile--44 {
    padding: 44px !important;
  }
  .ptb_mobile--44 {
    padding: 44px 0 !important;
  }
  .plr_mobile--44 {
    padding: 0 44px !important;
  }
  .pt_mobile--44 {
    padding-top: 44px !important;
  }
  .pb_mobile--44 {
    padding-bottom: 44px !important;
  }
  .pl_mobile--44 {
    padding-left: 44px !important;
  }
  .pr_mobile--44 {
    padding-right: 44px !important;
  }
  .mt_mobile--44 {
    margin-top: 44px !important;
  }
  .mb_mobile--44 {
    margin-bottom: 44px !important;
  }
  .m_mobile--48 {
    margin: 48px !important;
  }
  .p_mobile--48 {
    padding: 48px !important;
  }
  .ptb_mobile--48 {
    padding: 48px 0 !important;
  }
  .plr_mobile--48 {
    padding: 0 48px !important;
  }
  .pt_mobile--48 {
    padding-top: 48px !important;
  }
  .pb_mobile--48 {
    padding-bottom: 48px !important;
  }
  .pl_mobile--48 {
    padding-left: 48px !important;
  }
  .pr_mobile--48 {
    padding-right: 48px !important;
  }
  .mt_mobile--48 {
    margin-top: 48px !important;
  }
  .mb_mobile--48 {
    margin-bottom: 48px !important;
  }
  .m_mobile--52 {
    margin: 52px !important;
  }
  .p_mobile--52 {
    padding: 52px !important;
  }
  .ptb_mobile--52 {
    padding: 52px 0 !important;
  }
  .plr_mobile--52 {
    padding: 0 52px !important;
  }
  .pt_mobile--52 {
    padding-top: 52px !important;
  }
  .pb_mobile--52 {
    padding-bottom: 52px !important;
  }
  .pl_mobile--52 {
    padding-left: 52px !important;
  }
  .pr_mobile--52 {
    padding-right: 52px !important;
  }
  .mt_mobile--52 {
    margin-top: 52px !important;
  }
  .mb_mobile--52 {
    margin-bottom: 52px !important;
  }
  .m_mobile--56 {
    margin: 56px !important;
  }
  .p_mobile--56 {
    padding: 56px !important;
  }
  .ptb_mobile--56 {
    padding: 56px 0 !important;
  }
  .plr_mobile--56 {
    padding: 0 56px !important;
  }
  .pt_mobile--56 {
    padding-top: 56px !important;
  }
  .pb_mobile--56 {
    padding-bottom: 56px !important;
  }
  .pl_mobile--56 {
    padding-left: 56px !important;
  }
  .pr_mobile--56 {
    padding-right: 56px !important;
  }
  .mt_mobile--56 {
    margin-top: 56px !important;
  }
  .mb_mobile--56 {
    margin-bottom: 56px !important;
  }
  .m_mobile--60 {
    margin: 60px !important;
  }
  .p_mobile--60 {
    padding: 60px !important;
  }
  .ptb_mobile--60 {
    padding: 60px 0 !important;
  }
  .plr_mobile--60 {
    padding: 0 60px !important;
  }
  .pt_mobile--60 {
    padding-top: 60px !important;
  }
  .pb_mobile--60 {
    padding-bottom: 60px !important;
  }
  .pl_mobile--60 {
    padding-left: 60px !important;
  }
  .pr_mobile--60 {
    padding-right: 60px !important;
  }
  .mt_mobile--60 {
    margin-top: 60px !important;
  }
  .mb_mobile--60 {
    margin-bottom: 60px !important;
  }
  .m_mobile--64 {
    margin: 64px !important;
  }
  .p_mobile--64 {
    padding: 64px !important;
  }
  .ptb_mobile--64 {
    padding: 64px 0 !important;
  }
  .plr_mobile--64 {
    padding: 0 64px !important;
  }
  .pt_mobile--64 {
    padding-top: 64px !important;
  }
  .pb_mobile--64 {
    padding-bottom: 64px !important;
  }
  .pl_mobile--64 {
    padding-left: 64px !important;
  }
  .pr_mobile--64 {
    padding-right: 64px !important;
  }
  .mt_mobile--64 {
    margin-top: 64px !important;
  }
  .mb_mobile--64 {
    margin-bottom: 64px !important;
  }
  .m_mobile--68 {
    margin: 68px !important;
  }
  .p_mobile--68 {
    padding: 68px !important;
  }
  .ptb_mobile--68 {
    padding: 68px 0 !important;
  }
  .plr_mobile--68 {
    padding: 0 68px !important;
  }
  .pt_mobile--68 {
    padding-top: 68px !important;
  }
  .pb_mobile--68 {
    padding-bottom: 68px !important;
  }
  .pl_mobile--68 {
    padding-left: 68px !important;
  }
  .pr_mobile--68 {
    padding-right: 68px !important;
  }
  .mt_mobile--68 {
    margin-top: 68px !important;
  }
  .mb_mobile--68 {
    margin-bottom: 68px !important;
  }
  .m_mobile--72 {
    margin: 72px !important;
  }
  .p_mobile--72 {
    padding: 72px !important;
  }
  .ptb_mobile--72 {
    padding: 72px 0 !important;
  }
  .plr_mobile--72 {
    padding: 0 72px !important;
  }
  .pt_mobile--72 {
    padding-top: 72px !important;
  }
  .pb_mobile--72 {
    padding-bottom: 72px !important;
  }
  .pl_mobile--72 {
    padding-left: 72px !important;
  }
  .pr_mobile--72 {
    padding-right: 72px !important;
  }
  .mt_mobile--72 {
    margin-top: 72px !important;
  }
  .mb_mobile--72 {
    margin-bottom: 72px !important;
  }
  .m_mobile--76 {
    margin: 76px !important;
  }
  .p_mobile--76 {
    padding: 76px !important;
  }
  .ptb_mobile--76 {
    padding: 76px 0 !important;
  }
  .plr_mobile--76 {
    padding: 0 76px !important;
  }
  .pt_mobile--76 {
    padding-top: 76px !important;
  }
  .pb_mobile--76 {
    padding-bottom: 76px !important;
  }
  .pl_mobile--76 {
    padding-left: 76px !important;
  }
  .pr_mobile--76 {
    padding-right: 76px !important;
  }
  .mt_mobile--76 {
    margin-top: 76px !important;
  }
  .mb_mobile--76 {
    margin-bottom: 76px !important;
  }
  .m_mobile--80 {
    margin: 80px !important;
  }
  .p_mobile--80 {
    padding: 80px !important;
  }
  .ptb_mobile--80 {
    padding: 80px 0 !important;
  }
  .plr_mobile--80 {
    padding: 0 80px !important;
  }
  .pt_mobile--80 {
    padding-top: 80px !important;
  }
  .pb_mobile--80 {
    padding-bottom: 80px !important;
  }
  .pl_mobile--80 {
    padding-left: 80px !important;
  }
  .pr_mobile--80 {
    padding-right: 80px !important;
  }
  .mt_mobile--80 {
    margin-top: 80px !important;
  }
  .mb_mobile--80 {
    margin-bottom: 80px !important;
  }
}
.slick-gutter-0 {
  margin-left: -0px;
  margin-right: -0px;
}
.slick-gutter-0 .slick-slide {
  padding-left: 0px;
  padding-right: 0px;
}

.slick-gutter-5 {
  margin-left: -5px;
  margin-right: -5px;
}
.slick-gutter-5 .slick-slide {
  padding-left: 5px;
  padding-right: 5px;
}

.slick-gutter-10 {
  margin-left: -10px;
  margin-right: -10px;
}
.slick-gutter-10 .slick-slide {
  padding-left: 10px;
  padding-right: 10px;
}

.slick-gutter-15 {
  margin-left: -15px;
  margin-right: -15px;
}
.slick-gutter-15 .slick-slide {
  padding-left: 15px;
  padding-right: 15px;
}

.slick-gutter-20 {
  margin-left: -20px;
  margin-right: -20px;
}
.slick-gutter-20 .slick-slide {
  padding-left: 20px;
  padding-right: 20px;
}

.slick-gutter-25 {
  margin-left: -25px;
  margin-right: -25px;
}
.slick-gutter-25 .slick-slide {
  padding-left: 25px;
  padding-right: 25px;
}

.slick-gutter-30 {
  margin-left: -30px;
  margin-right: -30px;
}
.slick-gutter-30 .slick-slide {
  padding-left: 30px;
  padding-right: 30px;
}

.slick-gutter-35 {
  margin-left: -35px;
  margin-right: -35px;
}
.slick-gutter-35 .slick-slide {
  padding-left: 35px;
  padding-right: 35px;
}

.slick-gutter-40 {
  margin-left: -40px;
  margin-right: -40px;
}
.slick-gutter-40 .slick-slide {
  padding-left: 40px;
  padding-right: 40px;
}

.slick-gutter-45 {
  margin-left: -45px;
  margin-right: -45px;
}
.slick-gutter-45 .slick-slide {
  padding-left: 45px;
  padding-right: 45px;
}

.slick-gutter-50 {
  margin-left: -50px;
  margin-right: -50px;
}
.slick-gutter-50 .slick-slide {
  padding-left: 50px;
  padding-right: 50px;
}

.slick-gutter-55 {
  margin-left: -55px;
  margin-right: -55px;
}
.slick-gutter-55 .slick-slide {
  padding-left: 55px;
  padding-right: 55px;
}

.slick-gutter-60 {
  margin-left: -60px;
  margin-right: -60px;
}
.slick-gutter-60 .slick-slide {
  padding-left: 60px;
  padding-right: 60px;
}

.slick-gutter-65 {
  margin-left: -65px;
  margin-right: -65px;
}
.slick-gutter-65 .slick-slide {
  padding-left: 65px;
  padding-right: 65px;
}

.slick-gutter-70 {
  margin-left: -70px;
  margin-right: -70px;
}
.slick-gutter-70 .slick-slide {
  padding-left: 70px;
  padding-right: 70px;
}

.slick-gutter-75 {
  margin-left: -75px;
  margin-right: -75px;
}
.slick-gutter-75 .slick-slide {
  padding-left: 75px;
  padding-right: 75px;
}

.slick-gutter-80 {
  margin-left: -80px;
  margin-right: -80px;
}
.slick-gutter-80 .slick-slide {
  padding-left: 80px;
  padding-right: 80px;
}

.slick-gutter-85 {
  margin-left: -85px;
  margin-right: -85px;
}
.slick-gutter-85 .slick-slide {
  padding-left: 85px;
  padding-right: 85px;
}

.slick-gutter-90 {
  margin-left: -90px;
  margin-right: -90px;
}
.slick-gutter-90 .slick-slide {
  padding-left: 90px;
  padding-right: 90px;
}

.slick-gutter-95 {
  margin-left: -95px;
  margin-right: -95px;
}
.slick-gutter-95 .slick-slide {
  padding-left: 95px;
  padding-right: 95px;
}

.slick-gutter-100 {
  margin-left: -100px;
  margin-right: -100px;
}
.slick-gutter-100 .slick-slide {
  padding-left: 100px;
  padding-right: 100px;
}

.plr--0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ptb--0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.mlr--0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mtb--0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/**************************************
    Default Styles
***************************************/
/*-------------------------
    Rbt Default
-------------------------*/
.rbt-fullwidth-wrapper {
  width: 100%;
  margin: 0 auto;
  padding: 0 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (max-width: 1199px) {
  .rbt-fullwidth-wrapper {
    padding: 0 32px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-fullwidth-wrapper {
    padding: 0 16px;
  }
}

.rbt-wider-wrapper {
  width: 100%;
  margin: 0 auto;
  padding: 0 100px;
  max-width: 1920px;
}
@media only screen and (max-width: 767px) {
  .rbt-wider-wrapper {
    padding: 0 16px;
  }
}

.rbt-index-upper {
  position: relative;
  z-index: 1;
}

.sticky-top {
  position: sticky;
  top: 30px;
  z-index: 9;
}
.sticky-top.sticky-top-136 {
  top: 136px;
}

.sticky-top-0 {
  position: sticky;
  top: 0;
  z-index: 9;
}

.max-w-unset {
  max-width: unset !important;
}

.line-height-normal {
  line-height: normal !important;
}

.rbt-single-group {
  margin: -5px;
}
.rbt-single-group .rbt-single-list {
  margin: 5px;
}

@media only screen and (max-width: 767px) {
  .transform-sm-none {
    transform: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .rbt-mobile-row {
    overflow-x: auto;
    flex-wrap: nowrap;
    min-height: max-content;
    overflow-y: hidden;
  }
  .rbt-mobile-row::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  .rbt-mobile-row .col-6 {
    width: 56%;
  }
  .rbt-mobile-row .col-12 {
    width: 85%;
  }
}

.rbt-md-wrapper {
  max-width: 1672px;
}

.contaner-wider-device {
  max-width: 1920px !important;
}

.rbt-card-row-has-top-separator .rbt-card {
  padding-top: 24px;
  border-top: 2px solid var(--color-brand-50);
}
.rbt-card-row-has-top-separator.rbt-three-align-card-row > [class*=col]:nth-child(1) .rbt-card, .rbt-card-row-has-top-separator.rbt-three-align-card-row > [class*=col]:nth-child(2) .rbt-card, .rbt-card-row-has-top-separator.rbt-three-align-card-row > [class*=col]:nth-child(3) .rbt-card {
  padding-top: 0;
  border-top: 0;
}
@media only screen and (max-width: 575px) {
  .rbt-card-row-has-top-separator.rbt-three-align-card-row > [class*=col]:nth-child(2) .rbt-card, .rbt-card-row-has-top-separator.rbt-three-align-card-row > [class*=col]:nth-child(3) .rbt-card {
    padding-top: 24px;
    border-top: 2px solid var(--color-brand-50);
  }
}
.rbt-card-row-has-top-separator.rbt-two-align-card-row > [class*=col]:nth-child(1) .rbt-card, .rbt-card-row-has-top-separator.rbt-two-align-card-row > [class*=col]:nth-child(2) .rbt-card {
  padding-top: 0;
  border-top: 0;
}
@media only screen and (max-width: 575px) {
  .rbt-card-row-has-top-separator.rbt-two-align-card-row > [class*=col]:nth-child(2) .rbt-card {
    padding-top: 24px;
    border-top: 2px solid var(--color-brand-50);
  }
}
.rbt-card-row-has-top-separator.rbt-one-align-card-row > [class*=col]:nth-child(1) .rbt-card {
  padding-top: 0;
  border-top: 0;
}

.ml-container {
  max-width: calc(1320px + (100% - 1320px) / 2);
  margin-left: auto;
  margin-right: 0;
  padding-left: 7.5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .ml-container {
    max-width: calc(1140px + (100% - 1140px) / 2);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ml-container {
    max-width: calc(960px + (100% - 960px) / 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ml-container {
    max-width: calc(720px + (100% - 720px) / 2);
  }
}
@media only screen and (max-width: 575px) {
  .ml-container {
    max-width: calc(540px + (100% - 540px) / 2);
  }
}
@media only screen and (max-width: 479px) {
  .ml-container {
    max-width: calc(540px + (100% - 540px) / 2);
  }
}

.rbt-sm-wider-container {
  margin-left: auto;
  margin-right: auto;
  padding: 0 7.5px;
}
@media (min-width: 576px) {
  .rbt-sm-wider-container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .rbt-sm-wider-container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .rbt-sm-wider-container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .rbt-sm-wider-container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .rbt-sm-wider-container {
    max-width: 1480px;
  }
}

/*-------------------------
    Rbt Round Btn
-------------------------*/
.rbt-round-btn {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: var(--radius-full);
  position: relative;
  z-index: 1;
  background: transparent;
  padding: 0;
  border: 0 none;
  display: block;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .rbt-round-btn {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.rbt-round-btn.rbt-bg-static-gray {
  color: var(--color-black);
}
.rbt-round-btn.rbt-bg-static-gray::after {
  background: var(--color-gray-200);
  opacity: 1;
  visibility: visible;
}
.rbt-round-btn.rbt-bg-static-primary {
  color: var(--color-white);
}
.rbt-round-btn.rbt-bg-static-primary::after {
  background: var(--color-primary);
  opacity: 1;
  visibility: visible;
}
.rbt-round-btn.bg-light-one {
  background: linear-gradient(168deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.5) 100%);
  backdrop-filter: blur(50px);
  color: var(--color-gray-300);
}
.rbt-round-btn.bg-light-one::after, .rbt-round-btn.bg-light-one:hover, .rbt-round-btn.bg-light-one.active {
  background: var(--color-black);
  color: var(--color-white);
  backdrop-filter: unset;
}
.rbt-round-btn.bg-light-one.active i::before {
  content: "\f004";
}
.rbt-round-btn.bg-light-one.tooltips > span {
  background: var(--color-black);
}
.rbt-round-btn.bg-light-one.tooltips[data-tooltip-position=left] > span:after {
  border-left-color: var(--color-black);
}
.rbt-round-btn.rbt-bg-primary {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-round-btn.rbt-bg-primary::after, .rbt-round-btn.rbt-bg-primary:hover, .rbt-round-btn.rbt-bg-primary.active {
  background: var(--color-primary);
  color: var(--color-white);
  transform: translateY(-2px);
}
.rbt-round-btn.rbt-bg-primary.active i::before {
  content: "\f004";
}
.rbt-round-btn i {
  margin-right: 0;
}
.rbt-round-btn.has-rbt-bg-black {
  background: var(--color-black);
  color: var(--color-white);
}
.rbt-round-btn.has-rbt-bg-black::after, .rbt-round-btn.has-rbt-bg-black:hover, .rbt-round-btn.has-rbt-bg-black.active {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-round-btn.has-rbt-bg-black.active i::before {
  content: "\f004";
}
.rbt-round-btn::after {
  background: var(--color-gray-200);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: var(--transition-cubic);
  opacity: 0;
  transform: scale(0.85);
  border-radius: var(--radius-full);
  z-index: -1;
}
.rbt-round-btn.btn-white-off {
  color: var(--color-white);
}
.rbt-round-btn:hover, .rbt-round-btn.open {
  color: var(--color-heading);
}
.rbt-round-btn:hover::after, .rbt-round-btn.open::after {
  opacity: 1;
  transform: scale(1);
}
.rbt-round-btn:active::after {
  transform: scale(0.9);
  transition: var(--transition-short-cubic);
}
.rbt-round-btn.rbt-round-btn-tr-one {
  height: 22px;
  width: 22px;
  line-height: 22px;
}
.rbt-round-btn.rbt-round-btn-tr-one .access-box-count {
  top: -9px;
  right: -9px;
}
.rbt-round-btn.rbt-modern-close-btn {
  --icon-line-height: 16px;
  --icon-line-width: 16px;
  position: relative;
}
.rbt-round-btn.rbt-modern-close-btn .modern-close-wrapper {
  -webkit-font-smoothing: subpixel-antialiased;
  transform-style: preserve-3d;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) translateZ(0);
  transition: margin 0.2s ease, transform 0.2s ease 1s, opacity 0.3s ease;
  height: var(--icon-line-height);
  width: var(--icon-line-width);
  display: block;
  overflow: hidden;
}
.rbt-round-btn.rbt-modern-close-btn .modern-close-wrapper::after, .rbt-round-btn.rbt-modern-close-btn .modern-close-wrapper::before {
  content: "";
  height: 100%;
  width: 2px;
  background: var(--color-heading);
  backface-visibility: hidden;
  position: absolute;
  border-radius: 5px;
  top: 0;
  left: 7px;
  transition: opacity 0.2s ease, background-color 0.2s ease;
  animation-duration: 0.4s;
  animation-timing-function: cubic-bezier(0.5, 0.01, 0.15, 1);
  animation-fill-mode: forwards;
}
.rbt-round-btn.rbt-round-btn-xl {
  height: 66px;
  width: 66px;
  line-height: 66px;
  font-size: 18px;
}

@keyframes crossLeft {
  0% {
    -webkit-transform: translateY(-30px) translateX(30px) rotate(45deg);
    transform: translateY(-30px) translateX(30px) rotate(45deg);
    opacity: 0;
    visibility: hidden;
  }
  100% {
    -webkit-transform: translateY(0) translateX(0) rotate(45deg);
    transform: translateY(0) translateX(0) rotate(45deg);
    opacity: 1;
    visibility: visible;
  }
}
@keyframes crossRight {
  0% {
    -webkit-transform: translateY(-30px) translateX(-30px) rotate(-45deg);
    transform: translateY(-30px) translateX(-30px) rotate(-45deg);
    opacity: 0;
    visibility: hidden;
  }
  100% {
    -webkit-transform: translateY(0) translateX(0) rotate(-45deg);
    transform: translateY(0) translateX(0) rotate(-45deg);
    opacity: 1;
    visibility: visible;
  }
}
/*------------------------------
    Rbt Hover Style
-------------------------------*/
.rbt-hover {
  transition: var(--transition-2);
}
.rbt-hover:hover {
  transform: scale(1.02);
}

.rbt-hover-02 {
  transition: var(--transition-2);
}
.rbt-hover-02:hover {
  transform: translateY(-10px);
}

.rbt-hover-03 {
  transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
}
.rbt-hover-03:hover {
  transform: translateY(-3px);
}

.rbt-link-hover a, .rbt-link-hover button {
  position: relative;
}
.rbt-link-hover a::after, .rbt-link-hover button::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s;
}
.rbt-link-hover a:hover::after, .rbt-link-hover button:hover::after {
  transform-origin: bottom left;
  transform: scaleX(1);
}

.rbt-recent-view-prd-area .rbt-scroll-vertical {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  max-height: 376px;
  padding-right: 32px;
}

/*------------------------------
    Rbt Theme Text Color
-------------------------------*/
.rbt-color-primary {
  color: var(--color-primary);
}

.rbt-bold--text {
  font-weight: 700;
}

/*------------------------------
    Rbt Review Card
-------------------------------*/
.rbt-sm-review-card {
  display: flex;
  align-items: center;
  gap: 8px;
}
.rbt-sm-review-card .rbt-avatar-img-wrapper {
  position: relative;
}
.rbt-sm-review-card .rbt-avatar-img-wrapper .rbt-avatar-img {
  height: 64px;
  width: 64px;
  border-radius: 50%;
  border: 2px solid var(--color-primary);
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rbt-sm-review-card .rbt-avatar-img-wrapper .rbt-avatar-img img {
  height: 64px;
  width: 64px;
  border-radius: 50%;
}
.rbt-sm-review-card .rbt-avatar-img-wrapper .rbt-avarter-authintication-icon {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-light-green);
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  color: var(--color-green);
  position: absolute;
  top: -4px;
  right: -4px;
}
.rbt-sm-review-card .title {
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  color: var(--color-heading);
  font-weight: 500;
}
.rbt-sm-review-card .desc-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
}
.rbt-sm-review-card .rbt-avater-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rbt-sm-review-card .desc {
  margin-bottom: 0;
}

/*------------------------------
    Rbt Slider Gutter
-------------------------------*/
.gutter-swiper-32 {
  margin: -16px;
}
.gutter-swiper-32 .single-slide {
  padding: 16px;
}

.gutter-swiper-24 {
  margin: -12px;
}
.gutter-swiper-24 .single-slide {
  padding: 12px;
}
@media only screen and (max-width: 575px) {
  .gutter-swiper-24 {
    margin: 0;
  }
}

.gutter-swiper-20 {
  margin: -10px;
}
.gutter-swiper-20 .single-slide {
  padding: 10px;
}

.gutter-swiper-10 {
  margin: -5px;
}
.gutter-swiper-10 .single-slide {
  padding: 5px;
}

/*------------------------------
    Rbt rating
-------------------------------*/
.rating a {
  display: inline-block;
}
.rating a i {
  color: var(--color-warning);
  font-style: normal;
}

.rbt-round-bottom-shape {
  position: relative;
  z-index: 1;
}
.rbt-round-bottom-shape::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  background: url(../images/bg/banner-bg-shape-1.webp);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 148px;
  z-index: -1;
}

.rbt-bg-gray {
  background: var(--color-grey);
  border-radius: var(--radius);
  padding: 20px;
}

/*-------------------------
    Card Author Meta 
-------------------------*/
.rbt-author-meta {
  display: flex;
  align-items: center;
}
.rbt-author-meta .rbt-avater {
  margin-right: 10px;
}
.rbt-author-meta .rbt-avater a {
  display: block;
}
.rbt-author-meta .rbt-avater img {
  width: 40px;
  max-width: 40px;
  height: 40px;
  border-radius: var(--radius-full);
  object-fit: cover;
  border: 2px solid var(--color-brand-200);
  padding: 2px;
}
.rbt-author-meta .rbt-author-info {
  font-size: 14px;
}
.rbt-author-meta .rbt-author-info a {
  color: var(--color-heading);
  font-weight: var(--f-medium);
}
.rbt-author-meta .rbt-author-info a:hover {
  color: var(--color-primary);
}

/*-----------------------------
    Rbt Border Style  
------------------------------*/
hr {
  background-color: var(--color-border-2);
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  hr.has-sm-spacer {
    margin: 12px 0 !important;
  }
}

.rbt-border-none {
  border: 0 none !important;
}

.rbt-border {
  border: 1px solid var(--color-border) !important;
}

.rbt-border-2 {
  border: 2px solid var(--color-border) !important;
}

.rbt-border-dashed {
  border: 2px dashed var(--color-border) !important;
}

.rbt-border-with-box {
  padding: 30px;
  border-radius: var(--radius);
  background: var(--color-white);
  overflow: hidden;
  border: 1px solid var(--color-border);
}
@media only screen and (max-width: 767px) {
  .rbt-border-with-box {
    padding: 15px;
  }
}

.rbt-border-bottom {
  border-bottom: 1px solid var(--color-border);
}

.rbt-border-top {
  border-top: 1px solid var(--color-border);
}

.rbt-border-bottom-light {
  border-bottom: 1px solid var(--color-border-2);
}

.border-bottom-4 {
  border-bottom: 4px solid var(--color-primary);
}

.border-top-bar-primary-color {
  border-top: 5px solid var(--color-primary);
}

.rbt-container-extended-wider {
  margin: 0 -100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-container-extended-wider {
    margin: 0 -60px;
  }
}
@media only screen and (max-width: 1199px) {
  .rbt-container-extended-wider {
    margin: 0 -20px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-container-extended-wider {
    margin: 0 0px;
  }
}

.border-color-primary {
  border-color: var(--color-primary);
}

.rbt-quick-info-tag {
  padding: 8px 16px;
  background: var(--color-brand-50);
  display: flex;
  align-items: center;
  border-radius: 70px;
  gap: 5px;
}
.rbt-quick-info-tag svg {
  min-height: 24px;
}
.rbt-quick-info-tag p {
  font-size: var(--font-size-b3);
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .rbt-quick-info-tag p {
    font-size: var(--font-size-b4);
  }
}
.rbt-quick-info-tag p strong {
  color: var(--color-black);
  font-weight: 600;
}
.rbt-quick-info-tag.transparent {
  background: transparent;
  padding: 0;
  border-radius: 0;
}

.rbt-tag-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
@media only screen and (max-width: 767px) {
  .rbt-tag-list {
    gap: 8px;
  }
}
.rbt-tag-list a {
  border: 2px solid var(--color-gray-100);
  padding: 0 12px;
  background: transparent;
  color: var(--color-heading);
  height: 36px;
  line-height: 36px;
  border-radius: 4px;
  font-size: 14px;
  display: flex;
  transition: var(--transition);
  background: var(--color-white);
  text-align: center;
  align-items: center;
  gap: 4px;
  font-weight: var(--f-medium);
}
.rbt-tag-list a i {
  font-size: var(--font-size-b4);
  line-height: 36px;
}
.rbt-tag-list a:hover, .rbt-tag-list a.active {
  background: var(--color-primary);
  color: var(--color-white);
  border-color: var(--color-primary);
}
.rbt-tag-list.rbt-tag-list-rounded a {
  border-radius: 40px;
}
.rbt-tag-list.rbt-tag-list-var-one a i {
  color: var(--color-primary);
  transition: var(--transition);
}
.rbt-tag-list.rbt-tag-list-var-one a:hover, .rbt-tag-list.rbt-tag-list-var-one a.active {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-tag-list.rbt-tag-list-var-one a:hover i, .rbt-tag-list.rbt-tag-list-var-one a.active i {
  color: var(--color-white);
}
.rbt-tag-list.rbt-tag-list-rounded-lg a {
  border-radius: 80px;
  color: var(--color-gray-400);
}
.rbt-tag-list.rbt-tag-list-rounded-lg a:hover, .rbt-tag-list.rbt-tag-list-rounded-lg a:active, .rbt-tag-list.rbt-tag-list-rounded-lg a.active {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-tag-list.rbt-tag-list-rounded-lg a:hover i, .rbt-tag-list.rbt-tag-list-rounded-lg a:active i, .rbt-tag-list.rbt-tag-list-rounded-lg a.active i {
  color: var(--color-white);
}
.rbt-tag-list.rbt-tag-list-sm a {
  height: 28px;
  line-height: 1.5;
  gap: 8px;
}
@media only screen and (max-width: 479px) {
  .rbt-tag-list.rbt-tag-list-sm a {
    gap: 0px;
    padding: 0 8px;
  }
}
.rbt-tag-list.rbt-tag-list-sm a i {
  font-size: 12px;
  line-height: 1.5;
}
.rbt-tag-list.rbt-tag-list-bg-var-one a {
  background: var(--color-brand-200);
  border: 0;
}
.rbt-tag-list.rbt-tag-list-bg-var-one a:hover {
  background: var(--color-primary);
}
.rbt-tag-list.rbt-tag-cancel-var a {
  padding: 0 6px;
  gap: 4px;
}
.rbt-tag-list.rbt-tag-cancel-var a i {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  line-height: 1;
  height: 18px;
  width: 18px;
  transition: var(--transition);
}
.rbt-tag-list.rbt-tag-cancel-var a i::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0;
  width: 0;
  border-radius: 50%;
  background: var(--color-danger);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: var(--transition);
}
.rbt-tag-list.rbt-tag-cancel-var a i:hover {
  color: var(--color-white);
}
.rbt-tag-list.rbt-tag-cancel-var a i:hover::after {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  visibility: visible;
}
.rbt-tag-list.rbt-tag-cancel-var a:hover {
  background: var(--color-brand-200);
  color: var(--color-heading);
}
.rbt-tag-list.rbt-tag-cancel-var a.text-decoration-underline {
  position: relative;
  z-index: 1;
  padding: 0 12px;
  background: transparent;
}
.rbt-tag-list.rbt-tag-cancel-var a.text-decoration-underline::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50%;
  width: 50%;
  transform: translate(-50%, -50%);
  background: var(--color-danger);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: var(--transition);
  border-radius: 40px;
}
.rbt-tag-list.rbt-tag-cancel-var a.text-decoration-underline:hover {
  color: var(--color-white);
}
.rbt-tag-list.rbt-tag-cancel-var a.text-decoration-underline:hover::after {
  height: 100%;
  width: 100%;
  opacity: 1;
  visibility: visible;
}

.rbt-color-swatch-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rbt-color-swatch-group .rbt-color-swatch-content {
  display: flex;
  flex: 1 1 auto;
  padding: 4px 6px;
}
.rbt-color-swatch-group .rbt-color-swatch {
  display: flex;
  align-items: center;
  gap: 4px;
  transition: var(--transition);
}
.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg {
  height: 18px;
  display: inline-block;
  width: 18px;
  border-radius: var(--radius-full);
  background: transparent;
  position: relative;
}
.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg::before {
  position: absolute;
  content: "\f00c";
  font-family: "Font Awesome 6 Pro", sans-serif;
  color: var(--color-white);
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg::after {
  position: absolute;
  content: "\f00d";
  font-family: "Font Awesome 6 Pro", sans-serif;
  color: var(--color-white);
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg.rbt-swatch-bg-black {
  background: #000000;
}
.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg.rbt-swatch-bg-blue {
  background: #1E73BE;
}
.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg.rbt-swatch-bg-brown {
  background: #DD9933;
}
.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg.rbt-swatch-bg-gray {
  background: #BFBFBF;
}
.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg.rbt-swatch-bg-green {
  background: #81D742;
}
.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg.rbt-swatch-bg-orange {
  background: #FF7900;
}
.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg.rbt-swatch-bg-red {
  background: #DD3233;
}
.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg.rbt-swatch-bg-yellow {
  background: #EEEE23;
}
.rbt-color-swatch-group .rbt-color-swatch-content:hover .rbt-color-swatch-bg::before, .rbt-color-swatch-group .rbt-color-swatch-content.active .rbt-color-swatch-bg::before {
  opacity: 1;
  visibility: visible;
}
.rbt-color-swatch-group .rbt-color-swatch-content.active:hover .rbt-color-swatch-bg::after {
  opacity: 1;
  visibility: visible;
}
.rbt-color-swatch-group .rbt-color-swatch-content.active:hover .rbt-color-swatch-bg::before {
  opacity: 0;
  visibility: hidden;
}
.rbt-color-swatch-group .rbt-color-swatch-text,
.rbt-color-swatch-group .rbt-color-swatch-count {
  color: var(--color-gray-500);
  font-weight: var(--f-medium);
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
}
.rbt-color-swatch-group .rbt-color-swatch-count {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
}

.rbt-card-rating {
  display: flex;
  gap: 8px;
}

.rbt-categories-review-list .rbt-rating-text {
  color: var(--color-heading);
  font-weight: var(--f-medium);
}

.rbt-price-range-slider {
  width: 100%;
  padding-top: 16px;
}
.rbt-price-range-slider .rbt-range-value {
  margin: 0;
}
.rbt-price-range-slider .rbt-range-value input {
  width: 100%;
  background: none;
  color: var(--color-gray-700);
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  font-weight: 600;
  box-shadow: none;
  border: none;
  margin: 4px 0 0 0;
  text-align: center;
  height: auto;
}
.rbt-price-range-slider .rbt-range-bar {
  border: none;
  background: var(--color-gray-400);
  height: 2px;
  width: 96%;
  position: relative;
  margin: 7px 0;
}
.rbt-price-range-slider .rbt-range-bar .ui-slider-range {
  background: var(--color-primary);
  position: absolute;
  height: 100%;
}
.rbt-price-range-slider .rbt-range-bar .ui-slider-handle {
  position: absolute;
  display: block;
  border: none;
  border-radius: 50%;
  background: var(--color-primary);
  height: 16px;
  width: 16px;
  top: 50%;
  cursor: e-resize;
  transform: translateY(-50%);
}
.rbt-price-range-slider .rbt-range-bar .ui-slider-handle:focus-visible {
  border: none;
  outline: none;
}
.rbt-price-range-slider .rbt-range-bar .ui-slider-handle + span {
  background: var(--color-primary);
}

.rbt-price-input-grp {
  display: flex;
  align-items: center;
  padding-top: 12px;
  gap: 8px;
}
@media only screen and (max-width: 479px) {
  .rbt-price-input-grp {
    flex-wrap: wrap;
  }
}
.rbt-price-input-grp input[type=number] {
  max-height: 40px;
  max-width: 100px;
  padding: 0 8px !important;
}
@media only screen and (max-width: 479px) {
  .rbt-price-input-grp input[type=number] {
    max-width: 60px;
  }
}
.rbt-price-input-grp .rbt-btn {
  height: 40px;
  padding: 0 12px;
  border-radius: var(--radius);
  line-height: 40px;
  font-size: var(--font-size-b2);
  line-height: 40px;
}
@media only screen and (max-width: 479px) {
  .rbt-price-input-grp .rbt-btn {
    width: 100%;
    text-align: center;
  }
}

.rbt-social-icon-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 16px;
  line-height: 1;
}
.rbt-social-icon-list li {
  margin: 0;
}
.rbt-social-icon-list li a {
  font-size: 20px;
  line-height: 1;
  color: var(--color-gray-500);
}
.rbt-social-icon-list li a:hover {
  color: var(--color-primary);
  transform: translateY(-2px);
}

.rbt-app-store-list {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 16px;
}
.rbt-app-store-list li {
  margin: 0;
}
.rbt-app-store-list li a {
  font-size: 20px;
  line-height: 1;
  color: var(--color-gray-500);
}
.rbt-app-store-list li a img {
  max-height: 40px;
  transition: 0.3s;
}
.rbt-app-store-list li a:hover {
  color: var(--color-primary);
}
.rbt-app-store-list li a:hover img {
  transform: translateY(-3px);
}
.rbt-app-store-list.has-larger-img li a img {
  max-height: 58px;
}

/*===================
Product Quick Access Banner Styles
====================*/
.rbt-quick-access-banner {
  padding: 12px 24px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--color-heading);
}
@media only screen and (max-width: 575px) {
  .rbt-quick-access-banner {
    gap: 16px;
    padding: 12px 16px;
    flex-wrap: wrap;
  }
}
.rbt-quick-access-banner .rbt-quick-access-banner-banner-content {
  display: flex;
  align-items: center;
  gap: 12px;
}
.rbt-quick-access-banner .rbt-quick-access-banner-banner-content .rbt-quick-access-banner-title {
  font-weight: 500;
}
.rbt-quick-access-banner .rbt-quick-access-banner-banner-content .rbt-icon-img img {
  min-width: 40px;
}
@media only screen and (max-width: 575px) {
  .rbt-quick-access-banner .rbt-btn.rbt-btn-sm {
    font-size: 10px;
    height: 26px;
    line-height: 26px;
  }
  .rbt-quick-access-banner .rbt-btn.rbt-btn-sm i {
    font-size: 10px !important;
  }
}
.rbt-quick-access-banner.rbt-quick-access-banner-sm .rbt-quick-access-banner-banner-content {
  flex-basis: 62%;
}
@media only screen and (max-width: 767px) {
  .rbt-quick-access-banner.rbt-quick-access-banner-sm .rbt-quick-access-banner-banner-content {
    flex-basis: 100%;
  }
}
.rbt-quick-access-banner .rbt-cancel-btn {
  opacity: 0;
  visibility: hidden;
}
.rbt-quick-access-banner:hover .rbt-cancel-btn {
  opacity: 1;
  visibility: visible;
}

.rbt-cancel-btn {
  position: absolute;
  height: 32px;
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
  border-radius: 50%;
  background: var(--color-brand-50);
}
.rbt-cancel-btn:hover {
  background: var(--color-black);
  color: var(--color-white);
}

/*===================
Progress Styles
====================*/
.progress {
  border-radius: 50px;
  height: 6px;
  width: 100%;
  background: var(--color-brand-100);
}
.progress .progress-bar {
  background-color: var(--color-primary);
  border-radius: 5px;
}

/*===================
Badge Styles
====================*/
.rbt-badge {
  display: inline-block;
  border-radius: 3px;
  background-color: var(--color-primary);
  color: var(--color-white);
  font-weight: 700;
  text-transform: uppercase;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
}
.rbt-badge.rbt-badge-small {
  font-size: 9px;
  line-height: 1 !important;
  padding: 4px 8px;
}
.rbt-badge.rbt-badge-green {
  background-color: var(--color-green);
}
.rbt-badge.rbt-badge-red {
  background-color: var(--color-danger);
}
.rbt-badge.rbt-badge-md {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  padding: 4px 8px;
  font-weight: var(--f-medium);
}
.rbt-badge.rbt-badge-border {
  background: transparent;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  line-height: 1.2;
}
.rbt-badge.rbt-badge-border.rbt-badge-bg-warning {
  border: 1px solid #DC7940;
  color: #DC7940;
  background: #FFF2EB;
}
.rbt-badge.rbt-badge-border.rbt-badge-bg-danger {
  border: 1px solid var(--System-Color-Error, #E53E3E);
  color: #E53E3E;
  background: #FAE5E5;
}
.rbt-badge.rbt-badge-border.rbt-badge-bg-green {
  border: 1px solid var(--color-green);
  color: var(--color-green);
  background: var(--color-light-green);
}
.rbt-badge.rbt-badge-border.rbt-badge-bg-disabled {
  border: 1px solid #C1C1C1;
  color: #C1C1C1;
  background: transparent;
}
.rbt-badge.rbt-badge-rounded {
  border-radius: 30px;
}

/*===================
Curved Styles
====================*/
.rbt-curved--corner {
  --box-size: 40px;
  position: absolute;
  border-top: var(--curved-width) solid transparent;
  border-right: var(--curved-width) solid transparent;
  border-bottom: var(--curved-width) solid var(--color-white);
  top: 0;
  right: 0;
  z-index: 3;
  transform: rotate(180deg);
}
.rbt-curved--corner.rbt-curved--corner-60 {
  --curved-width: 60px;
}
.rbt-curved--corner.rbt-curved--corner-70 {
  --curved-width: 70px;
}
.rbt-curved--corner.rbt-curved--corner-30 {
  --curved-width: 30px;
}
.rbt-curved--corner.rbt-curved--corner-25 {
  --curved-width: 25px;
}
.rbt-curved--corner .rbt-curved--radius {
  position: relative;
}
.rbt-curved--corner .rbt-curved--radius::before, .rbt-curved--corner .rbt-curved--radius:after {
  content: "";
  position: absolute;
  height: var(--box-size);
  width: var(--box-size);
  background: transparent;
  border-radius: var(--radius-full);
  box-shadow: -13px 13px 0 0 var(--color-gray-light);
}
.rbt-curved--corner .rbt-curved--radius::before {
  top: 0;
  right: 100%;
}
.rbt-curved--corner .rbt-curved--radius::after {
  top: 100%;
  right: 0;
}

.rbt-bg-color-gray-light .rbt-curved--corner {
  border-bottom: var(--curved-width) solid var(--color-gray-light);
}

.rbt-component-area.rbt-bg-color-gray-light .rbt-product-card.rbt-product-card-style-2 .rbt-card-body {
  background: var(--color-gray-light);
}
.rbt-component-area.rbt-bg-color-gray-light .rbt-product-card.rbt-product-card-style-2 .rbt-card-body.rbt-bg-color-white {
  background-color: var(--color-white);
}
.rbt-component-area.rbt-bg-color-gray-light .rbt-fshape-box.rbt-bg-color-white .rbt-product-card.rbt-product-card-style-2 .rbt-card-body {
  background: var(--color-white);
}
.rbt-component-area.rbt-bg-color-gray-light .rbt-fshape-box.rbt-bg-color-white .rbt-product-card.rbt-product-card-style-2 .rbt-card-body.rbt-bg-color-white {
  background-color: var(--color-white);
}
.rbt-component-area.rbt-bg-color-gray-light .rbt-card .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper {
  background: var(--color-gray-light);
}
.rbt-component-area.rbt-bg-color-gray-light .rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper::before {
  box-shadow: 15px 15px 0 0 var(--color-gray-light);
}
.rbt-component-area.rbt-bg-color-gray-light .rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper::after {
  box-shadow: 15px 15px 0 0 var(--color-gray-light);
}
.rbt-component-area.rbt-bg-color-gray-light .rbt-card.rbt-product-card-style-3 .rbt-right-corner-portion .rbt-corner-portion-wrapper::before {
  box-shadow: 13px -13px 0 0 var(--color-gray-light);
}
.rbt-component-area.rbt-bg-color-gray-light .rbt-card.rbt-product-card-style-3 .rbt-right-corner-portion .rbt-corner-portion-wrapper::after {
  box-shadow: 13px -13px 0 0 var(--color-gray-light);
}
.rbt-component-area.rbt-bg-color-gray-light .rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper {
  background: var(--color-gray-light);
}
.rbt-component-area.rbt-bg-color-gray-light .rbt-blog.rbt-blog-one .rbt-blog-meta {
  background-color: var(--color-gray-light);
}
.rbt-component-area.rbt-bg-color-gray-light .rbt-blog.rbt-blog-one .rbt-blog-meta::before, .rbt-component-area.rbt-bg-color-gray-light .rbt-blog.rbt-blog-one .rbt-blog-meta:after {
  box-shadow: -15px 15px 0 0 var(--color-gray-light);
}

.rbt-component-area.rbt-bg-color-white .rbt-product-card.rbt-product-card-style-2 .rbt-card-body.rbt-bg-color-white {
  background-color: var(--color-white) !important;
}
.rbt-component-area.rbt-bg-color-white .rbt-card .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper {
  background: var(--color-white) !important;
}
.rbt-component-area.rbt-bg-color-white .rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper::before {
  box-shadow: 15px 15px 0 0 var(--color-white) !important;
}
.rbt-component-area.rbt-bg-color-white .rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper::after {
  box-shadow: 15px 15px 0 0 var(--color-white) !important;
}
.rbt-component-area.rbt-bg-color-white .rbt-card.rbt-product-card-style-3 .rbt-right-corner-portion .rbt-corner-portion-wrapper::before {
  box-shadow: 13px -13px 0 0 var(--color-white) !important;
}
.rbt-component-area.rbt-bg-color-white .rbt-card.rbt-product-card-style-3 .rbt-right-corner-portion .rbt-corner-portion-wrapper::after {
  box-shadow: 13px -13px 0 0 var(--color-white) !important;
}
.rbt-component-area.rbt-bg-color-white .rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper {
  background: var(--color-white);
}

/*---------------------------
    Rbt Show More Button  
------------------------------*/
.rbt-show-more-btn-area {
  display: flex;
  justify-content: center;
  position: relative;
}
.rbt-show-more-btn-area::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.9) 45.02%, #FFF 86.62%);
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-70%);
  cursor: pointer;
  width: 100%;
  height: 100px;
  z-index: 1;
}
.rbt-show-more-btn-area.active::before {
  background: none;
  display: none;
}
.rbt-show-more-btn-area.active .rbt-show-more-btn::after {
  content: "\f077";
}

@media only screen and (max-width: 767px) {
  .plr_sm--0 {
    padding: 0 0 !important;
  }
}

.flex-basis-100 {
  flex-basis: 100% !important;
}

.rbt-product-card .rbt-show-more-btn {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  padding: 4px 12px;
  padding-right: 28px;
  font-weight: 600;
  color: var(--color-primary);
  border: 0;
  display: inline-block;
  position: relative;
  cursor: pointer;
  border-radius: 60px;
  z-index: 1;
}
.rbt-product-card .rbt-show-more-btn::after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  font-size: 10px;
  line-height: var(--line-height-b4);
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
.rbt-product-card .rbt-show-more-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  height: 100%;
  width: 100%;
  background-color: var(--color-brand-300);
  z-index: -1;
  border-radius: 60px;
  transition: var(--transition);
}
.rbt-product-card .rbt-show-more-btn:hover::before {
  transform: translate(-50%, -50%) scale(1.1);
}
.rbt-product-card .rbt-has-show-more .rbt-has-show-more-inner-content {
  max-height: 100px;
  overflow: hidden;
  position: relative;
  width: 100%;
  transition: var(--transition);
}
.rbt-product-card .rbt-has-show-more.active .rbt-has-show-more-inner-content {
  max-height: inherit !important;
}

.rbt-qty-area {
  border-radius: 60px;
  border: 2px solid var(--color-gray-300);
  display: inline-flex;
  align-items: center;
  height: 45px;
  min-width: 150px;
}
@media only screen and (max-width: 767px) {
  .rbt-qty-area {
    min-width: max-content;
    height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-qty-area {
    height: 32px;
  }
}
.rbt-qty-area button, .rbt-qty-area input {
  padding: 0;
  border: 0;
  height: 100% !important;
  font-size: 18px !important;
  line-height: 1;
  margin: 0;
  font-weight: 600 !important;
  background: transparent;
  color: var(--color-heading) !important;
}
@media only screen and (max-width: 767px) {
  .rbt-qty-area button, .rbt-qty-area input {
    padding: 0 16px;
  }
}
.rbt-qty-area button {
  font-size: 15px !important;
  position: relative;
  z-index: 1;
  width: 41px;
  height: calc(100% - 4px);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 41px;
}
.rbt-qty-area button::after {
  background: var(--color-gray-200);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: var(--transition);
  opacity: 0;
  transform: scale(0.85);
  border-radius: var(--radius-full);
  z-index: -1;
  visibility: hidden;
}
.rbt-qty-area button:hover::after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.rbt-qty-area button:active::after {
  opacity: 1;
  visibility: visible;
  transform: scale(0.6);
}
.rbt-qty-area input {
  max-width: 80px;
  padding: 0 !important;
  text-align: center;
}
.rbt-qty-area input::-webkit-outer-spin-button, .rbt-qty-area input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .rbt-qty-area input::-webkit-outer-spin-button, .rbt-qty-area input::-webkit-inner-spin-button {
    max-width: 24px;
  }
}
.rbt-qty-area input[type=number] {
  -moz-appearance: textfield;
  border: 0;
}
.rbt-qty-area.rbt-qty-sm {
  height: 36px;
  min-width: 104px;
}
.rbt-qty-area.rbt-qty-sm button,
.rbt-qty-area.rbt-qty-sm input {
  color: var(--color-heading) !important;
  font-size: var(--font-size-b1) !important;
  line-height: var(--line-height-b1);
  border: none;
  padding: 0 24px;
  font-weight: var(--f-medium) !important;
  min-width: 32px;
}
.rbt-qty-area.rbt-qty-sm input {
  max-width: 36px;
}
.rbt-qty-area.rbt-qty-sm .qty-item-btn {
  padding: 0;
  width: 32px;
}

.rounded--16 {
  border-radius: 16px 16px 16px 16px !important;
}
@media only screen and (max-width: 767px) {
  .rounded--16 {
    border-radius: 8px 8px 8px 8px !important;
  }
}

.rounded-left--16 {
  border-radius: 16px 0 0 16px !important;
}

.rounded-right--16 {
  border-radius: 0 16px 16px 0 !important;
}

.rounded-right-top--16 {
  border-radius: 0 16px 0 0 !important;
}

.rounded-right-bottom--16 {
  border-radius: 0 0 16px 0 !important;
}

.rounded-left-top--16 {
  border-radius: 16px 0 0 0 !important;
}

.rounded-left-bottom--16 {
  border-radius: 0 0 0 16px !important;
}

.rbt-video-area .video-popup-style-two {
  position: relative;
  overflow: hidden;
  height: 500px;
  width: 100%;
}
.rbt-video-area .video-popup-style-two video {
  object-fit: cover;
}
.rbt-video-area .video-popup-style-two.h-800 {
  height: 800px;
}
.rbt-video-area .video {
  width: 100%;
  height: 100%;
}
.rbt-video-area .pause-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  cursor: pointer;
  text-transform: uppercase;
  transition: none;
}
.rbt-video-area .object-position-top video {
  object-position: 50% 25%;
}

.video-popup-wrapper {
  border-radius: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .video-popup-wrapper {
    border-radius: 12px;
  }
}
.video-popup-wrapper.has-bottom-overlay {
  overflow: hidden;
}
.video-popup-wrapper.has-bottom-overlay::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.53) 39.58%, rgba(0, 0, 0, 0.14) 71.23%, rgba(0, 0, 0, 0) 100%);
  transform: rotate(180deg);
}
.video-popup-wrapper.has-black-overlay {
  overflow: hidden;
}
.video-popup-wrapper.has-black-overlay::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  transform: rotate(180deg);
}
.video-popup-wrapper img {
  object-fit: cover;
  min-height: 200px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .video-popup-wrapper img {
    min-height: 350px;
  }
}

.rbt-bg-color-white .rbt-quick-access > li.rbt-access-box-link > a,
.rbt-bg-color-gray-light .rbt-quick-access > li.rbt-access-box-link > a {
  color: var(--color-black);
}
.rbt-bg-color-white .rbt-quick-access > li.rbt-access-box-link > a:hover span, .rbt-bg-color-white .rbt-quick-access > li.rbt-access-box-link > a:hover i,
.rbt-bg-color-gray-light .rbt-quick-access > li.rbt-access-box-link > a:hover span,
.rbt-bg-color-gray-light .rbt-quick-access > li.rbt-access-box-link > a:hover i {
  color: var(--color-primary);
}

.rbt-bg-color-white .rbt-quick-access > li .header-info + .header-info {
  border-color: var(--color-gray-300);
}

/*-------------------------
    Quick Info Styles
--------------------------*/
.rbt-inf-box-wrapper-list {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1199px) {
  .rbt-inf-box-wrapper-list {
    justify-content: center;
  }
}
.rbt-inf-box-wrapper-list li {
  margin: 0;
}
.rbt-inf-box-wrapper-list li + li {
  margin-left: 24px;
  padding-left: 24px;
  border-left: 2px solid #F3F3F3;
}
.rbt-inf-box-wrapper-list .rbt-inf-box {
  display: flex;
  gap: 16px;
  align-items: center;
}
.rbt-inf-box-wrapper-list .rbt-inf-box-icon {
  font-size: 20px;
  line-height: 20px;
  color: var(--color-heading);
}
.rbt-inf-box-wrapper-list .rbt-inf-box-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.rbt-inf-box-wrapper-list .rbt-inf-box-content .rbt-inf-box-title {
  margin-bottom: 0;
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  font-weight: var(--f-medium);
}
.rbt-inf-box-wrapper-list .rbt-inf-box-content .rbt-inf-box-desc {
  margin-bottom: 0;
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  font-weight: 400;
  color: var(--color-gray-500);
}

.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list {
  gap: 40px;
}
@media only screen and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 1600px) and (max-width: 1919px) {
  .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list {
    gap: 40px !important;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list {
    gap: 20px !important;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list {
    gap: 12px !important;
    text-align: center;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list li {
    flex-basis: 45%;
  }
}
.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list li + li {
  margin-left: 0;
  padding: 0;
  border: 0;
}
.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box {
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
@media only screen and (max-width: 479px) {
  .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box {
    gap: 8px;
  }
}
.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box .rbt-inf-box-icon {
  font-size: 32px;
  color: var(--color-primary);
}
@media only screen and (max-width: 767px) {
  .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box .rbt-inf-box-icon {
    font-size: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box .rbt-inf-box-icon {
    font-size: 18px;
  }
}
.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box-content {
  align-items: center;
}
.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box-content .rbt-inf-box-title {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
}
@media only screen and (max-width: 479px) {
  .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box-content .rbt-inf-box-title {
    font-size: 14px;
    text-align: left;
  }
}
.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box-content .rbt-inf-box-desc {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  color: var(--color-gray-400);
}
@media only screen and (max-width: 479px) {
  .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box-content .rbt-inf-box-desc {
    font-size: 10px;
    text-align: left;
  }
}
.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list.rbt-inf-box-sm-wrapper-list .rbt-inf-box {
  gap: 16px;
}
.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list.rbt-inf-box-sm-wrapper-list .rbt-inf-box .rbt-inf-box-icon {
  font-size: var(--h5);
}
.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list.rbt-inf-box-sm-wrapper-list .rbt-inf-box .rbt-inf-box-title,
.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list.rbt-inf-box-sm-wrapper-list .rbt-inf-box .rbt-inf-box-desc {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
}

.rbt-quick-inf-area.rbt-bg-color-primary .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box .rbt-inf-box-icon,
.rbt-quick-inf-area.rbt-bg-color-primary .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box .rbt-inf-box-title {
  color: var(--color-white);
}
.rbt-quick-inf-area.rbt-bg-color-primary .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box .rbt-inf-box-desc {
  color: var(--color-gray-200);
}
.rbt-quick-inf-area.rbt-bg-color-gray-light .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box .rbt-inf-box-icon,
.rbt-quick-inf-area.rbt-bg-color-gray-light .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box .rbt-inf-box-title {
  color: var(--color-heading);
}
.rbt-quick-inf-area.rbt-bg-color-gray-light .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box .rbt-inf-box-desc {
  color: var(--color-gray-500);
}

/*---------------------------
    Rbt Separator Styles 
------------------------------*/
hr.rbt-separator {
  height: 2px;
  width: 100%;
  background: var(--color-border);
  position: relative;
  z-index: 1;
}
hr.rbt-separator.separator-height-1 {
  height: 1px;
}
hr.rbt-separator.rbt-separator-gray100 {
  background: var(--color-gray-100);
}
hr.rbt-separator.rbt-separator-gray-light {
  background: var(--color-gray-light);
}
hr.rbt-separator.rbt-separator-gray700 {
  background: var(--color-gray-700);
}
hr.rbt-separator.rbt-separator-brand700 {
  background: var(--color-brand-700);
}
hr.rbt-separator.rbt-separator-gray200 {
  background: var(--color-gray-200);
}
hr.rbt-separator.has-opacity {
  opacity: 0.6;
}

.rbt-vertical-separtor {
  height: 100%;
  width: 2px;
  background: var(--color-body);
}
.rbt-vertical-separtor.rbt-separator-gray100 {
  background: var(--color-gray-100);
}
.rbt-vertical-separtor.rbt-separator-gray-light {
  background: var(--color-gray-light);
}
.rbt-vertical-separtor.rbt-separator-gray700 {
  background: var(--color-gray-700);
}
.rbt-vertical-separtor.rbt-separator-brand700 {
  background: var(--color-brand-700);
}
.rbt-vertical-separtor.rbt-separator-gray200 {
  background: var(--color-gray-200);
}

/*---------------------------
    Rbt Countdown Section 
------------------------------*/
.rbt-offer-countdown-section {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 767px) {
  .rbt-offer-countdown-section {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
}

.rbt-sm-title {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  margin-bottom: 0;
  font-weight: var(--f-medium);
}

/*---------------------------
    Rbt Tiktok Section _pa
------------------------------*/
.rbt-tiktok {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
.rbt-tiktok .tiktok-embed {
  width: 100% !important;
  max-width: 100% !important;
  min-width: auto !important;
  margin: 0 !important;
}

/*---------------------------
    Rbt Collapsible Section 
------------------------------*/
.rbt-collapsible-content-section .rbt-has-show-more .rbt-has-show-more-inner-content {
  max-height: 320px;
}
.rbt-collapsible-content-section .rbt-has-show-more .rbt-has-show-more-inner-content.rbt-has-show-more-inner-content-sm {
  max-height: 120px;
}
.rbt-collapsible-content-section .rbt-has-show-more.active .rbt-has-show-more-inner-content {
  padding-bottom: 24px;
}

.rbt-collapsible-content-box {
  padding: 32px;
  border-radius: 8px 8px 0 0;
}
@media only screen and (max-width: 767px) {
  .rbt-collapsible-content-box {
    padding: 16px;
  }
}
.rbt-collapsible-content-box.rbt-bg-color-gray-light .rbt-show-more-btn-area::before {
  background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.85) 61.95%, #F9F9F9 100%);
}

/*---------------------------
    Rbt Quick locat Section 
------------------------------*/
.rbt-quick-locat-link {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rbt-quick-locat-link .rbt-quick-locat-link-title a {
  transition: var(--transition);
}
.rbt-quick-locat-link .rbt-quick-locat-link-title-arrow {
  height: 20px;
  width: 20px;
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-primary);
  color: var(--color-white);
  border-radius: var(--radius-full);
  transition: var(--transition);
}
.rbt-quick-locat-link:hover .rbt-quick-locat-link-title-arrow {
  transform: translateX(5px) scale(1.1);
}

/*---------------------------
    Rbt Size Button 
------------------------------*/
.rbt-variant-picker-values input[type=radio] + label {
  padding: 8px 16px;
  border-radius: 30px;
  border: 1px solid var(--color-primary);
  text-align: center;
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: 500;
  color: var(--color-primary);
}
.rbt-variant-picker-values input[type=radio] + label::before, .rbt-variant-picker-values input[type=radio] + label::after {
  display: none;
}
.rbt-variant-picker-values input[type=radio]:checked ~ label {
  color: var(--color-white);
  background: var(--color-primary);
  border-color: var(--color-primary);
}
.rbt-variant-picker-values input[type=radio]:disabled ~ label {
  color: var(--color-gray-300);
  background: var(--color-gray-50);
  border-color: var(--color-gray-300);
  text-decoration: line-through;
  pointer-events: none;
}

.rbt-bg-transparent {
  background: transparent !important;
}

/*---------------------------
    Rbt Scroll Animation Section 
------------------------------*/
.rbt-scroll-animation-container {
  position: relative;
  overflow: hidden;
}

.rbt-scroll-animation-wrapper {
  position: relative;
  z-index: 1;
  padding: 24px 0;
  background: var(--color-gray-light);
}
@media only screen and (max-width: 767px) {
  .rbt-scroll-animation-wrapper {
    padding: 24px;
  }
}
.rbt-scroll-animation-wrapper::before, .rbt-scroll-animation-wrapper::after {
  position: absolute;
  height: 100%;
  width: 100px;
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0, 0%, 100%, 0)));
  background: -webkit-linear-gradient(left, #fff, hsla(0, 0%, 100%, 0));
  background: -moz-linear-gradient(left, #fff 0, hsla(0, 0%, 100%, 0) 100%);
  background: linear-gradient(90deg, #fff 0, hsla(0, 0%, 100%, 0));
  z-index: 2;
  content: "";
}
@media only screen and (max-width: 767px) {
  .rbt-scroll-animation-wrapper::before, .rbt-scroll-animation-wrapper::after {
    width: 50px;
  }
}
.rbt-scroll-animation-wrapper::before {
  top: 0;
  left: 0;
}
.rbt-scroll-animation-wrapper::after {
  top: 0;
  right: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.rbt-scroll-animation-wrapper.rbt-no-overlay::before, .rbt-scroll-animation-wrapper.rbt-no-overlay::after {
  display: none;
}
.rbt-scroll-animation-wrapper.rbt-bg-color-primary a {
  color: var(--color-white);
}
.rbt-scroll-animation-wrapper.rbt-bg-color-primary a .rbt-catagory-icon.rbt-offer-icon-circle {
  border: 2px solid var(--color-white);
}
.rbt-scroll-animation-wrapper.rbt-bg-color-primary a:hover {
  color: var(--color-white);
}
.rbt-scroll-animation-wrapper.rbt-scroll-sm-size {
  padding: 8px 0;
}
.rbt-scroll-animation-wrapper.rbt-scroll-sm-size .rbt-category-list a {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
}

.rbt-scroll-animation {
  display: flex;
  width: -webkit-calc((420px * 16) + (30px * 16));
  width: -moz-calc((420px * 16) + (30px * 16));
  width: 7200px;
  position: relative;
}
.rbt-scroll-animation.rbt-scroll-right-left {
  -webkit-animation: scroll 5s linear infinite;
  -moz-animation: scroll 5s linear infinite;
  animation: scroll 5s linear infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.rbt-scroll-animation.rbt-scroll-left-right {
  -webkit-animation: scrollLeft 5s linear infinite;
  -moz-animation: scrollLeft 5s linear infinite;
  animation: scrollLeft 5s linear infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.rbt-scroll-animation .rbt-single-column-20 {
  width: 500px;
  padding: 0 15px;
}
@media only screen and (max-width: 767px) {
  .rbt-scroll-animation .rbt-single-column-20 {
    width: 310px;
    padding: 0 10px;
  }
}

.rbt-categori-leftbar {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-categori-leftbar {
    gap: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-categori-leftbar {
    gap: 10px;
    flex-wrap: nowrap;
  }
}

.rbt-category-list {
  display: flex;
  gap: 56px;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-category-list {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-category-list {
    gap: 10px;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
.rbt-category-list a {
  border: 0 none;
  text-transform: capitalize;
  color: var(--color-heading);
  font-size: 16px;
  line-height: 1.4;
  display: flex;
  gap: 8px;
  align-items: center;
  transition: var(--transition);
  text-align: center;
  font-weight: var(--f-medium);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-category-list a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-category-list a {
    font-size: 14px;
  }
}
.rbt-category-list a .rbt-catagory-icon {
  font-size: 16px;
  line-height: 1;
}
.rbt-category-list a .rbt-catagory-icon.rbt-offer-icon-circle {
  height: 14px;
  width: 14px;
  border-radius: var(--radius-full);
  border: 2px solid var(--color-primary);
}
.rbt-category-list a:hover {
  color: var(--color-primary);
}
.rbt-category-list.rbt-has-brand-img a img {
  max-height: 100px;
  border-radius: var(--radius);
}

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-webkit-calc(-250px));
    transform: translateX(-250px);
  }
}
@-moz-keyframes scroll {
  0% {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -moz-transform: translateX(-moz-calc(-250px));
    transform: translateX(-250px);
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-webkit-calc(-250px));
    -moz-transform: translateX(-moz-calc(-250px));
    transform: translateX(-250px);
  }
}
@-webkit-keyframes scrollLeft {
  0% {
    -webkit-transform: translateX(-webkit-calc(-250px));
    transform: translateX(-250px);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes scrollLeft {
  0% {
    -moz-transform: translateX(-moz-calc(-250px));
    transform: translateX(-250px);
  }
  to {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes scrollLeft {
  0% {
    -webkit-transform: translateX(-webkit-calc(-250px));
    -moz-transform: translateX(-moz-calc(-250px));
    transform: translateX(-250px);
  }
  to {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
.rbt-gray-contain-box.rbt-gray-contain-box-style-one {
  border-radius: 24px;
  position: relative;
  padding: 48px 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-gray-contain-box.rbt-gray-contain-box-style-one {
    padding: 32px 48px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-gray-contain-box.rbt-gray-contain-box-style-one {
    padding: 20px 16px;
    border-radius: 12px;
  }
}
.rbt-gray-contain-box.has-bg-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.rbt-gray-contain-box.has-bg-image-01 {
  background-image: url(../images/bg-shape/bg-shape-01.webp);
}

/*---------------------------
    RBT Separetor
------------------------------*/
.rbt-separator {
  height: 2px;
  width: 100%;
}
.rbt-separator.rbt-separator-gray200 {
  background: var(--color-gray-200);
}

.rbt-border-row {
  margin-top: 24px;
}
.rbt-border-row > [class*=col] {
  border: 1px solid var(--color-border);
  margin-top: 0 !important;
}

/*-----------------------------
    Rbt Shadow
-------------------------------*/
.rbt-shadow-box {
  border-radius: var(--radius);
  background: var(--color-primary);
  overflow: hidden;
  box-shadow: var(--shadow-1);
  padding: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-shadow-box {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-shadow-box {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-shadow-box {
    padding: 20px;
  }
}

.rbt-scrollable-content {
  overflow: auto;
}
.rbt-scrollable-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: var(--color-gray-200);
  border-radius: 40px;
  width: 337px;
}
.rbt-scrollable-content::-webkit-scrollbar {
  height: 6px;
  width: 337px;
  background-color: var(--color-gray-200);
  cursor: pointer;
}
.rbt-scrollable-content::-webkit-scrollbar-thumb {
  border-radius: 40px;
  background-color: var(--color-gray-400);
}
.rbt-scrollable-content.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.rbt-qty-area.disabled {
  background: transparent !important;
}

.rbt-sticky-top-150 {
  position: sticky !important;
  top: 150px;
}
@media only screen and (max-width: 1199px) {
  .rbt-sticky-top-150 {
    position: static !important;
    top: unset;
  }
}

.rbt-burger-menu-bar {
  --icon-w: 16px;
  --icon-h: 16px;
}
.rbt-burger-menu-bar .rbt-line-btn {
  transition: var(--transition);
  cursor: pointer;
  position: relative;
  user-select: none;
  display: block;
  top: 7px;
}
.rbt-burger-menu-bar .rbt-burger-menu-bar-wrapper {
  overflow: hidden;
  width: var(--icon-w);
  height: var(--icon-h);
}
.rbt-burger-menu-bar .rbt-lines {
  display: block;
  width: var(--icon-w);
  height: 2px;
  transition: 0.3s;
  position: relative;
  background-color: var(--color-heading);
  border-radius: 5%;
}
.rbt-burger-menu-bar .rbt-lines::before, .rbt-burger-menu-bar .rbt-lines::after {
  display: block;
  width: var(--icon-w);
  height: 2px;
  background-color: var(--color-heading);
  position: absolute;
  left: 0;
  content: "";
  transform-origin: 50% 50%;
  border-radius: 5%;
  transition: top 0.4s 0.45s ease, transform 0.3s ease, background-color 0.2s ease, opacity 0.2s ease;
}
.rbt-burger-menu-bar .rbt-lines::after {
  top: 5px;
  width: calc(100% - 4px);
  transition: transform 0.65s cubic-bezier(0.3, 1, 0.3, 1) 80ms, background-color 0.2s ease, opacity 0.2s ease !important;
}
.rbt-burger-menu-bar .rbt-lines::before {
  top: -5px;
}
.rbt-burger-menu-bar .rbt-hover-effect {
  left: -30px;
  margin-top: -2px;
}
.rbt-burger-menu-bar .rbt-hover-effect .rbt-lines::before, .rbt-burger-menu-bar .rbt-hover-effect .rbt-lines::after {
  left: -30px;
}
.rbt-burger-menu-bar:hover .rbt-lines {
  transform: translateX(30px);
}
.rbt-burger-menu-bar:hover .rbt-lines::before, .rbt-burger-menu-bar:hover .rbt-lines::after {
  transform: translateX(30px);
  transition: top 0.4s 0.45s ease, width 0.3s ease, transform 0.3s ease, background-color 0.2s ease, opacity 0.2s ease;
}
.rbt-burger-menu-bar:hover .rbt-lines::before {
  transition: transform 0.65s cubic-bezier(0.3, 1, 0.3, 1) 80ms, background-color 0.2s ease, opacity 0.2s ease !important;
}

.rbt-youtube-iframe iframe {
  min-height: 548px;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
}

.rbt-youtube-iframe-h-lg .rbt-youtube-iframe iframe {
  min-height: 938px;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  width: 100%;
}
@media only screen and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 1600px) and (max-width: 1919px) {
  .rbt-youtube-iframe-h-lg .rbt-youtube-iframe iframe {
    min-height: 534px;
  }
}

.rbt-round-blur-shape {
  border-radius: 50%;
  opacity: 0.25;
  filter: blur(100px);
  height: 400px;
  width: 400px;
}
.rbt-round-blur-shape.rbt-round-blur-shape-red {
  background: #FE3D06;
}

.rbt-component-section-title-has-bg-shape {
  position: relative;
  z-index: 2;
}

.cd-area-style-three .cd-banner-img {
  margin-top: -200px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .cd-area-style-three .cd-banner-img {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 1600px) and (max-width: 1919px) {
  .cd-area-style-three .cd-banner-img {
    margin-top: -100px;
  }
}
.cd-area-style-three .cd-banner-img .rbt-round-blur-shape-red {
  position: absolute;
  top: -64px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.rbt-round-devider {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 160px;
}
.rbt-round-devider.rbt-round-devider-black {
  background: var(--color-black);
}
.rbt-round-devider.rbt-black-round-devider-bottom {
  border-radius: 0 0 50% 50%;
}

.rbt-media-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.rbt-max-screen-container {
  max-width: 2560px;
  margin: 0 auto;
}

.rbt-dog-hero-section-area .rbt-product-banner-content {
  padding: 112px 204px;
}

.rbt-lookbook-banner.rbt-lookbook-banner-two > img {
  min-height: 400px;
  max-height: 80vh;
  object-fit: cover;
  width: 100%;
  border-radius: var(--radius-12);
}
@media only screen and (max-width: 1199px) {
  .rbt-lookbook-banner.rbt-lookbook-banner-two .rbt-lookbook-dot-content {
    max-width: 220px !important;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-lookbook-banner.rbt-lookbook-banner-two .rbt-lookbook-dot-content {
    max-width: 180px !important;
  }
}

.rbt-cursor-pointer {
  cursor: pointer;
}

/**************************************
    Default Styles
***************************************/
/* ========= Forms Styles ========= */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  transition: var(--transition);
}

input,
select,
textarea {
  width: 100%;
  transition: var(--transition);
}

input {
  height: 40px;
  padding: 0 15px;
}

select {
  transition: var(--transition);
  height: 50px;
  padding: 10px 20px;
  outline: none;
  color: var(--color-gray-400);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: var(--border-width) solid var(--color-gray-200);
  border-radius: var(--radius);
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  padding-right: 30px;
  background: #ffffff no-repeat center right 20px;
}
select.rbt-select-activation {
  height: auto;
  padding: 0;
  border: 0;
  width: auto;
  background: none;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  select {
    height: 40px;
  }
}

input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
input[type=date],
input[type=search],
textarea {
  font-size: 15px;
  font-weight: 400;
  height: 50px;
  line-height: 22px;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 15px;
  outline: none;
  border: var(--border-width) solid var(--color-gray-200);
  border-radius: var(--radius);
  color: var(--color-gray-400);
  box-shadow: var(--shadow-10);
  /* -- Placeholder -- */
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  input[type=text],
  input[type=password],
  input[type=email],
  input[type=number],
  input[type=tel],
  input[type=date],
  input[type=search],
  textarea {
    height: 40px;
  }
}
input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder,
input[type=date]::placeholder,
input[type=search]::placeholder,
textarea::placeholder {
  color: var(--body-color);
  /* Firefox */
  opacity: 1;
}
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--body-color);
  opacity: 1;
}
input[type=text]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=number]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=date]::-ms-input-placeholder,
input[type=search]::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--body-color);
  opacity: 1;
}
input[type=text].p-holder__active, .input-active input[type=text], input[type=text].input-active,
input[type=password].p-holder__active,
.input-active input[type=password],
input[type=password].input-active,
input[type=email].p-holder__active,
.input-active input[type=email],
input[type=email].input-active,
input[type=number].p-holder__active,
.input-active input[type=number],
input[type=number].input-active,
input[type=tel].p-holder__active,
.input-active input[type=tel],
input[type=tel].input-active,
input[type=date].p-holder__active,
.input-active input[type=date],
input[type=date].input-active,
input[type=search].p-holder__active,
.input-active input[type=search],
input[type=search].input-active,
textarea.p-holder__active,
textarea.input-active {
  border-color: var(--color-primary);
  /* -- Placeholder -- */
}
input[type=text].p-holder__active::placeholder, .input-active input[type=text]::placeholder, input[type=text].input-active::placeholder,
input[type=password].p-holder__active::placeholder,
.input-active input[type=password]::placeholder,
input[type=password].input-active::placeholder,
input[type=email].p-holder__active::placeholder,
.input-active input[type=email]::placeholder,
input[type=email].input-active::placeholder,
input[type=number].p-holder__active::placeholder,
.input-active input[type=number]::placeholder,
input[type=number].input-active::placeholder,
input[type=tel].p-holder__active::placeholder,
.input-active input[type=tel]::placeholder,
input[type=tel].input-active::placeholder,
input[type=date].p-holder__active::placeholder,
.input-active input[type=date]::placeholder,
input[type=date].input-active::placeholder,
input[type=search].p-holder__active::placeholder,
.input-active input[type=search]::placeholder,
input[type=search].input-active::placeholder,
textarea.p-holder__active::placeholder,
textarea.input-active::placeholder {
  color: var(--color-primary);
  /* Firefox */
  opacity: 1;
}
input[type=text].p-holder__active:-ms-input-placeholder, .input-active input[type=text]:-ms-input-placeholder, input[type=text].input-active:-ms-input-placeholder,
input[type=password].p-holder__active:-ms-input-placeholder,
.input-active input[type=password]:-ms-input-placeholder,
input[type=password].input-active:-ms-input-placeholder,
input[type=email].p-holder__active:-ms-input-placeholder,
.input-active input[type=email]:-ms-input-placeholder,
input[type=email].input-active:-ms-input-placeholder,
input[type=number].p-holder__active:-ms-input-placeholder,
.input-active input[type=number]:-ms-input-placeholder,
input[type=number].input-active:-ms-input-placeholder,
input[type=tel].p-holder__active:-ms-input-placeholder,
.input-active input[type=tel]:-ms-input-placeholder,
input[type=tel].input-active:-ms-input-placeholder,
input[type=date].p-holder__active:-ms-input-placeholder,
.input-active input[type=date]:-ms-input-placeholder,
input[type=date].input-active:-ms-input-placeholder,
input[type=search].p-holder__active:-ms-input-placeholder,
.input-active input[type=search]:-ms-input-placeholder,
input[type=search].input-active:-ms-input-placeholder,
textarea.p-holder__active:-ms-input-placeholder,
textarea.input-active:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--color-primary);
}
input[type=text].p-holder__active::-ms-input-placeholder, .input-active input[type=text]::-ms-input-placeholder, input[type=text].input-active::-ms-input-placeholder,
input[type=password].p-holder__active::-ms-input-placeholder,
.input-active input[type=password]::-ms-input-placeholder,
input[type=password].input-active::-ms-input-placeholder,
input[type=email].p-holder__active::-ms-input-placeholder,
.input-active input[type=email]::-ms-input-placeholder,
input[type=email].input-active::-ms-input-placeholder,
input[type=number].p-holder__active::-ms-input-placeholder,
.input-active input[type=number]::-ms-input-placeholder,
input[type=number].input-active::-ms-input-placeholder,
input[type=tel].p-holder__active::-ms-input-placeholder,
.input-active input[type=tel]::-ms-input-placeholder,
input[type=tel].input-active::-ms-input-placeholder,
input[type=date].p-holder__active::-ms-input-placeholder,
.input-active input[type=date]::-ms-input-placeholder,
input[type=date].input-active::-ms-input-placeholder,
input[type=search].p-holder__active::-ms-input-placeholder,
.input-active input[type=search]::-ms-input-placeholder,
input[type=search].input-active::-ms-input-placeholder,
textarea.p-holder__active::-ms-input-placeholder,
textarea.input-active::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--color-primary);
}
input[type=text].p-holder__error, .input-error input[type=text], input[type=text].input-error,
input[type=password].p-holder__error,
.input-error input[type=password],
input[type=password].input-error,
input[type=email].p-holder__error,
.input-error input[type=email],
input[type=email].input-error,
input[type=number].p-holder__error,
.input-error input[type=number],
input[type=number].input-error,
input[type=tel].p-holder__error,
.input-error input[type=tel],
input[type=tel].input-error,
input[type=date].p-holder__error,
.input-error input[type=date],
input[type=date].input-error,
input[type=search].p-holder__error,
.input-error input[type=search],
input[type=search].input-error,
textarea.p-holder__error,
textarea.input-error {
  border-color: #f4282d;
  /* -- Placeholder -- */
}
input[type=text].p-holder__error::placeholder, .input-error input[type=text]::placeholder, input[type=text].input-error::placeholder,
input[type=password].p-holder__error::placeholder,
.input-error input[type=password]::placeholder,
input[type=password].input-error::placeholder,
input[type=email].p-holder__error::placeholder,
.input-error input[type=email]::placeholder,
input[type=email].input-error::placeholder,
input[type=number].p-holder__error::placeholder,
.input-error input[type=number]::placeholder,
input[type=number].input-error::placeholder,
input[type=tel].p-holder__error::placeholder,
.input-error input[type=tel]::placeholder,
input[type=tel].input-error::placeholder,
input[type=date].p-holder__error::placeholder,
.input-error input[type=date]::placeholder,
input[type=date].input-error::placeholder,
input[type=search].p-holder__error::placeholder,
.input-error input[type=search]::placeholder,
input[type=search].input-error::placeholder,
textarea.p-holder__error::placeholder,
textarea.input-error::placeholder {
  color: #f4282d;
  /* Firefox */
  opacity: 1;
}
input[type=text].p-holder__error:-ms-input-placeholder, .input-error input[type=text]:-ms-input-placeholder, input[type=text].input-error:-ms-input-placeholder,
input[type=password].p-holder__error:-ms-input-placeholder,
.input-error input[type=password]:-ms-input-placeholder,
input[type=password].input-error:-ms-input-placeholder,
input[type=email].p-holder__error:-ms-input-placeholder,
.input-error input[type=email]:-ms-input-placeholder,
input[type=email].input-error:-ms-input-placeholder,
input[type=number].p-holder__error:-ms-input-placeholder,
.input-error input[type=number]:-ms-input-placeholder,
input[type=number].input-error:-ms-input-placeholder,
input[type=tel].p-holder__error:-ms-input-placeholder,
.input-error input[type=tel]:-ms-input-placeholder,
input[type=tel].input-error:-ms-input-placeholder,
input[type=date].p-holder__error:-ms-input-placeholder,
.input-error input[type=date]:-ms-input-placeholder,
input[type=date].input-error:-ms-input-placeholder,
input[type=search].p-holder__error:-ms-input-placeholder,
.input-error input[type=search]:-ms-input-placeholder,
input[type=search].input-error:-ms-input-placeholder,
textarea.p-holder__error:-ms-input-placeholder,
textarea.input-error:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #f4282d;
}
input[type=text].p-holder__error::-ms-input-placeholder, .input-error input[type=text]::-ms-input-placeholder, input[type=text].input-error::-ms-input-placeholder,
input[type=password].p-holder__error::-ms-input-placeholder,
.input-error input[type=password]::-ms-input-placeholder,
input[type=password].input-error::-ms-input-placeholder,
input[type=email].p-holder__error::-ms-input-placeholder,
.input-error input[type=email]::-ms-input-placeholder,
input[type=email].input-error::-ms-input-placeholder,
input[type=number].p-holder__error::-ms-input-placeholder,
.input-error input[type=number]::-ms-input-placeholder,
input[type=number].input-error::-ms-input-placeholder,
input[type=tel].p-holder__error::-ms-input-placeholder,
.input-error input[type=tel]::-ms-input-placeholder,
input[type=tel].input-error::-ms-input-placeholder,
input[type=date].p-holder__error::-ms-input-placeholder,
.input-error input[type=date]::-ms-input-placeholder,
input[type=date].input-error::-ms-input-placeholder,
input[type=search].p-holder__error::-ms-input-placeholder,
.input-error input[type=search]::-ms-input-placeholder,
input[type=search].input-error::-ms-input-placeholder,
textarea.p-holder__error::-ms-input-placeholder,
textarea.input-error::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #f4282d;
}
input[type=text].p-holder__error:focus, .input-error input[type=text]:focus, input[type=text].input-error:focus,
input[type=password].p-holder__error:focus,
.input-error input[type=password]:focus,
input[type=password].input-error:focus,
input[type=email].p-holder__error:focus,
.input-error input[type=email]:focus,
input[type=email].input-error:focus,
input[type=number].p-holder__error:focus,
.input-error input[type=number]:focus,
input[type=number].input-error:focus,
input[type=tel].p-holder__error:focus,
.input-error input[type=tel]:focus,
input[type=tel].input-error:focus,
input[type=date].p-holder__error:focus,
.input-error input[type=date]:focus,
input[type=date].input-error:focus,
input[type=search].p-holder__error:focus,
.input-error input[type=search]:focus,
input[type=search].input-error:focus,
textarea.p-holder__error:focus,
textarea.input-error:focus {
  border-color: #f4282d;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=search]:focus,
textarea:focus {
  border-color: var(--color-primary);
}

input[type=checkbox],
input[type=radio] {
  opacity: 0;
  position: absolute;
  height: auto;
  width: max-content;
}
input[type=checkbox] ~ label,
input[type=radio] ~ label {
  position: relative;
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  color: var(--color-gray-500);
  font-weight: var(--f-medium);
  padding-left: 24px;
  cursor: pointer;
  margin-bottom: 0;
}
input[type=checkbox] ~ label::before,
input[type=radio] ~ label::before {
  content: " ";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(0.85);
  left: 0;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border: var(--border-width) solid var(--color-gray-400);
  border-radius: 2px;
  transition: all 0.3s;
}
input[type=checkbox] ~ label::after,
input[type=radio] ~ label::after {
  content: " ";
  position: absolute;
  top: calc(50% - 2px);
  left: 5px;
  width: 12px;
  height: 6px;
  background-color: transparent;
  border-bottom: var(--border-width) solid #fff;
  border-left: var(--border-width) solid #fff;
  border-radius: 2px;
  transform: rotate(-45deg) translateY(-50%);
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.6s cubic-bezier(0, 0, 0.34, 0.54);
}
input[type=checkbox]:checked ~ label,
input[type=radio]:checked ~ label {
  font-weight: 600;
  color: var(--color-heading);
}
input[type=checkbox]:checked ~ label::before,
input[type=radio]:checked ~ label::before {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  transform: translateY(-50%) scale(1);
}
input[type=checkbox]:checked ~ label::after,
input[type=radio]:checked ~ label::after {
  opacity: 1;
}
input[type=checkbox].rbt-check-green:checked ~ label,
input[type=radio].rbt-check-green:checked ~ label {
  font-weight: 600;
  color: var(--color-heading);
}
input[type=checkbox].rbt-check-green:checked ~ label::before,
input[type=radio].rbt-check-green:checked ~ label::before {
  background-color: var(--color-green);
  border-color: var(--color-green);
}
input[type=checkbox].rbt-check-green:checked ~ label::after,
input[type=radio].rbt-check-green:checked ~ label::after {
  opacity: 1;
}
input[type=checkbox].rbt-check-btn-top ~ label::before,
input[type=radio].rbt-check-btn-top ~ label::before {
  top: 2px;
  transform: translateY(0%) scale(0.85);
}
input[type=checkbox].rbt-check-btn-top ~ label::after,
input[type=radio].rbt-check-btn-top ~ label::after {
  top: 6px;
  left: 3px;
  transform: rotate(-45deg) translateY(0%);
}

input[type=radio] ~ label::before {
  border-radius: var(--radius-full);
}
input[type=radio] ~ label::after {
  width: 8px;
  height: 8px;
  left: 5px;
  background: #fff;
  border-radius: var(--radius-full);
  border: 0;
  top: 50%;
  transform: translateY(-50%) scale(1);
  transition: var(--transition);
}
input[type=radio]:checked ~ label {
  font-weight: 600;
  color: var(--color-heading);
}
input[type=radio]:checked ~ label::before {
  background-color: var(--color-white);
  border-color: var(--color-primary);
}
input[type=radio]:checked ~ label::after {
  opacity: 1;
  background: var(--color-primary);
  transform: translateY(-50%) scale(1.4);
}
input[type=radio].rbt-check-green:checked ~ label {
  font-weight: 600;
  color: var(--color-heading);
}
input[type=radio].rbt-check-green:checked ~ label::before {
  background-color: var(--color-white);
  border-color: var(--color-green);
}
input[type=radio].rbt-check-green:checked ~ label::after {
  opacity: 1;
  background: var(--color-green);
}

.form-switch {
  display: flex;
  align-items: center;
}
.form-switch input[type=checkbox] {
  opacity: 1;
  position: relative;
  margin-left: 0 !important;
  margin-top: 0;
  outline: none;
  margin-bottom: 0;
}
.form-switch input[type=checkbox]:checked {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.form-switch input[type=checkbox]:focus {
  outline: 0;
  box-shadow: none;
}
.form-switch input[type=checkbox] ~ label {
  padding-left: 10px;
}
.form-switch input[type=checkbox] ~ label::before, .form-switch input[type=checkbox] ~ label::after {
  display: none;
}

.form-group input {
  border: var(--border-width) solid var(--color-gray-200);
  border-radius: var(--radius);
  height: 50px;
  font-size: 16px;
  padding: 0px;
  width: 100%;
}
.form-group input:focus {
  border-color: var(--color-primary);
}
.form-group textarea {
  height: auto;
  min-height: 193px;
  border: var(--border-width) solid var(--color-gray-200);
  border-radius: var(--radius);
  resize: none;
  padding: 15px;
  font-size: 16px;
  width: 100%;
}
.form-group textarea:focus {
  border-color: var(--color-primary);
}

textarea {
  padding: 10px 15px;
  height: auto;
}

input[type=submit] {
  width: auto;
  font-size: 16px;
  letter-spacing: 2px;
  padding: 15px 20px;
  border-radius: var(--radius);
  display: block;
  font-weight: var(--f-medium);
  transition: var(--transition);
  border: var(--border-width) solid var(--color-primary);
  background: var(--color-primary);
  color: #ffffff;
  height: 60px;
  margin-top: 30px;
}
input[type=submit]:hover {
  color: #ffffff;
  -webkit-box-shadow: 0 10px 15px 0 rgba(249, 0, 77, 0.1);
  box-shadow: 0 10px 15px 0 rgba(249, 0, 77, 0.1);
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

.contact-form--1 form input::-webkit-input-placeholder,
.contact-form--1 form textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: var(--color-body) !important;
}

.contact-form--1 form input::-moz-placeholder,
.contact-form--1 form textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--color-body) !important;
}

.contact-form--1 form input:-ms-input-placeholder,
.contact-form--1 form textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: var(--color-body) !important;
}

.contact-form--1 form input:-moz-placeholder,
.contact-form--1 form textarea:-moz-placeholder {
  /* Firefox 18- */
  color: var(--color-body) !important;
}

.form-check {
  padding-left: 0;
}

.rbt-checkbox-wrapper {
  position: relative;
}

input[disabled] {
  display: none;
}

/* For Image Radio  */
.rbt-image-checkbox {
  display: flex;
  height: 100%;
}
.rbt-image-checkbox label {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding-left: 0 !important;
  border: 3px solid var(--color-border);
  border-radius: var(--radius);
}
.rbt-image-checkbox label::after {
  background-image: url(../images/icons/yes.webp) !important;
  opacity: 0;
  position: absolute !important;
  content: "" !important;
  background-attachment: scroll !important;
  background-size: cover !important;
  transform: none !important;
  width: 40px !important;
  height: 40px !important;
  border: 0 none;
  left: auto !important;
  top: -20px !important;
  right: -20px !important;
}
.rbt-image-checkbox label img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rbt-image-checkbox input[type=radio] ~ label::before {
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  left: 0;
  top: 0;
  border: 0 none;
  border-radius: 0;
}
.rbt-image-checkbox input[type=radio]:checked + label::after, .rbt-image-checkbox input[type=radio]:checked + label::before {
  opacity: 1;
}
.rbt-image-checkbox input[type=radio] {
  display: none;
}

.file-upload-form {
  border: none;
  background: transparent;
  cursor: pointer;
  pointer-events: all;
  position: relative;
}
.file-upload-form .input-file {
  position: absolute;
  right: 0;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

label.rbt-img {
  position: relative;
}
label.rbt-img::before {
  content: " ";
  position: absolute;
  top: 8px;
  right: 8px;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border: var(--border-width) solid var(--color-gray-400);
  border-radius: 2px;
  transition: all 0.3s;
}
label.rbt-img::after {
  content: " ";
  position: absolute;
  top: 11px;
  right: 10px;
  width: 10px;
  height: 5px;
  background-color: transparent;
  border-bottom: var(--border-width) solid #fff;
  border-left: var(--border-width) solid #fff;
  border-radius: 2px;
  transform: rotate(-45deg);
  opacity: 0;
  transition: all 0.3s;
}
label.rbt-img.selected::before {
  background-color: var(--color-green);
  border-color: var(--color-green);
}
label.rbt-img.selected::after {
  opacity: 1;
}

.rbt-delivary-details-form {
  padding: 40px;
  border-radius: 12px;
  background: var(--color-white);
  box-shadow: 0px 3px 40px 10px rgba(0, 0, 0, 0.06);
  margin: 0 auto;
  width: 1170px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-delivary-details-form {
    width: 930px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-delivary-details-form {
    width: auto;
    padding: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-delivary-details-form {
    width: auto;
    padding: 24px;
    margin-top: 24px;
    position: static;
  }
}
.rbt-delivary-details-form .rbt-wrapper {
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-delivary-details-form .rbt-wrapper {
    gap: 16px;
  }
}
.rbt-delivary-details-form .rbt-form-area {
  display: flex;
  gap: 24px;
}
@media only screen and (max-width: 767px) {
  .rbt-delivary-details-form .rbt-form-area {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-delivary-details-form .rbt-form-area {
    gap: 12px;
  }
}
.rbt-delivary-details-form .rbt-form-area input {
  min-width: 255px;
}

.rbt-hero-slider-banner .rbt-delivary-details-form {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
}
@media only screen and (max-width: 767px) {
  .rbt-hero-slider-banner .rbt-delivary-details-form {
    position: static;
    transform: none;
  }
}
.rbt-hero-slider-banner .rbt-delivary-details-form img {
  min-height: 300px;
  object-fit: cover;
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  border-radius: var(--radius);
}

.form-control:focus {
  color: var(--color-gray-400);
  background-color: transparent;
  border-color: var(--color-primary);
  outline: 0;
  box-shadow: unset;
}

.rbt-datepicker {
  position: relative;
}
.rbt-datepicker .input-group-append {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--color-white);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-black);
  border: none;
  border-radius: 4px;
  height: 28px;
  width: 28px;
  line-height: 28px;
  cursor: pointer;
}

.datepicker {
  padding: 12px;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover,
.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
  background: linear-gradient(180deg, #215ADA 2.66%, #001A53 100%);
}

.valid-tooltip,
.invalid-tooltip {
  padding: 2px 6px;
  font-size: var(--font-size-b4);
}

.valid-tooltip {
  background: var(--color-green);
}

.invalid-tooltip {
  background: var(--color-danger);
}

.rbt-radio-accordion .rbt-form-check-input {
  opacity: 1;
  position: static;
  height: 12px;
  width: 12px;
  padding: 0;
}

.rbt-single-order-checkbox {
  max-width: fit-content;
  margin: 4px;
}
.rbt-single-order-checkbox label::after, .rbt-single-order-checkbox label::before {
  display: none;
}
.rbt-single-order-checkbox input[type=radio]:checked ~ label {
  background: var(--color-gray-500);
  color: var(--color-white);
  border-color: var(--color-gray-500);
}

.rbt-delivary-input-wrapper {
  display: flex;
  justify-content: space-around;
}
@media only screen and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-delivary-input-wrapper {
    gap: 16px 0;
    flex-wrap: wrap;
  }
}

.rbt-alert-brand {
  background: var(--color-brand-200);
  color: var(--color-brand-700);
  border-color: var(--color-brand-700);
}
@media only screen and (max-width: 479px) {
  .rbt-alert-brand {
    font-size: 12px;
    gap: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-alert-brand {
    font-size: 14px;
    gap: 4px;
  }
}

.rbt-checkout-content-inner {
  width: 100%;
}

/**************************************
    Default Styles
***************************************/
/* -------------------------------- 

Primary style

-------------------------------- */
.cd-title {
  position: relative;
  text-align: center;
}

.cd-intro {
  width: 90%;
  max-width: 768px;
  text-align: center;
}

.cd-intro {
  margin: 4em auto;
}

@media only screen and (min-width: 768px) {
  .cd-intro {
    margin: 5em auto;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-intro {
    margin: 6em auto;
  }
}
.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}

.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}

.cd-words-wrapper b.is-visible {
  position: relative;
}

.no-js .cd-words-wrapper b {
  opacity: 0;
}

.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}

/* -------------------------------- 

  xrotate-1 

  -------------------------------- */
.cd-headline.rotate-1 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}

.cd-headline.rotate-1 b {
  opacity: 0;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.cd-headline.rotate-1 b.is-visible {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-animation: cd-rotate-1-in 1.2s;
  -moz-animation: cd-rotate-1-in 1.2s;
  animation: cd-rotate-1-in 1.2s;
}

.cd-headline.rotate-1 b.is-hidden {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-animation: cd-rotate-1-out 1.2s;
  -moz-animation: cd-rotate-1-out 1.2s;
  animation: cd-rotate-1-out 1.2s;
}

@-webkit-keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    opacity: 1;
  }
}
@-moz-keyframes cd-rotate-1-in {
  0% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -moz-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(360deg);
    opacity: 1;
  }
}
@keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    -moz-transform: rotateX(120deg);
    -ms-transform: rotateX(120deg);
    -o-transform: rotateX(120deg);
    transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 1;
  }
}
@-webkit-keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
}
@-moz-keyframes cd-rotate-1-out {
  0% {
    -moz-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -moz-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
}
@keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    -moz-transform: rotateX(-40deg);
    -ms-transform: rotateX(-40deg);
    -o-transform: rotateX(-40deg);
    transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
}
/* -------------------------------- 

  xtype 

  -------------------------------- */
.cd-headline.type .cd-words-wrapper {
  vertical-align: top;
  overflow: hidden;
}

.cd-headline.type .cd-words-wrapper::after {
  /* vertical bar */
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 90%;
  width: 1px;
  background-color: #aebcb9;
}

.cd-headline.type .cd-words-wrapper.waiting::after {
  -webkit-animation: cd-pulse 1s infinite;
  -moz-animation: cd-pulse 1s infinite;
  animation: cd-pulse 1s infinite;
}

.cd-headline.type .cd-words-wrapper.selected {
  background-color: #aebcb9;
}

.cd-headline.type .cd-words-wrapper.selected::after {
  visibility: hidden;
}

.cd-headline.type .cd-words-wrapper.selected b {
  color: #0d0d0d;
}

.cd-headline.type b {
  visibility: hidden;
}

.cd-headline.type b.is-visible {
  visibility: visible;
}

.cd-headline.type i {
  position: absolute;
  visibility: hidden;
}

.cd-headline.type i.in {
  position: relative;
  visibility: visible;
}

@-webkit-keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@-moz-keyframes cd-pulse {
  0% {
    -moz-transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -moz-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -moz-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    -moz-transform: translateY(-50%) scale(0.9);
    -ms-transform: translateY(-50%) scale(0.9);
    -o-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
/* -------------------------------- 

  xrotate-2 

  -------------------------------- */
.cd-headline.rotate-2 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}

.cd-headline.rotate-2 i,
.cd-headline.rotate-2 em {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cd-headline.rotate-2 b {
  opacity: 0;
}

.cd-headline.rotate-2 i {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-20px) rotateX(90deg);
  -moz-transform: translateZ(-20px) rotateX(90deg);
  -ms-transform: translateZ(-20px) rotateX(90deg);
  -o-transform: translateZ(-20px) rotateX(90deg);
  transform: translateZ(-20px) rotateX(90deg);
  opacity: 0;
}

.is-visible .cd-headline.rotate-2 i {
  opacity: 1;
}

.cd-headline.rotate-2 i.in {
  -webkit-animation: cd-rotate-2-in 0.4s forwards;
  -moz-animation: cd-rotate-2-in 0.4s forwards;
  animation: cd-rotate-2-in 0.4s forwards;
}

.cd-headline.rotate-2 i.out {
  -webkit-animation: cd-rotate-2-out 0.4s forwards;
  -moz-animation: cd-rotate-2-out 0.4s forwards;
  animation: cd-rotate-2-out 0.4s forwards;
}

.cd-headline.rotate-2 em {
  -webkit-transform: translateZ(20px);
  -moz-transform: translateZ(20px);
  -ms-transform: translateZ(20px);
  -o-transform: translateZ(20px);
  transform: translateZ(20px);
}

.no-csstransitions .cd-headline.rotate-2 i {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 0;
}

.no-csstransitions .cd-headline.rotate-2 i em {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.no-csstransitions .cd-headline.rotate-2 .is-visible i {
  opacity: 1;
}

@-webkit-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0deg);
  }
}
@-moz-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0deg);
  }
}
@keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
    -moz-transform: translateZ(-20px) rotateX(-10deg);
    -ms-transform: translateZ(-20px) rotateX(-10deg);
    -o-transform: translateZ(-20px) rotateX(-10deg);
    transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0deg);
    -moz-transform: translateZ(-20px) rotateX(0deg);
    -ms-transform: translateZ(-20px) rotateX(0deg);
    -o-transform: translateZ(-20px) rotateX(0deg);
    transform: translateZ(-20px) rotateX(0deg);
  }
}
@-webkit-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
  }
}
@-moz-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-90deg);
  }
}
@keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
    -moz-transform: translateZ(-20px) rotateX(0);
    -ms-transform: translateZ(-20px) rotateX(0);
    -o-transform: translateZ(-20px) rotateX(0);
    transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
    -moz-transform: translateZ(-20px) rotateX(-100deg);
    -ms-transform: translateZ(-20px) rotateX(-100deg);
    -o-transform: translateZ(-20px) rotateX(-100deg);
    transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
    -moz-transform: translateZ(-20px) rotateX(-90deg);
    -ms-transform: translateZ(-20px) rotateX(-90deg);
    -o-transform: translateZ(-20px) rotateX(-90deg);
    transform: translateZ(-20px) rotateX(-90deg);
  }
}
/* -------------------------------- 

  xloading-bar 

  -------------------------------- */
.cd-headline.loading-bar span {
  display: inline-block;
  padding: 0.2em 0;
}

.cd-headline.loading-bar .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}

.cd-headline.loading-bar .cd-words-wrapper::after {
  /* loading bar */
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background: var(--color-primary);
  z-index: 2;
  -webkit-transition: width 0.3s -0.1s;
  -moz-transition: width 0.3s -0.1s;
  transition: width 0.3s -0.1s;
}

.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
  width: 100%;
  -webkit-transition: width 3s;
  -moz-transition: width 3s;
  transition: width 3s;
}

.cd-headline.loading-bar b {
  top: 0.2em;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.cd-headline.loading-bar b.is-visible {
  opacity: 1;
  top: 0;
}

/* -------------------------------- 

  xslide 

  -------------------------------- */
.cd-headline.slide span {
  display: inline-block;
}

.cd-headline.slide .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}

.cd-headline.slide b {
  opacity: 0;
  top: 0.2em;
}

.cd-headline.slide b.is-visible {
  top: 0;
  opacity: 1;
  -webkit-animation: slide-in 0.6s;
  -moz-animation: slide-in 0.6s;
  animation: slide-in 0.6s;
}

.cd-headline.slide b.is-hidden {
  -webkit-animation: slide-out 0.6s;
  -moz-animation: slide-out 0.6s;
  animation: slide-out 0.6s;
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
}
@-moz-keyframes slide-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
}
@keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
    transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}
/* -------------------------------- 

  xclip 

  -------------------------------- */
.cd-headline.clip span {
  display: inline-block;
}

.cd-headline.clip .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}

.cd-headline.clip .cd-words-wrapper::after {
  /* line */
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: var(--color-gray-200);
}

.cd-headline.clip b {
  opacity: 0;
}

.cd-headline.clip b.is-visible {
  opacity: 1;
}

/* -------------------------------- 

  xzoom 

  -------------------------------- */
.cd-headline.zoom .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}

.cd-headline.zoom b {
  opacity: 0;
}

.cd-headline.zoom b.is-visible {
  opacity: 1;
  -webkit-animation: zoom-in 0.8s;
  -moz-animation: zoom-in 0.8s;
  animation: zoom-in 0.8s;
}

.cd-headline.zoom b.is-hidden {
  -webkit-animation: zoom-out 0.8s;
  -moz-animation: zoom-out 0.8s;
  animation: zoom-out 0.8s;
}

@-webkit-keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
  }
}
@-moz-keyframes zoom-in {
  0% {
    opacity: 0;
    -moz-transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0);
  }
}
@keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
    -moz-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    -o-transform: translateZ(100px);
    transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@-webkit-keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
  }
}
@-moz-keyframes zoom-out {
  0% {
    opacity: 1;
    -moz-transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateZ(-100px);
  }
}
@keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
    -moz-transform: translateZ(-100px);
    -ms-transform: translateZ(-100px);
    -o-transform: translateZ(-100px);
    transform: translateZ(-100px);
  }
}
/* -------------------------------- 

  xrotate-3 

  -------------------------------- */
.cd-headline.rotate-3 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}

.cd-headline.rotate-3 b {
  opacity: 0;
}

.cd-headline.rotate-3 i {
  display: inline-block;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.is-visible .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.cd-headline.rotate-3 i.in {
  -webkit-animation: cd-rotate-3-in 0.6s forwards;
  -moz-animation: cd-rotate-3-in 0.6s forwards;
  animation: cd-rotate-3-in 0.6s forwards;
}

.cd-headline.rotate-3 i.out {
  -webkit-animation: cd-rotate-3-out 0.6s forwards;
  -moz-animation: cd-rotate-3-out 0.6s forwards;
  animation: cd-rotate-3-out 0.6s forwards;
}

.no-csstransitions .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 0;
}

.no-csstransitions .cd-headline.rotate-3 .is-visible i {
  opacity: 1;
}

@-webkit-keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
  }
}
@-moz-keyframes cd-rotate-3-in {
  0% {
    -moz-transform: rotateY(180deg);
  }
  100% {
    -moz-transform: rotateY(0deg);
  }
}
@keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-webkit-keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
  }
}
@-moz-keyframes cd-rotate-3-out {
  0% {
    -moz-transform: rotateY(0);
  }
  100% {
    -moz-transform: rotateY(-180deg);
  }
}
@keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
}
/* -------------------------------- 

  xscale 

  -------------------------------- */
.cd-headline.scale b {
  opacity: 0;
}

.cd-headline.scale i {
  display: inline-block;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.is-visible .cd-headline.scale i {
  opacity: 1;
}

.cd-headline.scale i.in {
  -webkit-animation: scale-up 0.6s forwards;
  -moz-animation: scale-up 0.6s forwards;
  animation: scale-up 0.6s forwards;
}

.cd-headline.scale i.out {
  -webkit-animation: scale-down 0.6s forwards;
  -moz-animation: scale-down 0.6s forwards;
  animation: scale-down 0.6s forwards;
}

.no-csstransitions .cd-headline.scale i {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 0;
}

.no-csstransitions .cd-headline.scale .is-visible i {
  opacity: 1;
}

@-webkit-keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes scale-up {
  0% {
    -moz-transform: scale(0);
    opacity: 0;
  }
  60% {
    -moz-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
}
@-moz-keyframes scale-down {
  0% {
    -moz-transform: scale(1);
    opacity: 1;
  }
  60% {
    -moz-transform: scale(0);
    opacity: 0;
  }
}
@keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}
/* -------------------------------- 

  xpush 

  -------------------------------- */
.cd-headline.push b {
  opacity: 0;
}

.cd-headline.push b.is-visible {
  opacity: 1;
  -webkit-animation: push-in 0.6s;
  -moz-animation: push-in 0.6s;
  animation: push-in 0.6s;
}

.cd-headline.push b.is-hidden {
  -webkit-animation: push-out 0.6s;
  -moz-animation: push-out 0.6s;
  animation: push-out 0.6s;
}

@-webkit-keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes push-in {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    -o-transform: translateX(10%);
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
}
@-moz-keyframes push-out {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
}
@keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    -o-transform: translateX(110%);
    transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}
/**************************************
	Header Styles
***************************************/
/*---------------------------
    Header Common Styles  
----------------------------*/
.logo a {
  display: block;
}
.logo a img {
  max-height: 32px;
  object-fit: cover;
}

.rbt-header-top {
  position: relative;
}

.rbt-header-middle {
  position: relative;
}

/*-----------------------------
    Header Space Between  
------------------------------*/
.header-space-between {
  padding-left: 150px;
  padding-right: 150px;
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .header-space-between {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .header-space-between {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-space-between {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-space-between {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .header-space-between {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .header-space-between {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}

/*----------------------------
    Header Top Information 
-----------------------------*/
.rbt-information-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 0;
  list-style: none;
  margin: 0;
  flex-wrap: wrap;
}
@media only screen and (max-width: 575px) {
  .rbt-information-list {
    margin-top: 8px;
  }
}
.rbt-information-list li {
  margin: 2px 7px;
  color: var(--color-body);
}
.rbt-information-list li a {
  padding: 0;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-body);
  display: flex;
  align-items: center;
  transition: 0.4s;
  font-weight: 400;
}
.rbt-information-list li a i {
  margin-right: 10px;
  font-size: 14px;
  margin-top: 2px;
}
.rbt-information-list li a span {
  margin-left: 4px;
}
.rbt-information-list li a:hover {
  color: var(--color-primary);
}

/*--------------------------
    Dropdown Menu  
----------------------------*/
.rbt-dropdown-menu-elastic {
  position: relative;
}
.rbt-dropdown-menu-elastic li {
  margin: 0;
  list-style: none;
}
.rbt-dropdown-menu-elastic li a {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: var(--f-medium);
  display: inline-block;
  color: var(--color-heading);
  position: relative;
}
.rbt-dropdown-menu-elastic li a .left-image {
  width: 16px;
  height: 16px;
  border-radius: var(--radius-full);
  margin-right: 5px;
}
.rbt-dropdown-menu-elastic li a span {
  display: inline-block;
}
.rbt-dropdown-menu-elastic li a .right-icon {
  display: inline-block;
  font-size: var(--font-size-b4);
  line-height: 1;
  margin-left: 4px;
}
@media only screen and (max-width: 575px) {
  .rbt-dropdown-menu-elastic li a .right-icon {
    font-size: 10px;
  }
}
.rbt-dropdown-menu-elastic li.has-child-menu {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  min-height: 49px;
}
@media only screen and (max-width: 767px) {
  .rbt-dropdown-menu-elastic li.has-child-menu {
    min-height: 24px;
  }
}
.rbt-dropdown-menu-elastic li .sub-menu {
  border-top: 1px solid rgba(230, 227, 241, 0.3098039216);
  background: #fff;
  box-shadow: var(--shadow-3);
  padding: 10px 0;
  margin: 0;
  list-style-type: none;
  z-index: 10;
  text-align: center;
  border-radius: var(--radius);
  min-width: 150px;
  padding-top: 35px;
  top: 5px;
  right: auto;
  left: 50%;
  transform: translateX(-50%);
  clip-path: inset(0% 0% 100% 0% round 6px);
  transition: clip-path 0.6s var(--transition), background-color 0.6s var(--transition) !important;
  backdrop-filter: blur(5px);
  border: 1px solid var(--color-border);
}
.rbt-dropdown-menu-elastic li .sub-menu li a {
  margin: 2px 10px;
  padding: 4px 12px;
  background: transparent;
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: start;
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: 400;
}
.rbt-dropdown-menu-elastic li .sub-menu li a:hover, .rbt-dropdown-menu-elastic li .sub-menu li a.active {
  color: var(--color-white);
  background: var(--color-primary);
}
.rbt-dropdown-menu-elastic li.active-on-hover:hover > a {
  z-index: 25;
}
.rbt-dropdown-menu-elastic li.active-on-hover:hover > a .right-icon {
  transform: rotate(180deg);
  margin-top: 2px;
}
.rbt-dropdown-menu-elastic li.active-on-hover:hover .sub-menu {
  top: 5px;
  background-color: rgba(255, 255, 255, 0.8);
  clip-path: inset(-50% -50% -50% -50% round 6px);
}
.rbt-dropdown-menu-elastic li.active > a {
  z-index: 25;
}
.rbt-dropdown-menu-elastic li.active > a .right-icon {
  transform: rotate(180deg);
  margin-top: 2px;
}
.rbt-dropdown-menu-elastic li.active .sub-menu {
  top: 5px;
  background-color: rgba(255, 255, 255, 0.8);
  clip-path: inset(-50% -50% -50% -50% round 6px);
}

.rbt-header-common-sticky-activation .rbt-mainmenu-nav .mainmenu > li > a {
  height: 80px;
  line-height: 80px;
}

header .rbt-round-btn::after {
  transform: scale(1);
}
header .rbt-round-btn:hover::after {
  transform: scale(1.1);
}

.rbt-bg-color-primary .rbt-dropdown-menu li a {
  color: var(--color-white) !important;
}
.rbt-bg-color-primary .rbt-dropdown-menu li a:hover {
  color: var(--color-white);
}
.rbt-bg-color-primary .rbt-dropdown-menu li:hover a {
  color: var(--color-white);
}
.rbt-bg-color-primary .rbt-dropdown-menu li .sub-menu li a {
  color: var(--color-primary) !important;
}
.rbt-bg-color-primary .rbt-dropdown-menu li .sub-menu li a:hover {
  background-color: var(--color-brand-200);
}
.rbt-bg-color-primary .rbt-quick-access > li > .rbt-round-btn {
  color: var(--color-white) !important;
  background: transparent !important;
}
.rbt-bg-color-primary .rbt-quick-access > li > .rbt-round-btn::after {
  background: rgba(255, 255, 255, 0.15) !important;
  transform: scale(1);
}
.rbt-bg-color-primary .rbt-quick-access > li > .rbt-round-btn:hover::after {
  transform: scale(1.1);
}
.rbt-bg-color-primary .rbt-round-btn.rbt-bg-static-gray {
  color: var(--color-white) !important;
  background: transparent !important;
}
.rbt-bg-color-primary .rbt-round-btn::after {
  background: rgba(255, 255, 255, 0.15) !important;
}
.rbt-bg-color-primary .rbt-quick-access > li:hover > .rbt-round-btn {
  color: var(--color-brand-300);
}
.rbt-bg-color-primary .rbt-access-box .content p,
.rbt-bg-color-primary .rbt-access-box .content span {
  color: var(--color-brand-300);
}
.rbt-bg-color-primary .rbt-access-box .content a {
  color: var(--color-white);
}
.rbt-bg-color-primary .rbt-access-box .content a:hover {
  color: var(--color-brand-300);
}
.rbt-bg-color-primary .rbt-access-box.rbt-access-box-has-bg-hover .rbt-access-box-wrapper::before {
  background: rgba(255, 255, 255, 0.15) !important;
}

.rbt-bg-color-gray-light .rbt-quick-access > li.rbt-contract-info .text-portion,
.rbt-bg-color-gray-light .rbt-quick-access > li.rbt-contract-info .text-portion p,
.rbt-bg-color-gray-light .rbt-quick-access > li.rbt-contract-info .link-portion,
.rbt-bg-color-white .rbt-quick-access > li.rbt-contract-info .text-portion,
.rbt-bg-color-white .rbt-quick-access > li.rbt-contract-info .text-portion p,
.rbt-bg-color-white .rbt-quick-access > li.rbt-contract-info .link-portion {
  color: var(--color-black);
}
.rbt-bg-color-gray-light .rbt-quick-access > li.rbt-contract-info .link-portion,
.rbt-bg-color-white .rbt-quick-access > li.rbt-contract-info .link-portion {
  background: var(--color-gray-100);
}

/*--------------------------
    Header Section
----------------------------*/
.rbt-header-sec {
  display: flex;
}
@media only screen and (min-width: 1200px) {
  .rbt-header-sec {
    height: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-header-sec {
    height: 100%;
  }
}
.rbt-header-sec .rbt-header-sec-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.rbt-header-sec .rbt-header-sec-col .rbt-header-content {
  display: flex;
  align-items: center;
}
.rbt-header-sec .rbt-header-left {
  text-align: left;
}
.rbt-header-sec .rbt-header-left .rbt-header-content {
  justify-content: flex-start;
}
.rbt-header-sec .rbt-header-right {
  text-align: right;
}
.rbt-header-sec .rbt-header-right .rbt-header-content {
  justify-content: flex-end;
}
.rbt-header-sec .rbt-header-center {
  text-align: center;
}
.rbt-header-sec .rbt-header-center .rbt-header-content {
  justify-content: center;
}
.rbt-header-sec.flex-row-reverse .rbt-header-left {
  text-align: right;
}
.rbt-header-sec.flex-row-reverse .rbt-header-left .rbt-header-content {
  justify-content: flex-end;
}
.rbt-header-sec.flex-row-reverse .rbt-header-right {
  text-align: left;
}
.rbt-header-sec.flex-row-reverse .rbt-header-right .rbt-header-content {
  justify-content: flex-start;
}

.rbt-header-wrapper .rbt-header-content {
  display: flex;
  align-items: center;
}

/*--------------------------
    Header Quick Access
----------------------------*/
.rbt-quick-access {
  display: flex;
  align-items: center;
  padding: 0;
  gap: 16px;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  .rbt-quick-access {
    gap: 12px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-quick-access {
    gap: 8px;
  }
}
.rbt-quick-access.has-bigger-gap {
  gap: 24px;
}
.rbt-quick-access.has-smaller-gap {
  gap: 8px;
}
.rbt-quick-access > li {
  margin: 0;
  display: flex;
  align-items: center;
}
.rbt-quick-access > li > a,
.rbt-quick-access > li > button {
  color: var(--color-heading);
  font-size: 14px;
  font-weight: var(--f-medium);
  transition: var(--transition);
}
.rbt-quick-access > li .has-rbt-md-fsize {
  font-size: 18px;
}
@media only screen and (max-width: 1199px) {
  .rbt-quick-access > li .has-rbt-md-fsize {
    font-size: var(--font-size-b2);
  }
}
.rbt-quick-access > li.rbt-access-box .rbt-round-btn {
  position: relative;
  z-index: 1;
  height: 36px;
  width: 36px;
  line-height: 36px;
  color: var(--color-heading);
}
.rbt-quick-access > li.rbt-access-box .rbt-round-btn.has-rbt-bg-black {
  background: var(--color-black);
  color: var(--color-white);
}
@media only screen and (max-width: 479px) {
  .rbt-quick-access > li.rbt-access-box .rbt-round-btn {
    height: 32px;
    width: 32px;
    line-height: 32px;
  }
}
.rbt-quick-access > li.rbt-access-box .rbt-round-btn i {
  margin-right: 0;
}
.rbt-quick-access > li.rbt-access-box.rbt-access-box-var-light-white .header-info + .header-info::before {
  background: rgba(255, 255, 255, 0.3) !important;
}
.rbt-quick-access > li.rbt-access-box.rbt-access-box-var-light-white .rbt-dropdown-menu li .sub-menu li a {
  color: var(--color-primary) !important;
}
.rbt-quick-access > li.rbt-access-box.rbt-access-box-var-light-white .rbt-dropdown-menu li .sub-menu li a.active, .rbt-quick-access > li.rbt-access-box.rbt-access-box-var-light-white .rbt-dropdown-menu li .sub-menu li a.hover {
  color: var(--color-white) !important;
  background: var(--color-primary);
}
.rbt-quick-access > li.rbt-access-box.rbt-access-box-var-light-white .rbt-dropdown-menu-elastic li.has-child-menu:hover a {
  color: var(--color-primary) !important;
}
.rbt-quick-access > li.rbt-contract-info {
  display: flex;
  gap: 12px;
}
.rbt-quick-access > li.rbt-contract-info .text-portion {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  color: var(--color-white);
  font-weight: var(--f-medium);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-quick-access > li.rbt-contract-info .text-portion {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
  }
}
.rbt-quick-access > li.rbt-contract-info .text-portion p {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  color: var(--color-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-quick-access > li.rbt-contract-info .text-portion p {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
  }
}
.rbt-quick-access > li.rbt-contract-info .text-portion i {
  margin-top: 2px;
}
.rbt-quick-access > li.rbt-contract-info .link-portion {
  padding: 4px 16px;
  border-radius: 40px;
  background: rgba(255, 255, 255, 0.15);
  color: var(--color-white);
  font-weight: 600;
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-quick-access > li.rbt-contract-info .link-portion {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
  }
}
.rbt-quick-access > li.rbt-contract-info .link-portion:hover {
  background: rgba(255, 255, 255, 0.25);
}
.rbt-quick-access > li .header-info + .header-info {
  margin-left: 41px;
  position: relative;
}
.rbt-quick-access > li .header-info + .header-info::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
  height: 16px;
  width: 1px;
  background: var(--color-gray-200);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-quick-access > li .header-info + .header-info::before {
    left: -8px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (max-width: 1199px) {
  .rbt-quick-access > li .header-info + .header-info {
    margin-left: 16px !important;
  }
}
.rbt-quick-access > li.without-separator .header-info + .header-info {
  margin-left: 32px;
}
.rbt-quick-access > li.without-separator .header-info + .header-info::before {
  display: none;
}
.rbt-quick-access > li.rbt-access-box-link > a {
  display: flex;
  gap: 8px;
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  align-items: center;
  color: var(--color-white);
  font-weight: var(--f-medium);
}
.rbt-quick-access > li.rbt-access-box-link > a i {
  line-height: 24px;
  font-size: var(--font-size-b2);
}
.rbt-quick-access > li:hover .rbt-round-btn::before {
  scale: 1;
  opacity: 1;
  visibility: visible;
}

.rbt-access-box-link .header-info:hover span, .rbt-access-box-link .header-info:hover i {
  color: #FFF503;
}

.rbt-bg-color-primary .rbt-quick-access.rbt-quick-access-var-one > li > a {
  background: transparent;
}
.rbt-bg-color-primary .rbt-quick-access.rbt-quick-access-var-one > li:hover > a {
  color: var(--color-white);
}

.rbt-access-box.rbt-access-box-has-bg-hover .rbt-access-box-wrapper {
  cursor: pointer;
  background: none;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .rbt-access-box.rbt-access-box-has-bg-hover .rbt-access-box-wrapper {
    padding: 0;
  }
}
.rbt-access-box.rbt-access-box-has-bg-hover .rbt-access-box-wrapper::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  height: 100%;
  width: 100%;
  background: var(--color-gray-100);
  transition: var(--transition);
  border-radius: 60px;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.rbt-access-box.rbt-access-box-has-bg-hover .rbt-access-box-wrapper:hover::before {
  transform: translate(-50%, -50%);
  height: calc(100% + 16px);
  width: calc(100% + 16px);
  opacity: 1;
  visibility: visible;
}
.rbt-access-box.rbt-access-box-has-bg-hover.rbt-access-box-has-bg-hover-white .rbt-access-box-wrapper::before {
  background: var(--color-white);
}

/*--------------------------
    Search With Category
----------------------------*/
.rbt-search-with-category select {
  height: 100%;
  border: 0 none;
  width: 170px;
  font-size: 14px;
  font-weight: var(--f-medium);
  background-color: transparent;
  padding: 3px 20px;
}
.rbt-search-with-category .search-by-category {
  height: 100%;
  position: relative;
  flex: 1 1 0px;
}
.rbt-search-with-category .rbt-inner-search-field {
  width: 80%;
}

.rbt-search-field,
.rbt-search-with-category,
.rbt-inner-search-field {
  display: flex;
  align-items: center;
  border: 0;
  height: 38px;
  border-radius: 500px;
}
.rbt-search-field.style-one,
.rbt-search-with-category.style-one,
.rbt-inner-search-field.style-one {
  max-width: 722px;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-search-field.style-one,
  .rbt-search-with-category.style-one,
  .rbt-inner-search-field.style-one {
    max-width: 500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-search-field.style-one,
  .rbt-search-with-category.style-one,
  .rbt-inner-search-field.style-one {
    max-width: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-search-field.style-one,
  .rbt-search-with-category.style-one,
  .rbt-inner-search-field.style-one {
    max-width: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-search-field.style-one,
  .rbt-search-with-category.style-one,
  .rbt-inner-search-field.style-one {
    max-width: 280px;
  }
}
.rbt-search-field.style-one.rbt-search-field-rounded input,
.rbt-search-with-category.style-one.rbt-search-field-rounded input,
.rbt-inner-search-field.style-one.rbt-search-field-rounded input {
  border-radius: 60px;
}
.rbt-search-field .rbt-modern-select .bootstrap-select button.btn-light,
.rbt-search-with-category .rbt-modern-select .bootstrap-select button.btn-light,
.rbt-inner-search-field .rbt-modern-select .bootstrap-select button.btn-light {
  border: 0 none;
  box-shadow: none;
  height: inherit;
  padding: 10px 20px;
  border-radius: inherit;
  line-height: 23px;
  padding-right: 40px;
  background-color: transparent;
  border-right: 2px solid var(--color-gray-200);
}
.rbt-search-field .rbt-modern-select .bootstrap-select .dropdown-menu,
.rbt-search-with-category .rbt-modern-select .bootstrap-select .dropdown-menu,
.rbt-inner-search-field .rbt-modern-select .bootstrap-select .dropdown-menu {
  max-width: 200px;
  width: 200px;
}
.rbt-search-field .rbt-inner-search-field .search-btn::after,
.rbt-search-with-category .rbt-inner-search-field .search-btn::after,
.rbt-inner-search-field .rbt-inner-search-field .search-btn::after {
  display: none;
}
.rbt-search-field.uni-header-swc-one,
.rbt-search-with-category.uni-header-swc-one,
.rbt-inner-search-field.uni-header-swc-one {
  border: 0;
  height: auto;
  border-radius: unset;
}
@media only screen and (max-width: 767px) {
  .rbt-search-field.uni-header-swc-one,
  .rbt-search-with-category.uni-header-swc-one,
  .rbt-inner-search-field.uni-header-swc-one {
    display: none;
  }
}
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field,
.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field {
  gap: 12px;
  width: 100%;
}
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .search-btn,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .search-btn,
.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .search-btn {
  position: unset;
  transform: none;
  height: 42px;
  width: auto;
  padding: 0 24px;
  border-radius: var(--radius);
  background: var(--color-black);
  color: var(--color-gray-300);
  font-size: var(--font-size-b1);
}
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .search-btn i,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .search-btn i,
.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .search-btn i {
  transition: var(--transition);
  transform: scale(0.9);
}
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .search-btn:hover i,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .search-btn:hover i,
.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .search-btn:hover i {
  color: var(--color-white);
  transform: scale(1);
}
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field input,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field input,
.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field input {
  width: 100%;
  min-width: 448px;
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .rbt-search-field.uni-header-swc-one .rbt-inner-search-field input,
  .rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field input,
  .rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field input {
    min-width: 387px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-search-field.uni-header-swc-one .rbt-inner-search-field input,
  .rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field input,
  .rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field input {
    min-width: 350px;
  }
}
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .search-by-category,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .search-by-category,
.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .search-by-category {
  position: absolute;
}
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section,
.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section {
  position: relative;
  background: var(--color-white);
  border: 2px solid var(--color-gray-200);
  border-radius: var(--radius);
}
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 140px;
  max-width: 140px;
}
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .search-by-category::after,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .search-by-category::after,
.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .search-by-category::after {
  background: var(--color-gray-200);
  width: 2px;
  height: 100%;
}
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .rbt-modern-select .bootstrap-select button.btn-light,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .rbt-modern-select .bootstrap-select button.btn-light,
.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .rbt-modern-select .bootstrap-select button.btn-light {
  padding: 0 16px;
  padding-right: 32px;
  color: var(--color-heading);
  font-weight: var(--f-medium);
  font-size: var(--font-size-b3);
  line-height: 38px;
}
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .dropdown-menu .form-control,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .dropdown-menu .form-control,
.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .dropdown-menu .form-control {
  min-width: unset;
  padding-left: 8px;
  padding-right: 8px;
}
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-left-catagory-section input,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-left-catagory-section input,
.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-left-catagory-section input {
  padding-left: 156px;
  padding-right: 16px;
}
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-left-catagory-section .search-by-category,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-left-catagory-section .search-by-category,
.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-left-catagory-section .search-by-category {
  top: 0;
  left: 0;
}
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section input,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section input,
.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section input {
  padding-right: 156px;
  padding-left: 16px;
}
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .search-by-category,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .search-by-category,
.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .search-by-category {
  top: 0;
  right: 0;
  left: unset;
}
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .cd-headline,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .cd-headline,
.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .cd-headline {
  left: 16px;
}
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .search-by-category::after,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .search-by-category::after,
.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .search-by-category::after {
  right: unset;
  left: 0;
}
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .bootstrap-select button.btn-light,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .bootstrap-select button.btn-light,
.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .bootstrap-select button.btn-light {
  border-right: 0;
  border-left: 2px solid var(--color-gray-200);
}
.rbt-search-field.uni-header-swc-one input,
.rbt-search-with-category.uni-header-swc-one input,
.rbt-inner-search-field.uni-header-swc-one input {
  border: 0;
}
.rbt-search-field.uni-header-swc-one.uni-header-swc-lg input,
.rbt-search-with-category.uni-header-swc-one.uni-header-swc-lg input,
.rbt-inner-search-field.uni-header-swc-one.uni-header-swc-lg input {
  width: 100%;
  max-width: 667px;
}
@media only screen and (min-width: 1600px) {
  .rbt-search-field.uni-header-swc-one.uni-header-swc-lg input,
  .rbt-search-with-category.uni-header-swc-one.uni-header-swc-lg input,
  .rbt-inner-search-field.uni-header-swc-one.uni-header-swc-lg input {
    min-width: 667px;
  }
}
.rbt-search-field.uni-header-swc-one.uni-header-swc-md input,
.rbt-search-with-category.uni-header-swc-one.uni-header-swc-md input,
.rbt-inner-search-field.uni-header-swc-one.uni-header-swc-md input {
  width: 100%;
  max-width: 492px;
}
@media only screen and (min-width: 1600px) {
  .rbt-search-field.uni-header-swc-one.uni-header-swc-md input,
  .rbt-search-with-category.uni-header-swc-one.uni-header-swc-md input,
  .rbt-inner-search-field.uni-header-swc-one.uni-header-swc-md input {
    min-width: 492px;
  }
}
.rbt-search-field.uni-header-swc-one.uni-header-swc-xl input,
.rbt-search-with-category.uni-header-swc-one.uni-header-swc-xl input,
.rbt-inner-search-field.uni-header-swc-one.uni-header-swc-xl input {
  width: 100%;
  max-width: 970px;
}
@media only screen and (min-width: 1600px) {
  .rbt-search-field.uni-header-swc-one.uni-header-swc-xl input,
  .rbt-search-with-category.uni-header-swc-one.uni-header-swc-xl input,
  .rbt-inner-search-field.uni-header-swc-one.uni-header-swc-xl input {
    min-width: 640px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-search-field.uni-header-swc-one.uni-header-swc-xl input,
  .rbt-search-with-category.uni-header-swc-one.uni-header-swc-xl input,
  .rbt-inner-search-field.uni-header-swc-one.uni-header-swc-xl input {
    min-width: 300px;
  }
}

.rbt-inner-search-field input {
  height: 38px;
  box-shadow: none;
  padding: 0 24px;
  padding-right: 65px;
  line-height: 38px;
}
.rbt-inner-search-field.filed-solid input {
  background: var(--color-gray-light);
}
.rbt-inner-search-field.rbt-search-field-box-style {
  border-radius: 8px;
}
.rbt-inner-search-field.rbt-search-field-box-style input {
  padding-left: 16px;
  padding-right: 50px;
  background-color: var(--color-white);
}
.rbt-inner-search-field.rbt-search-field-box-style .rbt-round-btn {
  border-radius: 4px;
  color: var(--color-gray-300);
  background: var(--color-gray-100);
  right: 6px;
  height: 28px;
  width: 28px;
  overflow: hidden;
}
.rbt-inner-search-field.rbt-search-field-box-style .rbt-round-btn:hover {
  color: var(--color-white);
}
.rbt-inner-search-field.rbt-search-field-box-style .rbt-round-btn:hover::after {
  background-color: var(--color-primary);
  border-radius: 4px;
  transform: scale(1.045);
}
.rbt-inner-search-field.rbt-search-field-round-style input {
  padding: 8px;
  border-radius: 40px;
}
.rbt-inner-search-field.rbt-search-field-round-style input .search-btn {
  right: 5px;
}
.rbt-inner-search-field.rbt-search-field-sm-width {
  width: 312px;
}
.rbt-inner-search-field.rbt-search-field-lg-width {
  width: 637px;
}

.rbt-offcanvas-trigger-btn {
  background: transparent;
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  color: var(--color-heading);
  height: 36px;
  width: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
.rbt-offcanvas-trigger-btn::after {
  background: var(--color-gray-200);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: var(--transition);
  transform: scale(1);
  border-radius: var(--radius);
  z-index: -1;
}
.rbt-offcanvas-trigger-btn:hover::after {
  transform: scale(1.1);
}
.rbt-offcanvas-trigger-btn:active::after {
  transform: scale(1);
}
.rbt-offcanvas-trigger-btn:active {
  color: var(--color-primary);
}
.rbt-offcanvas-trigger-btn:active::after {
  background: var(--color-gray-200);
}
.rbt-offcanvas-trigger-btn.rbt-offcanvas-trigger-transparent-btn {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
}
.rbt-offcanvas-trigger-btn.rbt-offcanvas-trigger-transparent-btn::after {
  background: transparent;
  transform: scale(0.8);
}
.rbt-offcanvas-trigger-btn.rbt-offcanvas-trigger-transparent-btn:hover {
  color: var(--color-primary);
}
.rbt-offcanvas-trigger-btn.rbt-offcanvas-trigger-transparent-btn:hover::after {
  background: var(--color-gray-200);
  transform: scale(1.05);
}

.rbt-btn-transparent {
  background: transparent;
  padding: 0;
  border-radius: unset;
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  display: flex;
  align-items: center;
  gap: 8px;
  border: 0;
}

.rbt-inner-search-field,
.rbt-inner-search-field-one {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.rbt-inner-search-field input,
.rbt-inner-search-field-one input {
  box-shadow: none;
}
.rbt-inner-search-field .search-btn,
.rbt-inner-search-field-one .search-btn {
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
  height: 32px;
  width: 32px;
  border-radius: var(--radius-full);
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-gray-100);
  color: var(--color-gray-300);
  font-size: var(--font-size-b3);
  transition: var(--transition);
}
.rbt-inner-search-field .search-btn::after,
.rbt-inner-search-field-one .search-btn::after {
  top: 2px;
  left: 2px;
  height: calc(100% - 4px);
  width: calc(100% - 4px);
}
.rbt-inner-search-field .search-btn:hover,
.rbt-inner-search-field-one .search-btn:hover {
  color: var(--color-white);
}
.rbt-inner-search-field .search-btn:hover::after,
.rbt-inner-search-field-one .search-btn:hover::after {
  transform: scale(1);
  background: var(--color-primary);
}
.rbt-inner-search-field .search-btn.search-btn-dark,
.rbt-inner-search-field-one .search-btn.search-btn-dark {
  background: var(--color-black);
  color: var(--color-white);
}

@media only screen and (max-width: 767px) {
  .rbt-search-with-category .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 139px;
  }
  .rbt-search-with-category .rbt-inner-search-field input {
    padding-right: 34px;
    font-size: 13px;
    padding-left: 12px;
  }
  .rbt-search-with-category .rbt-modern-select .bootstrap-select button.btn-light {
    font-size: 13px;
    padding-right: 25px;
  }
  .rbt-search-with-category .filter-select select {
    min-width: 139px;
  }
}

/*-------------------------
    Admin User Settings
--------------------------*/
.rbt-admin-profile {
  display: flex;
  align-items: center;
}
.rbt-admin-profile .admin-thumbnail {
  margin-right: 12px;
}
.rbt-admin-profile .admin-thumbnail img {
  width: 52px;
  min-width: 52px;
  height: 52px;
  border-radius: var(--radius-full);
  border: 2px solid var(--color-brand-200);
  box-shadow: var(--shadow-1);
  padding: 3px;
}
.rbt-admin-profile .admin-info .name {
  color: var(--color-heading);
  font-weight: var(--f-medium);
  display: block;
  line-height: 1;
  margin-bottom: 2px;
}

.rbt-user-menu-list-wrapper .user-list-wrapper {
  margin: 0 -12px;
}
.rbt-user-menu-list-wrapper .user-list-wrapper li {
  margin: 0;
}
.rbt-user-menu-list-wrapper .user-list-wrapper li a {
  display: flex;
  padding: 5px 12px;
  align-items: center;
  border-radius: 3px;
  color: var(--color-body);
}
.rbt-user-menu-list-wrapper .user-list-wrapper li a img,
.rbt-user-menu-list-wrapper .user-list-wrapper li a i {
  max-height: 17px;
  margin-right: 7px;
}
.rbt-user-menu-list-wrapper .user-list-wrapper li a i {
  font-size: 17px;
}
.rbt-user-menu-list-wrapper .user-list-wrapper li a span {
  font-size: 14px;
}
.rbt-user-menu-list-wrapper .user-list-wrapper li:hover a {
  color: var(--color-primary);
  background: var(--color-brand-100);
}

.rbt-user-wrapper {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 575px) {
  .rbt-user-wrapper {
    position: static;
  }
}
.rbt-user-wrapper .rbt-user-menu-list-wrapper {
  background: var(--color-white);
  min-width: 250px;
  border-radius: 0 0 10px 10px;
  background-color: var(--color-white);
  box-shadow: var(--shadow-1);
  border-top: 1px solid rgba(230, 227, 241, 0.3098039216);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-user-wrapper .rbt-user-menu-list-wrapper {
    left: auto;
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-user-wrapper .rbt-user-menu-list-wrapper {
    left: auto;
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-user-wrapper .rbt-user-menu-list-wrapper {
    left: auto;
    right: 0;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-user-wrapper .rbt-user-menu-list-wrapper {
    left: 20px;
    right: 20px;
    width: auto;
  }
}
.rbt-user-wrapper .rbt-user-menu-list-wrapper .inner {
  padding: 20px;
}
.rbt-user-wrapper .rbt-user-menu-list-wrapper .inner hr {
  margin-left: -20px;
  margin-right: -20px;
}
.rbt-user-wrapper .rbt-user-menu-list-wrapper .inner .rbt-admin-profile {
  padding-bottom: 20px;
}
.rbt-user-wrapper.right-align-dropdown .rbt-user-menu-list-wrapper {
  right: 0;
  left: auto;
}
@media only screen and (max-width: 575px) {
  .rbt-user-wrapper.right-align-dropdown .rbt-user-menu-list-wrapper {
    right: 20px;
    left: 20px;
    width: auto;
  }
}

/*-------------------------
    Quick Access Box
--------------------------*/
.rbt-access-box {
  position: relative;
}
.rbt-access-box .rbt-access-box-wrapper {
  display: flex;
  align-items: center;
}
.rbt-access-box .access-box-count {
  position: absolute;
  top: -6px;
  z-index: 2;
  min-width: 19px;
  width: 19px;
  height: 19px;
  background: var(--color-secondary);
  border-radius: var(--radius-full);
  font-size: 10px;
  text-align: center;
  display: inline-block;
  color: #fff;
  padding: 0 4px 0 4px;
  line-height: 19px;
  right: -5px;
  font-weight: var(--f-medium);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-access-box .access-box-count {
    top: 0px;
    right: -5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-access-box .access-box-count {
    font-weight: var(--f-medium);
    right: 1px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-access-box .access-box-count {
    top: -7px;
    right: -4px;
  }
}
.rbt-access-box .content {
  margin-left: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}
@media only screen and (max-width: 1199px) {
  .rbt-access-box .content {
    display: none;
  }
}
.rbt-access-box .content p {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  color: var(--color-gray-400);
  margin: 0;
  font-weight: var(--f-medium);
}
.rbt-access-box .content span.title-text {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  color: var(--color-black);
  font-weight: var(--f-semi-bold);
  margin: 0;
}
.rbt-access-box .content span {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: var(--f-semi-bold);
  color: var(--color-black);
}
.rbt-access-box .content a {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  color: var(--color-black);
  font-weight: var(--f-semi-bold);
  margin: 0;
}
.rbt-access-box .content a:hover {
  color: var(--color-primary);
}

/*-------------------------
    Header Catagories
--------------------------*/
.rbt-catagories-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px 72px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.rbt-catagories-list li {
  margin: 0;
}

.rbt-single-catagory-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.rbt-single-catagory-item i {
  font-size: 26px;
  line-height: 36px;
  color: var(--color-gray-400);
  transition: var(--transition);
}
.rbt-single-catagory-item .text {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: var(--f-medium);
  color: var(--color-gray-600);
  transition: var(--transition);
}
.rbt-single-catagory-item:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--color-gray-100);
  height: calc(100% + 8px);
  width: calc(100% + 16px);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  border-radius: 12px;
  transition: var(--transition);
}
.rbt-single-catagory-item:hover i, .rbt-single-catagory-item:hover .text {
  color: var(--color-primary);
}
.rbt-single-catagory-item:hover:after {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1.2);
}

.rbt-header-bottom.rbt-header-bottom-1 {
  padding: 16px 0;
}

.rbt-header .rbt-header-wrapper.rbt-sticky .rbt-topbar-section.rbt-topbar-one {
  display: none;
}

.rbt-header-catagories-var-one {
  gap: 20px 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-header-catagories-var-one {
    gap: 20px 30px;
  }
}
.rbt-header-catagories-var-one .rbt-single-catagory-item {
  flex-direction: row;
  padding: 2px 16px;
  border-radius: 4px;
  gap: 4px;
}
.rbt-header-catagories-var-one .rbt-single-catagory-item i {
  font-size: 18px;
  color: var(--color-primary);
}
.rbt-header-catagories-var-one .rbt-single-catagory-item:hover, .rbt-header-catagories-var-one .rbt-single-catagory-item.active {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-header-catagories-var-one .rbt-single-catagory-item:hover i, .rbt-header-catagories-var-one .rbt-single-catagory-item:hover .text, .rbt-header-catagories-var-one .rbt-single-catagory-item.active i, .rbt-header-catagories-var-one .rbt-single-catagory-item.active .text {
  color: var(--color-white);
}

.rbt-header-13 .rbt-header-13-mainbar {
  padding-left: 100px;
  padding-right: 100px;
  height: 100%;
  min-height: 94px;
  z-index: 3;
}
@media only screen and (max-width: 1199px) {
  .rbt-header-13 .rbt-header-13-mainbar {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-header-13 .rbt-header-13-mainbar {
    padding-left: 20px;
    padding-right: 20px;
    min-height: 80px;
  }
}
.rbt-header-13 .header-left {
  --rbt-height-curved-decr: 16px;
  height: 100%;
  align-items: center;
  display: flex;
  position: relative;
}
.rbt-header-13 .header-left::before {
  background: var(--color-brand-300);
  content: "";
  width: calc(100% + 120px);
  height: calc(100% - var(--rbt-height-curved-decr));
  position: absolute;
  left: -100px;
  bottom: 0;
  z-index: -1;
  border-top-left-radius: 24px;
}
@media only screen and (max-width: 1199px) {
  .rbt-header-13 .header-left::before {
    left: -50px;
    width: calc(100% + 70px);
  }
}
@media only screen and (max-width: 479px) {
  .rbt-header-13 .header-left::before {
    left: -20px;
    width: calc(100% + 10px);
  }
}
.rbt-header-13 .header-left::after {
  content: "";
  position: absolute;
  height: calc(100% - var(--rbt-height-curved-decr));
  width: 69px;
  left: calc(100% + 18px);
  bottom: 0;
  background-image: url(../images/section-title/banner-curved-right.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -2;
}
@media only screen and (max-width: 479px) {
  .rbt-header-13 .header-left::after {
    left: calc(100% - 10px);
    width: 55px;
  }
}
.rbt-header-13 .header-left .rbt-offcanvas-trigger-btn {
  padding: 0;
  font-size: 18px;
  line-height: 1.5;
}
.rbt-header-13 .header-left .rbt-offcanvas-trigger-btn::after {
  background: transparent;
}
.rbt-header-13 .header-left .rbt-header-content {
  align-items: center;
}

/*-------------------------
    Header Wrapper Three  
--------------------------*/
.rbt-header-wrapper-three.rbt-header-wrapper-one {
  padding: 0;
}
.rbt-header-wrapper-three.rbt-header-wrapper-one .rbt-header-middle-one {
  min-height: 76px;
}
@media only screen and (max-width: 767px) {
  .rbt-header-wrapper-three.rbt-header-wrapper-one .rbt-header-middle-one {
    min-height: 68px;
  }
}

.rbt-header-13 .rbt-header-common-sticky-activation .header-left::after, .rbt-header-13 .rbt-header-common-sticky-activation .header-left::before {
  display: none;
}

/*-------------------------
    Header Catagory Link Style
--------------------------*/
.rbt-header-cat-link-section .rbt-cat-link-title {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  color: var(--color-heading);
  font-weight: 600;
}
.rbt-header-cat-link-section .rbt-cat-link-wrapper li {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
}
.rbt-header-cat-link-section .rbt-cat-link-wrapper .rbt-cat-link {
  padding: 6px 12px;
  border-radius: 54px;
  background: transparent;
  color: var(--color-gray-400);
}
.rbt-header-cat-link-section .rbt-cat-link-wrapper .rbt-cat-link.active, .rbt-header-cat-link-section .rbt-cat-link-wrapper .rbt-cat-link:hover {
  background: var(--color-black);
  color: var(--color-white);
}

.rbt-header-2 .rbt-header-wrapper-one {
  padding: 0 !important;
}

/*-----------------------------
    Rbt Header Info Box Link
-------------------------------*/
.rbt-header-bottom-2 {
  padding: 12px 0;
}

.rbt-header-common-sticky-activation {
  opacity: 0;
  visibility: hidden;
  height: 0;
  align-items: center;
  display: flex;
  width: 0;
}
.rbt-header-common-sticky-activation.rbt-sticky {
  position: fixed;
  height: auto;
  top: 0;
  left: 0;
  background-color: var(--color-white);
  width: 100%;
  animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
  z-index: 99;
  box-shadow: var(--shadow-1);
  opacity: 1;
  visibility: visible;
  flex-direction: column;
}

/*-------------------------
    Header Animation  
--------------------------*/
@keyframes headerSticky {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes stickySlideDown {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.rbt-megamenu-wrapper .rbt-brand.style-five .rbt-brand-inner .brand-title {
  font-size: var(--font-size-b4);
  line-height: 1;
}

.rbt-header-3 .rbt-header-middle {
  border-top: 2px solid var(--color-gray-100);
}

.rbt-header-3 .rbt-header-wrapper .logo,
.rbt-header-10 .rbt-header-wrapper .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.rbt-header-10 .rbt-header-middle-one {
  position: relative;
  border-bottom: 1px solid var(--color-gray-200);
}

.rbt-header-2 .rbt-header-wrapper-one .rbt-header-middle-one {
  min-height: 90px;
}
@media only screen and (max-width: 1199px) {
  .rbt-header-2 .rbt-header-wrapper-one .rbt-header-middle-one {
    min-height: 76px;
  }
}

.rbt-header-mid-3 .rbt-header-sec {
  min-height: 76px;
}

.rbt-header-nav-effect-activation {
  position: relative;
}
.rbt-header-nav-effect-activation .transp-link {
  position: relative;
  z-index: 3;
}
.rbt-header-nav-effect-activation .rbt-bg-highlight {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: var(--color-white);
  border-radius: 8px;
  transition: width 0.3s, left 0.3s;
  z-index: 0;
  border-radius: 40px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.rbt-header-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav:hover, .rbt-header-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav.active {
  background: transparent;
}
.rbt-header-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav:hover {
  color: var(--color-gray-400);
}
.rbt-header-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav.active:hover {
  color: var(--color-heading);
}
.rbt-header-nav-effect-activation.rbt-product-nav-var-primary .rbt-product-nav-grp li .rbt-product-nav.active {
  color: var(--color-white);
}
.rbt-header-nav-effect-activation.rbt-product-nav-var-primary .rbt-product-nav-grp li .rbt-product-nav.active:hover {
  color: var(--color-white);
}
.rbt-header-nav-effect-activation.rbt-product-nav-var-primary .rbt-product-nav-grp li .rbt-product-nav:hover {
  color: var(--color-primary);
}
.rbt-header-nav-effect-activation.rbt-product-nav-var-primary .rbt-bg-highlight {
  background: var(--color-primary);
}
.rbt-header-nav-effect-activation.rbt-product-nav-var-black .rbt-product-nav-grp li .rbt-product-nav.active {
  color: var(--color-white);
}
.rbt-header-nav-effect-activation.rbt-product-nav-var-black .rbt-product-nav-grp li .rbt-product-nav.active:hover {
  color: var(--color-white);
}
.rbt-header-nav-effect-activation.rbt-product-nav-var-black .rbt-bg-highlight {
  background: var(--color-black);
}

.rbt-category-update.rbt-category-update-var-modern {
  --content-width: 220px;
  z-index: 2;
}
.rbt-category-update.rbt-category-update-var-modern .rbt-update-category-dropdown {
  min-width: var(--content-width);
  padding-top: 44px;
  top: 0;
  transform: translateY(16px);
  border-radius: 6px;
  transform: translateX(-16px);
}
.rbt-category-update.rbt-category-update-var-modern .rbt-btn-transparent {
  z-index: 2;
  transition: all 0.4s ease-in-out;
}
.rbt-category-update.rbt-category-update-var-modern .rbt-dropdown-parent-wrapper {
  border-top: 1px solid var(--color-border);
}
.rbt-category-update.rbt-category-update-var-modern:hover .rbt-update-category-dropdown {
  top: 0;
  transform: translateY(0) translateX(-16px);
}

.rbt-header .rbt-header-mid-3 .rbt-mainmenu-nav .mainmenu > li {
  height: 76px;
  line-height: 76px;
}
.rbt-header .rbt-sticky .rbt-mainmenu-nav .mainmenu > li {
  height: 72px;
  line-height: 72px;
}

.rbt-header-10 .mainbar-row {
  min-height: 64px !important;
}

.rbt-header.rbt-header-tr-white .rbt-access-box .content span,
.rbt-header.rbt-header-tr-white .rbt-mainmenu-nav .mainmenu > li > a,
.rbt-header.rbt-header-tr-white .rbt-quick-access > li.rbt-access-box .rbt-round-btn {
  color: var(--color-white);
}
.rbt-header.rbt-header-tr-white .rbt-dropdown-menu-elastic li.active .sub-menu {
  background: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.3);
}
.rbt-header.rbt-header-tr-white .rbt-dropdown-menu-elastic li a {
  color: var(--color-white);
}
.rbt-header.rbt-header-tr-white .rbt-round-btn::after {
  background: rgba(255, 255, 255, 0.3);
}
.rbt-header.rbt-header-tr-white.rbt-header-10 .rbt-header-middle-one {
  border-color: rgba(255, 255, 255, 0.3);
}
.rbt-header .rbt-header-common-sticky-activation .rbt-dropdown-menu-elastic li a,
.rbt-header .rbt-header-common-sticky-activation .rbt-access-box .content span,
.rbt-header .rbt-header-common-sticky-activation .rbt-mainmenu-nav .mainmenu > li > a,
.rbt-header .rbt-header-common-sticky-activation .rbt-quick-access > li.rbt-access-box .rbt-round-btn {
  color: var(--color-heading);
}

.header-transparent .mainbar-row .rbt-mainmenu-nav .mainmenu > li {
  height: 86px;
  line-height: 86px;
}
.header-transparent .mainbar-row .rbt-megamenu-wrapper {
  margin-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .splash-hcs-btn {
    padding: 0 16px;
    border-radius: 4px !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    justify-content: center;
    display: flex !important;
    align-items: center;
  }
  .splash-hcs-btn .text {
    display: none;
  }
  .splash-hcs-btn .icon-left {
    margin-left: 0 !important;
    opacity: 1 !important;
  }
  .splash-hcs-btn .icon-left i {
    margin-right: 0 !important;
  }
  .splash-hcs-btn .icon-right {
    display: none;
  }
}
/*------------------------------------------
    Header With TopBar Transparent  
----------------------------------------------*/
.rbt-transparent-header .rbt-header-top {
  border-color: #525260;
}

.rbt-topbar-one .rbt-address-content {
  display: flex;
}
.rbt-topbar-one.topbar-bg--primary {
  background: var(--color-primary);
}
.rbt-topbar-one.rbt-bg-color-primary .rbt-fancy-item.fancy-menu-text p {
  color: var(--color-white);
}
.rbt-topbar-one.rbt-bg-color-primary .rbt-fancy-item.fancy-menu-text p a {
  color: var(--color-white);
}
.rbt-topbar-one.rbt-bg-color-primary .rbt-quick-access > li.rbt-access-box .rbt-access-link {
  color: var(--color-white);
}

.rbt-fancy-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.rbt-fancy-item.fancy-menu-start {
  justify-content: flex-start;
}
.rbt-fancy-item.fancy-menu-end {
  justify-content: flex-end;
}
.rbt-fancy-item.fancy-menu-center {
  justify-content: center;
}
.rbt-fancy-item.fancy-menu-text p,
.rbt-fancy-item.fancy-menu-text .rbt-fancy-text {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  color: var(--color-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-fancy-item.fancy-menu-text p,
  .rbt-fancy-item.fancy-menu-text .rbt-fancy-text {
    font-size: 12px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-fancy-item.fancy-menu-text p,
  .rbt-fancy-item.fancy-menu-text .rbt-fancy-text {
    font-size: 10px;
  }
}
.rbt-fancy-item.fancy-menu-text p strong,
.rbt-fancy-item.fancy-menu-text .rbt-fancy-text strong {
  font-weight: 600;
}
.rbt-fancy-item.fancy-menu-text p a,
.rbt-fancy-item.fancy-menu-text p .rbt-fancy-link,
.rbt-fancy-item.fancy-menu-text .rbt-fancy-text a,
.rbt-fancy-item.fancy-menu-text .rbt-fancy-text .rbt-fancy-link {
  text-decoration: underline;
  font-weight: 600;
  transition: var(--transition);
  color: var(--color-primary);
}
.rbt-fancy-item.fancy-menu-text p.rbt-fancy-text,
.rbt-fancy-item.fancy-menu-text .rbt-fancy-text.rbt-fancy-text {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 0;
}

.rbt-bg-color-primary .rbt-fancy-item.fancy-menu-text p a {
  color: var(--color-white);
}

.rbt-header-top-news .fancy-menu-text p {
  color: var(--color-white);
}
.rbt-header-top-news .fancy-menu-text a {
  color: var(--color-white);
}
.rbt-header-top-news .icon-close .rbt-round-btn {
  font-size: 16px;
}
.rbt-header-top-news .icon-close .rbt-round-btn::after {
  transform: scale(0.85);
}
.rbt-header-top-news .icon-close .rbt-round-btn:hover::after {
  transform: scale(1);
}

.rbt-header-wrapper-one .rbt-header-middle-one {
  min-height: 76px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 3;
}
.rbt-header-wrapper-one .rbt-header-middle-one .mainbar-row {
  min-height: unset;
}
@media only screen and (max-width: 1199px) {
  .rbt-header-wrapper-one .rbt-header-middle-one .mainbar-row.mainbar-row-var-one {
    min-height: 60px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-header-wrapper-one .rbt-header-middle-one .mainbar-row.mainbar-row-var-one {
    min-height: 50px;
  }
}
.rbt-header-wrapper-one .rbt-topbar-one {
  min-height: 49px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .rbt-header-wrapper-one .rbt-topbar-one {
    display: none;
  }
}
.rbt-header-wrapper-one .rbt-topbar-one.rbt-topbar--34 {
  min-height: 34px;
}
.rbt-header-wrapper-one .header-info {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  color: var(--color-heading);
  font-weight: 500;
}
.rbt-header-wrapper-one .rbt-quick-access > li .header-info + .header-info {
  border-color: var(--color-gray-200);
}
.rbt-header-wrapper-one .rbt-modern-select .bootstrap-select .dropdown-menu li a span.text {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
}

.rbt-topbar-bg-img.rbt-topbar-bg-one {
  background-image: url(../images/header-bg/topbar-bg-01.webp);
}
.rbt-topbar-bg-img.rbt-topbar-bg-two {
  background-image: url(../images/header-bg/topbar-bg-02.webp);
}
.rbt-topbar-bg-img.rbt-topbar-bg-three {
  background-image: url(../images/header-bg/topbar-bg-03.webp);
}

.rbt-text-swiper-container {
  height: 20px;
  overflow: hidden;
  max-width: 500px;
}
@media only screen and (max-width: 575px) {
  .rbt-text-swiper-container {
    height: 16px;
  }
}
.rbt-text-swiper-container .swiper-wrapper {
  height: 100%;
}
.rbt-text-swiper-container .swiper-slide {
  height: 20px;
  overflow: hidden;
  align-items: center;
  display: flex;
}
.rbt-text-swiper-container.rbt-arrow-vertical {
  position: relative;
  padding-right: 20px;
}
@media only screen and (max-width: 575px) {
  .rbt-text-swiper-container.rbt-arrow-vertical {
    padding-right: 0px;
  }
}
.rbt-text-swiper-container.rbt-arrow-vertical .rbt-verticle-arrow {
  position: absolute;
  right: 4px;
  font-size: 10px;
  line-height: 1;
  opacity: 0.8;
  color: var(--color-body);
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
}
.rbt-text-swiper-container.rbt-arrow-vertical .rbt-verticle-arrow:hover {
  opacity: 1;
  color: var(--color-heading);
  scale: 1.1;
}
.rbt-text-swiper-container.rbt-arrow-vertical:hover .rbt-verticle-arrow {
  opacity: 1;
  visibility: visible;
}
.rbt-text-swiper-container.rbt-arrow-vertical .rbt-arrow-prev {
  top: 0;
}
.rbt-text-swiper-container.rbt-arrow-vertical .rbt-arrow-next {
  bottom: 0;
}

/*--------------------------
    Header Top Styles  
-----------------------------*/
.rbt-header-campaign {
  padding: 8px 0;
}
.rbt-header-campaign.bg-image1 {
  background-image: url(../images/bg/top-banner.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.rbt-header-campaign .icon-close.position-right {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .rbt-header-campaign .icon-close.position-right {
    right: 0;
  }
}
.rbt-header-campaign.deactive {
  display: none !important;
}

.rbt-header-top-news {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  z-index: 9;
  transition: var(--transition);
}
.rbt-header-top-news .inner {
  display: flex;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .rbt-header-top-news .inner {
    text-align: start;
    justify-content: space-between !important;
    padding-right: 25px;
  }
}
.rbt-header-top-news .inner .content .news-text {
  display: inline-block;
  margin-left: 7px;
  color: var(--color-body);
  font-size: 14px;
  font-weight: var(--f-medium);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-header-top-news .inner .content .news-text {
    font-size: 12px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-header-top-news .inner .content .news-text {
    margin-left: 0;
    margin-top: 10px;
    font-size: 10px;
  }
}
.rbt-header-top-news .inner .content .news-text img {
  width: 22px;
  margin-right: 5px;
}
.rbt-header-top-news .inner .right-button {
  margin-left: 30px;
  margin-top: -4px;
}
@media only screen and (max-width: 767px) {
  .rbt-header-top-news .inner .right-button {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .rbt-header-campaign-1.rbt-header-top-news .inner {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-header-campaign-1.rbt-header-top-news .inner .right-button {
    margin-left: 0;
    margin-top: 6px;
  }
}

/*---------------------------
    Header Mid Style  
----------------------------*/
.rbt-header-middle .rbt-header-sec .rbt-header-sec-col {
  flex-basis: inherit;
  flex-grow: inherit;
  max-width: inherit;
}
.rbt-header-middle .rbt-header-sec .rbt-header-sec-col.rbt-header-right, .rbt-header-middle .rbt-header-sec .rbt-header-sec-col.rbt-header-left {
  flex: 1 1 0px;
}
.rbt-header-middle .rbt-header-sec .rbt-header-sec-col.rbt-header-center {
  text-align: center;
  width: 50%;
  flex-shrink: 0;
}
.rbt-header-middle .rbt-header-sec .rbt-header-sec-col.rbt-header-center .rbt-header-content .header-info {
  width: 100%;
}
.rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu {
  margin: 0 -4px;
}
.rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu > li {
  margin: 0 4px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu > li {
    margin: 0 4px;
  }
}
.rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu > li:first-child {
  margin-left: 0;
}
.rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu > li:first-child a {
  padding-left: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu > li:first-child a {
    padding-left: 6px;
  }
}
.rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu > li:last-child > a {
  padding-right: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu > li:last-child > a {
    padding-right: 6px;
  }
}
.rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu > li > a {
  color: var(--color-white);
  padding: 0 12px;
  position: relative;
}
.rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu > li > a > i {
  font-size: 12px;
  margin-left: 5px;
}
.rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu > li:hover > a, .rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu > li.active > a {
  color: var(--color-white) !important;
}
.rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu.mainmenu-has-bg-rectangle-shape > li > a::after {
  height: 28px;
  border-radius: 4px;
}
.rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover > li > a::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  background: rgba(255, 255, 255, 0.15);
  width: 100%;
  height: 28px;
  border-radius: 20px;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -50%) scale(0.7);
  transition: var(--transition);
}
.rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover > li:hover > a:after, .rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover > li.active > a:after {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
}

.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover > li > a {
  color: var(--color-heading);
  padding: 0 8px;
  position: relative;
}
.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover > li > a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: var(--color-gray-200);
  width: 100%;
  height: 28px;
  border-radius: 20px;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -50%) scale(0.7);
  transition: var(--transition);
  z-index: -1;
}
.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover > li > a > i {
  font-size: 12px;
  margin-left: 5px;
}
.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover > li:hover > a, .rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover > li.active > a {
  color: var(--color-heading) !important;
}
.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover > li:hover > a:after, .rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover > li.active > a:after {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
}
.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover.has-nav-bg-shape-hover-primary > li > a {
  color: var(--color-white);
}
.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover.has-nav-bg-shape-hover-primary > li > a::after {
  background: rgba(255, 255, 255, 0.3);
}
.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover.has-nav-bg-shape-hover-primary > li:hover > a, .rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover.has-nav-bg-shape-hover-primary > li.active > a {
  color: var(--color-white) !important;
}
.rbt-mainmenu-nav .mainmenu.mainmenu-has-bg-rectangle-shape > li > a::after {
  height: 28px;
  border-radius: 4px;
}

.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu > li {
  margin: 0 16px;
}
.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu > li:first-child {
  margin-left: 0;
}
.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu > li:first-child a {
  padding-left: 16px;
}
.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu > li:last-child > a {
  padding-right: 16px;
}
.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu > li > a {
  color: var(--color-white);
  padding: 0 16px !important;
  position: relative;
}
.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu > li > a::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: rgba(255, 255, 255, 0.3);
  width: 100%;
  height: 30px;
  border-radius: 20px;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
  z-index: -3;
}
.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu > li > a > i {
  font-size: 12px;
  margin-left: 5px;
}
.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu > li:hover > a, .rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu > li.active > a {
  color: var(--color-white) !important;
}
.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu > li:hover > a:after, .rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu > li.active > a:after {
  opacity: 1;
  visibility: visible;
}
.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu.mainmenu-has-bg-rectangle-shape > li > a::after {
  height: 28px;
  border-radius: 4px;
}
.rbt-mainmenu-variation-one.rbt-mainmenu-black-link .mainmenu > li:hover > a, .rbt-mainmenu-variation-one.rbt-mainmenu-black-link .mainmenu > li.active > a {
  color: var(--color-white);
}
.rbt-mainmenu-variation-one.rbt-mainmenu-black-link .mainmenu > li:hover > a:hover, .rbt-mainmenu-variation-one.rbt-mainmenu-black-link .mainmenu > li.active > a:hover {
  color: var(--color-white);
}
.rbt-mainmenu-variation-one.rbt-mainmenu-black-link .mainmenu > li:hover > a:after, .rbt-mainmenu-variation-one.rbt-mainmenu-black-link .mainmenu > li.active > a:after {
  opacity: 1;
  visibility: visible;
  background: var(--color-black);
}

.rbt-header-mid-1 .rbt-quick-access > li.account-access {
  padding-left: 10px;
  margin-left: 10px;
  margin-right: 0;
  position: relative;
}
.rbt-header-mid-1 .rbt-quick-access > li.account-access::after {
  left: -10px;
}

/*---------------------
    Social Share  
-----------------------*/
.social-share-transparent {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: -10px;
}
@media only screen and (max-width: 575px) {
  .social-share-transparent {
    margin: -5px;
  }
}
.social-share-transparent li {
  margin: 0;
  position: relative;
}
.social-share-transparent li a {
  font-size: 14px;
  color: var(--color-body);
  display: inline-block;
  display: flex;
  align-items: center;
  width: 30px;
  height: 30px;
  text-align: center;
  justify-content: center;
  border-radius: var(--radius-full);
  position: relative;
  z-index: 1;
}
.social-share-transparent li a::before {
  background: var(--color-gray-light);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  transform: scale(0.8);
  border-radius: var(--radius-full);
  z-index: -1;
}
.social-share-transparent li a i {
  margin-right: 0px;
}
.social-share-transparent li a:hover {
  color: var(--color-primary);
}
.social-share-transparent li a:hover::before {
  opacity: 1;
  transform: scale(1);
}

.rbt-social-default li .facebook-btn {
  background-color: var(--color-facebook);
  color: var(--color-white);
}
.rbt-social-default li .tiktok-btn {
  background-color: var(--color-tiktok);
  color: var(--color-white);
}
.rbt-social-default li .pinterest-btn {
  background-color: var(--color-pinterest);
  color: var(--color-white);
}
.rbt-social-default li .tumblr-btn {
  background-color: var(--color-tumblr);
  color: var(--color-white);
}
.rbt-social-default li .telegram-btn {
  background-color: var(--color-telegram);
  color: var(--color-white);
}
.rbt-social-default li .whatsapp-btn {
  background-color: var(--color-whatsapp);
  color: var(--color-white);
}
.rbt-social-default li .email-btn {
  background-color: var(--color-mail);
  color: var(--color-white);
}

/*----------------------------
    Navigation Position  
------------------------------*/
.mainbar-row {
  display: flex;
  justify-content: space-between;
  min-height: 86px;
}
@media only screen and (max-width: 767px) {
  .mainbar-row {
    min-height: 68px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .mainbar-row {
    position: relative;
  }
}
.mainbar-row .rbt-main-navigation {
  flex: 1;
  display: flex;
  margin: 0 30px;
  justify-content: center;
}
.mainbar-row.rbt-navigation-end .rbt-main-navigation {
  justify-content: end;
}
.mainbar-row.rbt-navigation-start .rbt-main-navigation {
  justify-content: start;
}
.mainbar-row.rbt-mainbar-row-md-height {
  min-height: 72px;
}

/*-----------------------
    Header Style  
---------------------------*/
.rbt-header {
  position: relative;
  z-index: 99;
}
.rbt-header .logo a img {
  max-height: 32px;
  object-fit: cover;
  max-width: 220px;
}
@media only screen and (max-width: 575px) {
  .rbt-header .logo a {
    height: auto;
    line-height: initial;
  }
}
.rbt-header .logo.rbt-logo-height-sm a img {
  max-height: 32px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-header .logo.rbt-logo-height-sm a img {
    max-height: 24px;
  }
}
.rbt-header .rbt-header-bg-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.rbt-header .rbt-header-bg-img.rbt-header-bg-img-one {
  background: url(../images/header-bg/header-bg-01.webp);
}
.rbt-header .rbt-header-bg-img .rbt-mainmenu-nav .mainmenu > li > a {
  height: 90px;
  color: var(--color-white);
}
.rbt-header .rbt-header-bg-img .rbt-mainmenu-nav .mainmenu > li > a::after {
  display: block;
}
.rbt-header .rbt-header-bg-img .rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu > li > a::after {
  display: block !important;
}
.rbt-header .rbt-header-wrapper {
  background-color: #ffffff;
  box-shadow: 0px 20px 34px rgba(0, 0, 0, 0.0509803922);
}
.rbt-header .rbt-header-wrapper.header-transparent {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  background: transparent;
  backdrop-filter: inherit;
  box-shadow: none;
}
.rbt-header .rbt-header-wrapper.rbt-header-wrapper-transparent _tab .mainbar-row {
  border-radius: 118px;
  padding: 0 32px;
  background: var(--color-gray-100);
}
.rbt-header .rbt-header-wrapper.rbt-header-wrapper-transparent _tab .mainbar-row .rbt-mainmenu-nav .mainmenu > li > a {
  height: 84px;
}
.rbt-header .rbt-header-wrapper.color-white-variation .rbt-mainmenu-nav .mainmenu > li > a {
  color: var(--color-white);
}
.rbt-header .rbt-header-wrapper.color-white-variation .rbt-quick-access li a {
  color: var(--color-white);
}
.rbt-header .rbt-header-wrapper.color-white-variation .rbt-quick-access li.account-access::after {
  opacity: 0.5;
}
.rbt-header .rbt-header-wrapper.color-white-variation.rbt-sticky {
  background-color: #000 !important;
  box-shadow: var(--shadow-5);
}
.rbt-header .rbt-header-wrapper.color-white-variation .hamberger .hamberger-button {
  color: var(--color-white);
}
.rbt-header .rbt-header-wrapper.rbt-bg-color-darker {
  background-color: var(--color-darker);
}
.rbt-header .rbt-header-wrapper.rbt-bg-color-darker .rbt-mainmenu-nav .mainmenu > li > a {
  color: var(--color-white);
}
.rbt-header .rbt-header-wrapper.height-50 .rbt-mainmenu-nav .mainmenu > li > a {
  height: 50px;
  line-height: 50px;
}
.rbt-header .rbt-header-wrapper .header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .rbt-header .rbt-header-wrapper .header-right {
    justify-content: flex-end;
  }
}
.rbt-header.rbt-header-9 .rbt-header-wrapper {
  box-shadow: none;
}
.rbt-header.rbt-transparent-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
}
.rbt-header.rbt-transparent-header .rbt-header-top:not(.bg-not-transparent) {
  background: transparent !important;
}
.rbt-header.rbt-transparent-header .rbt-header-wrapper:not(.bg-not-transparent) {
  background: transparent !important;
  box-shadow: none;
}
.rbt-header.rbt-transparent-header .rbt-header-wrapper.rbt-sticky {
  background-color: var(--color-white) !important;
  box-shadow: var(--shadow-1);
}
.rbt-header.rbt-transparent-header .rbt-header-wrapper.color-white-variation.rbt-sticky {
  background-color: #000 !important;
  box-shadow: var(--shadow-5);
  border: 0 none;
}
.rbt-header.rbt-transparent-header .rbt-header-middle {
  background: transparent !important;
}
.rbt-header.rbt-header-8 .rbt-header-wrapper.rbt-sticky {
  background-color: var(--color-gray-light) !important;
  box-shadow: none;
}

.rbt-header-sticky-activation.rbt-sticky {
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--color-white);
  width: 100%;
  animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
  z-index: 99;
  box-shadow: var(--shadow-1);
}

.rbt-header .rbt-header-wrapper.header-transparent .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu .rbt-megamenu-wrapper {
  border-radius: 10px;
}

.rbt-header .rbt-header-wrapper.header-transparent.rbt-sticky .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu .rbt-megamenu-wrapper {
  border-radius: 0 0 10px 10px;
}

.side-nav-opened .rbt-header.rbt-transparent-header .rbt-header-wrapper:not(.bg-not-transparent) {
  background: #fff !important;
}

.rbt-header .rbt-header-wrapper.header-transparent .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu {
  border-radius: 10px;
}

.rbt-header .rbt-header-wrapper.header-transparent.rbt-sticky .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu {
  border-radius: 0 0 10px 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-left-md {
    display: flex;
    gap: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-left-md .header-info .logo {
    position: static;
    transform: none;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-header-7 .rbt-text-swiper-container .swiper-slide {
    font-size: 13px;
  }
}

.rbt-header-13 .rbt-header-wrapper {
  box-shadow: none;
}

.rbt-header-transparent-dark {
  background: var(--color-black-opacity);
  backdrop-filter: blur(5px);
}
.rbt-header-transparent-dark .mainbar-row .rbt-mainmenu-nav .mainmenu > li > a {
  color: var(--color-white);
}
.rbt-header-transparent-dark .mainbar-row .rbt-category-update-var-modern .rbt-btn-transparent.has-bg-shape-hover {
  color: var(--color-white);
}
.rbt-header-transparent-dark .mainbar-row .rbt-category-update-var-modern:hover .rbt-btn-transparent.has-bg-shape-hover {
  color: var(--color-primary);
}
.rbt-header-transparent-dark .mainbar-row .rbt-quick-access li a {
  color: var(--color-white);
  transition: none;
}
.rbt-header-transparent-dark .mainbar-row .rbt-quick-access li a:hover {
  color: var(--color-black);
}

/*--------------------------
    Navigation Styles 
----------------------------*/
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: auto;
  }
}
.mainbar-row .rbt-mainmenu-nav .mainmenu,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu {
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: center;
  margin: 0 -4px;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu > li,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li {
  height: 60px;
  line-height: 60px;
  display: flex;
  align-items: center;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu > li > a,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li > a {
  color: var(--color-heading);
  font-size: var(--font-size-b1);
  font-weight: var(--f-medium);
  padding: 0 12px;
  display: flex;
  align-items: center;
  height: 28px;
  line-height: 28px;
  transition: var(--transition);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .mainbar-row .rbt-mainmenu-nav .mainmenu > li > a,
  .rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li > a {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .mainbar-row .rbt-mainmenu-nav .mainmenu > li > a,
  .rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li > a {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mainbar-row .rbt-mainmenu-nav .mainmenu > li > a,
  .rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li > a {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mainbar-row .rbt-mainmenu-nav .mainmenu > li > a,
  .rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li > a {
    padding: 0 12px;
  }
}
.mainbar-row .rbt-mainmenu-nav .mainmenu > li > a .fa-chevron-down,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li > a .fa-chevron-down {
  transition: transform 0.4s ease-in-out;
  font-size: 12px;
  line-height: 12px;
  margin-left: 4px;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu > li > a.icon-nav-link i,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li > a.icon-nav-link i {
  font-size: var(--font-size-b1);
}
.mainbar-row .rbt-mainmenu-nav .mainmenu > li > a.icon-nav-link:hover i,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li > a.icon-nav-link:hover i {
  transform: none;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu > li > a.active,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li > a.active {
  color: var(--color-primary);
}
.mainbar-row .rbt-mainmenu-nav .mainmenu > li:hover > a, .mainbar-row .rbt-mainmenu-nav .mainmenu > li.active > a,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li:hover > a,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li.active > a {
  color: var(--color-primary);
}
.mainbar-row .rbt-mainmenu-nav .mainmenu > li:hover > a i, .mainbar-row .rbt-mainmenu-nav .mainmenu > li.active > a i,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li:hover > a i,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li.active > a i {
  transform: rotate(180deg);
  margin-top: 2px;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu > li + li,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li + li {
  margin: 0 4px;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu {
  min-width: 240px;
  height: auto;
  z-index: 90;
  text-align: left;
  padding: 8px 0;
  border-radius: 0 0 10px 10px;
  background-color: var(--color-white);
  box-shadow: var(--shadow-1);
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgba(230, 227, 241, 0.3098039216);
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li {
  position: relative;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li a,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li a {
  font-weight: var(--f-medium);
  padding: 4px 16px;
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  display: block;
  color: var(--color-gray-700);
  margin: 0 10px;
  border-radius: 3px;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li a:hover,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li a:hover {
  color: var(--color-primary) !important;
  background: var(--color-brand-100);
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li a.active,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li a.active {
  color: var(--color-primary) !important;
  background: var(--color-brand-100);
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li ul.submenu,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li ul.submenu {
  left: 100%;
  top: 0;
  text-align: left;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu {
  position: relative;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu {
  transition: var(--transition);
  width: 98%;
  margin: 0 auto;
  border-radius: 0 0 10px 10px;
  right: 0;
  padding: 0;
  /*--------------------------------
      megamenu styles newly added
  ----------------------------------*/
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.grid-item-2,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.grid-item-2 {
  width: 600px;
  margin: 0 auto;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.grid-item-3,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.grid-item-3 {
  width: 806px;
  margin: 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.grid-item-3,
  .rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.grid-item-3 {
    width: 600px;
  }
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.grid-item-4,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.grid-item-4 {
  width: 100%;
  margin: 0 auto;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.grid-item-4 .rbt-megamenu-wrapper,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.grid-item-4 .rbt-megamenu-wrapper {
  margin-top: 0;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-width-lg,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-width-lg {
  width: 1400px;
  margin: 0 auto;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-width-fullscreen,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-width-fullscreen {
  width: 100%;
  margin: 0;
  padding: 0;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-width-fullscreen .rbt-megamenu-wrapper,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-width-fullscreen .rbt-megamenu-wrapper {
  margin-top: 0;
  border-radius: 0 0 8px 8px;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-prsentation-megamenu,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-prsentation-megamenu {
  border-top: 1px solid var(--color-gray-light);
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-prsentation-megamenu .rbt-megamenu-wrapper,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-prsentation-megamenu .rbt-megamenu-wrapper {
  padding: 24px;
}
@media only screen and (min-width: 1600px) and (max-width: 1919px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-prsentation-megamenu .rbt-megamenu-wrapper,
  .rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-prsentation-megamenu .rbt-megamenu-wrapper {
    padding: 16px;
  }
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.mega-has-bg-img,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.mega-has-bg-img {
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.mega-has-bg-img.mega-bg-one,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.mega-has-bg-img.mega-bg-one {
  background-image: url(../images/header-bg/megamenu-bg-01.webp);
  background-color: var(--color-white);
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.menu-skin-dark .rbt-megamenu-wrapper,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.menu-skin-dark .rbt-megamenu-wrapper {
  box-shadow: none;
  padding: 40px;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-megamenu-4,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-megamenu-4 {
  max-width: 1560px;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-megamenu-4 .mega-menu-item > li a,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-megamenu-4 .mega-menu-item > li a {
  display: flex;
  gap: 8px;
  align-items: center;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-megamenu-4 .rbt-product-card .rbt-card-img,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-megamenu-4 .rbt-product-card .rbt-card-img {
  overflow: hidden;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-megamenu-4 .rbt-product-card .rbt-card-body.rbt-card-content-center,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-megamenu-4 .rbt-product-card .rbt-card-body.rbt-card-content-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-megamenu-6 .rbt-megamenu-wrapper,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-megamenu-6 .rbt-megamenu-wrapper {
  max-width: 1125px;
  margin: 0 auto;
  margin-top: 16px;
  padding: 24px;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-megamenu-6 .mega-menu-item > li a,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-megamenu-6 .mega-menu-item > li a {
  display: flex;
  gap: 8px;
  align-items: center;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-megamenu-7 .mega-menu-item > li a,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-megamenu-7 .mega-menu-item > li a {
  display: flex;
  gap: 8px;
  align-items: center;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-megamenu-8 .mega-menu-item > li a,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu.rbt-megamenu-8 .mega-menu-item > li a {
  display: flex;
  gap: 8px;
  align-items: center;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu .rbt-shop-color li a::before,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu .rbt-shop-color li a::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: var(--radius-full);
  background: transparent;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu .rbt-shop-color li a.black::before,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu .rbt-shop-color li a.black::before {
  background: #000000;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu .rbt-shop-color li a.blue::before,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu .rbt-shop-color li a.blue::before {
  background: #1E73BE;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu .rbt-shop-color li a.brown::before,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu .rbt-shop-color li a.brown::before {
  background: #DD9933;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu .rbt-shop-color li a.gray::before,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu .rbt-shop-color li a.gray::before {
  background: #BFBFBF;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu .rbt-shop-color li a.green::before,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu .rbt-shop-color li a.green::before {
  background: #81D742;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu .rbt-shop-color li a.orange::before,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu .rbt-shop-color li a.orange::before {
  background: #FF7900;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu .rbt-shop-color li a.red::before,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu .rbt-shop-color li a.red::before {
  background: #DD3233;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu > li .submenu > li:hover > .submenu,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li .submenu > li:hover > .submenu {
  opacity: 1;
  visibility: visible;
  border-radius: 10px;
}
.mainbar-row .rbt-mainmenu-nav.onepagenav .mainmenu li a,
.rbt-main-navigation .rbt-mainmenu-nav.onepagenav .mainmenu li a {
  padding: 0;
  margin: 0 17px;
  position: relative;
}
.mainbar-row .rbt-mainmenu-nav.onepagenav .mainmenu li a::after,
.rbt-main-navigation .rbt-mainmenu-nav.onepagenav .mainmenu li a::after {
  position: absolute;
  content: "";
  left: 0;
  background: var(--color-primary);
  width: 0;
  height: 2px;
  bottom: 0;
  opacity: 0;
  transition: var(--transition);
}
.mainbar-row .rbt-mainmenu-nav.onepagenav .mainmenu li:first-child,
.rbt-main-navigation .rbt-mainmenu-nav.onepagenav .mainmenu li:first-child {
  margin-left: 0;
}
.mainbar-row .rbt-mainmenu-nav.onepagenav .mainmenu li:last-child,
.rbt-main-navigation .rbt-mainmenu-nav.onepagenav .mainmenu li:last-child {
  margin-right: 0;
}
.mainbar-row .rbt-mainmenu-nav.onepagenav .mainmenu li.current a,
.rbt-main-navigation .rbt-mainmenu-nav.onepagenav .mainmenu li.current a {
  color: var(--color-primary);
}
.mainbar-row .rbt-mainmenu-nav.onepagenav .mainmenu li.current a::after,
.rbt-main-navigation .rbt-mainmenu-nav.onepagenav .mainmenu li.current a::after {
  width: 100%;
  opacity: 1;
}
.mainbar-row .rbt-megamenu-wrapper,
.rbt-main-navigation .rbt-megamenu-wrapper {
  border-radius: 8px;
  background-color: var(--color-white);
  margin-top: 12px;
  padding: 12px;
  overflow: hidden;
  position: relative;
}

.rbt-category-menu-wrapper {
  height: 80px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-category-menu-wrapper {
    height: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-category-menu-wrapper {
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-category-menu-wrapper {
    height: auto;
  }
}

.rbt-menu-tab-wrapper {
  padding: 24px;
  background: var(--color-brand-50);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-height: 548px;
}
.rbt-menu-tab-wrapper .nav-pills {
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-menu-tab-wrapper {
    min-height: 512px;
  }
}

.rbt-menu-tab-content-wrapper {
  padding: 24px;
}

.rbt-menu-offer-card.rbt-bg-style-box .mega-top-banner {
  background-image: url(../images/system/megamenu-banner-offer-card-shape-bg-2.webp);
}
.rbt-menu-offer-card .product-img.position-bottom {
  margin: -24px;
  margin-top: 16px !important;
}
.rbt-menu-offer-card .product-img.position-bottom img {
  max-width: 100% !important;
}
.rbt-menu-offer-card.min-h-500 {
  min-height: 500px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-menu-offer-card.min-h-500 {
    min-height: 425px;
  }
}
.rbt-menu-offer-card.rbt-bg-one .mega-top-banner {
  background-image: url(../images/system/megamenu-banner-offer-card-shape-bg-1.webp);
}
.rbt-menu-offer-card.rbt-bg-two .mega-top-banner {
  background-image: url(../images/system/megamenu-banner-offer-card-shape-bg-3.webp);
}
.rbt-menu-offer-card.rbt-bg-three .mega-top-banner {
  background-image: url(../images/splash/menu-banner/menu-prd-04-lg.webp);
}
.rbt-menu-offer-card.rbt-bg-four .mega-top-banner {
  background-image: url(../images/splash/menu-banner/menu-prd-05-lg.webp);
}
.rbt-menu-offer-card.rbt-curved-style-box {
  background-image: url(../images/system/megamenu-banner-offer-card-shape-bg-1.webp);
  -webkit-mask-image: url(../images/system/megamenu-banner-offer-card-shape-bg-1.webp);
  mask-image: url(../images/system/megamenu-banner-offer-card-shape-bg-1.webp);
}

.rbt-megamenu-wrapper.menu-skin-dark {
  background: var(--color-brand-50);
}
.rbt-megamenu-wrapper .rbt-short-title {
  margin-bottom: 0;
  padding: 12px 16px;
  padding-top: 0;
  border-bottom: 2px solid var(--color-gray-100);
  color: var(--color-gray-400);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: 600;
  text-align: left;
  text-transform: capitalize;
}
.rbt-megamenu-wrapper .rbt-small-title {
  font-weight: 700;
  color: var(--color-black);
}
.rbt-megamenu-wrapper .rbt-quick-info-tag {
  margin-top: 20px;
}
.rbt-megamenu-wrapper .rbt-ads-wrapper img {
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.rbt-megamenu-wrapper .btn-wrapper {
  margin: -25px;
  margin-top: 0px;
}
.rbt-megamenu-wrapper .btn-wrapper a {
  font-size: 16px;
}

.mega-menu-item {
  padding: 0;
  margin: 0;
  height: 100%;
  margin-bottom: -8px;
  list-style: none;
}
.mega-menu-item li {
  margin: 4px 0;
}
.mega-menu-item li a {
  font-weight: var(--f-medium);
  padding: 6px 16px;
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  display: block;
  color: var(--color-gray-700);
  margin: 0;
  border-radius: 4px;
  transition: var(--transition);
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .mega-menu-item li a {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
  }
}
.mega-menu-item li a .rbt-badge-card {
  margin-left: 10px;
}
.mega-menu-item li a:hover, .mega-menu-item li a.active {
  color: var(--color-primary) !important;
  background: var(--color-gray-100);
}
.mega-menu-item li a.disabled {
  background: var(--color-gray-200);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .mega-menu-item li a .rbt-product-badge {
    font-size: 8px;
  }
}

.rbt-badge-card {
  background-color: transparent;
  background: transparent;
  padding: 1px 10px;
  border-radius: 100px;
  color: #fff;
  font-size: 12px;
  font-weight: var(--f-medium);
  display: inline-block;
  position: relative;
  z-index: 2;
  letter-spacing: 0.5px;
}
.rbt-badge-card::before {
  background: var(--color-primary);
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: -1;
  border-radius: 100px;
  opacity: 0.5;
  background-size: 400% 100%;
}

/*----------------------------
    Mega Menu Options  
------------------------------*/
.mega-top-banner {
  background-color: var(--color-brand-200);
  background-size: cover;
  background-position: center;
  margin: 0;
  width: auto;
  border-radius: 8px;
  min-height: 140px;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  position: relative;
  background-size: cover;
  padding: 24px;
  padding-top: 28px;
}
@media only screen and (max-width: 479px) {
  .mega-top-banner {
    padding: 16px;
    padding-top: 20px;
  }
}
.mega-top-banner .rbt-banner-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px 36px;
  flex-wrap: wrap;
}
.mega-top-banner .rbt-banner-inner .title {
  font-weight: var(--f-bold);
  color: var(--color-heading);
  line-height: 1.4;
  margin-bottom: 8px;
  font-size: 22px;
}
.mega-top-banner .rbt-banner-inner .desc {
  color: var(--color-gray-600);
  margin-bottom: 0;
}
.mega-top-banner .rbt-banner-inner .product-img img {
  max-width: 140px;
  transition: var(--transition);
}
.mega-top-banner .rbt-banner-inner .product-img.position-bottom {
  margin-bottom: -24px;
  margin-top: -28px;
}
@media only screen and (max-width: 479px) {
  .mega-top-banner .rbt-banner-inner .product-img.position-bottom {
    margin-bottom: -16px;
  }
}
.mega-top-banner .rbt-banner-inner .rbt-pricing-part {
  gap: 8px;
  font-weight: var(--f-medium);
  color: var(--color-brand-500);
}
.mega-top-banner .rbt-banner-inner .rbt-pricing-part .offer-price {
  color: var(--color-primary);
  font-weight: var(--f-semi-bold);
}
.mega-top-banner .rbt-banner-inner:hover .product-img img {
  scale: 1.02;
}
.mega-top-banner.bg-one {
  background-image: url(../images/splash/menu-banner/menu-banner-01.webp);
}
.mega-top-banner.bg-two {
  background-image: url(../images/splash/menu-banner/menu-banner-02.webp);
}
.mega-top-banner.bg-three {
  background-image: url(../images/splash/menu-banner/menu-banner-03.webp);
}
.mega-top-banner.bg-four {
  background-image: url(../images/splash/menu-banner/menu-banner-04.webp);
}

.nav-quick-access {
  display: flex;
  flex-wrap: wrap;
  background: #f5f5fa;
  margin: -25px;
  margin-top: 20px;
  padding: 16px 25px;
  justify-content: space-between;
}
.nav-quick-access li {
  flex-basis: 50%;
  padding: 5px;
}
.nav-quick-access li a {
  font-size: 15px;
  display: flex;
  align-items: center;
}
.nav-quick-access li a i {
  padding-right: 7px;
  color: #9698c3;
  font-size: 17px;
}

.rbt-nav-brand-list {
  gap: 32px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-nav-brand-list {
    gap: 4px;
  }
}
@media only screen and (max-width: 1199px) {
  .rbt-nav-brand-list {
    gap: 16px;
    flex-wrap: wrap;
  }
}
.rbt-nav-brand-list li a {
  max-height: 40px;
  display: block;
  padding: 8px !important;
  line-height: 1;
}
@media only screen and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-nav-brand-list li a {
    padding: 0 !important;
  }
}
.rbt-nav-brand-list li a img {
  height: auto;
  transition: var(--transition);
}
@media only screen and (max-width: 1199px) {
  .rbt-nav-brand-list li a img {
    max-height: 12px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 1600px) and (max-width: 1919px) {
  .rbt-nav-brand-list li a img {
    max-height: 14px;
  }
}
.rbt-nav-brand-list li a:hover img {
  scale: 1.04;
}
.rbt-nav-brand-list li + li {
  border-top: 0 !important;
}

.nav-category-item {
  position: relative;
  z-index: 1;
  padding: 25px 20px;
}
.nav-category-item .image img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.nav-category-item a {
  display: flex;
  align-items: center;
}
.nav-category-item a span {
  font-size: 14px;
  font-weight: 600;
}
.nav-category-item a i {
  font-size: 16px;
  color: var(--color-body);
  padding-left: 4px;
  transition: var(--transition);
}
.nav-category-item:hover a i {
  padding-left: 10px;
}

.rbt-drop-menu-hidden .submenu,
.rbt-drop-menu-hidden .rbt-megamenu {
  display: none !important;
}
.rbt-drop-menu-hidden .rbt-header {
  z-index: 2;
}
.rbt-drop-menu-hidden .rbt-header.rbt-transparent-header {
  position: relative !important;
}

/*-----------------------
    Single Demo  
------------------------*/
@media only screen and (max-width: 1199px) {
  .single-dropdown-menu-presentation .single-mega-item {
    margin-top: 0 !important;
  }
}

.home-plesentation-wrapper::-webkit-scrollbar {
  display: none;
}

.home-plesentation-wrapper {
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1199px) {
  .home-plesentation-wrapper {
    margin-bottom: 12px;
    margin-top: 0 !important;
    max-height: inherit;
    min-height: inherit;
    overflow: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .home-plesentation-wrapper {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 1199px) {
  .home-plesentation-wrapper .single-mega-item + .single-mega-item .demo-single {
    border-top: 1px solid var(--color-border);
  }
}
.home-plesentation-wrapper.row--12.mt_dec--24 {
  margin-top: 4px !important;
}

.demo-single {
  margin-top: 24px;
  position: relative;
  transition: var(--transition);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 4.666px 17.498px 2.916px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);
  padding: 32px 4px;
  padding-bottom: 32px;
  border: 3px solid var(--color-white);
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  .demo-single {
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    backdrop-filter: unset;
    background: transparent;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .demo-single {
    padding-top: 32px;
  }
}
.demo-single::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 12px;
  left: 10px;
  z-index: -1;
  color: rgba(0, 0, 0, 0.07);
  background-color: #FF5F57;
  box-shadow: 10px 0 0 #FEBC2E, 20px 0 0 #29C841;
}
@media only screen and (max-width: 1199px) {
  .demo-single::after {
    content: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .demo-single::after {
    top: 12px;
  }
}
.demo-single .inner .thumbnail {
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .demo-single .inner .thumbnail {
    display: none;
  }
}
.demo-single .inner .thumbnail a {
  padding-left: 0 !important;
  display: block;
  overflow: hidden;
}
.demo-single .inner .thumbnail a img {
  width: 100%;
  transition: all 0.3s ease;
  border-radius: var(--radius);
}
@media only screen and (max-width: 767px) {
  .demo-single .inner .thumbnail a img {
    border-radius: 4px;
  }
}
.demo-single .inner .content {
  position: absolute;
  width: 100%;
  z-index: 1;
  display: flex;
  transition: var(--transition);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  left: 0;
  bottom: 0;
}
@media only screen and (max-width: 1199px) {
  .demo-single .inner .content {
    position: static;
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .demo-single .inner .content {
    padding: 4px;
  }
}
.demo-single .inner .content .rbt-title {
  margin-bottom: 0;
  line-height: 1.44;
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  display: block;
}
@media only screen and (max-width: 1199px) {
  .demo-single .inner .content .rbt-title {
    font-size: 15px;
    color: var(--color-heading) !important;
  }
}
.demo-single .inner .content .rbt-title a {
  color: var(--color-heading);
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
}
@media only screen and (max-width: 1199px) {
  .demo-single .inner .content .rbt-title a {
    color: var(--color-gray-700) !important;
  }
}
.demo-single .inner .content .rbt-title a:hover {
  color: var(--color-primary);
}
.demo-single .inner .content .rbt-tag-list {
  gap: 4px;
}
.demo-single .inner .content .rbt-tag-list a {
  padding: 4px 8px !important;
  font-size: var(--font-size-b4);
  line-height: 1;
  color: var(--color-gray-400);
  height: unset;
  font-weight: 700;
}
.demo-single .inner .content .rbt-tag-list a:hover {
  color: var(--color-white);
}
.demo-single:hover {
  transform: translateY(-5px);
  box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(12px);
}

.coming-soon .demo-single .inner .thumbnail a img,
.coming-soon .demo-single .inner .content .title a {
  cursor: default;
}

.rbt-fullwidth-wrapper.has-left-nav .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu {
  margin-left: 0;
}

.rbt-header-common-sticky-activation .rbt-mainmenu-nav .mainmenu > li > a,
.rbt-header-9 .rbt-mainmenu-nav .mainmenu > li > a {
  height: 86px;
  line-height: 86px;
}

.rbt-header-mid-5 {
  z-index: 4;
}

.rbt-header-10 .rbt-header-wrapper,
.rbt-header-10 .rbt-header-middle {
  position: relative;
  z-index: 10;
}

/*------------------------------
    Popup Menu Styles  
--------------------------------*/
.popup-mobile-menu {
  z-index: 9999;
  position: fixed;
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
@media only screen and (min-width: 1200px) {
  .popup-mobile-menu {
    display: none;
  }
}
.popup-mobile-menu .rbt-short-title {
  text-align: center;
  margin-top: 8px;
  padding-bottom: 4px;
  border-width: 1px;
}
.popup-mobile-menu .demo-single:hover {
  transform: translateY(-5px);
  box-shadow: unset;
  backdrop-filter: unset;
}
.popup-mobile-menu .inner-wrapper {
  width: 400px;
  z-index: 999;
  position: absolute;
  background-color: var(--color-white);
  height: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  opacity: 0;
  left: -150px;
  transition: all 0.5s ease-out;
  padding: 60px 50px;
  height: 100%;
  position: relative;
  overflow-y: auto;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .popup-mobile-menu .inner-wrapper {
    padding: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .popup-mobile-menu .inner-wrapper {
    width: 300px;
    padding: 24px 16px;
  }
}
.popup-mobile-menu .inner-wrapper .inner-top {
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 24px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .popup-mobile-menu .inner-wrapper .inner-top {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
.popup-mobile-menu .inner-wrapper .inner-top .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popup-mobile-menu .inner-wrapper .inner-top .logo a img {
  max-height: 45px;
}
@media only screen and (max-width: 767px) {
  .popup-mobile-menu .inner-wrapper .inner-top .logo a img {
    max-height: 35px;
  }
}
.popup-mobile-menu .inner-wrapper .inner-top .close-button {
  background: var(--color-gray-200);
  border: 0 none;
  color: var(--color-heading);
  width: 40px;
  height: 40px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
}
@media only screen and (max-width: 479px) {
  .popup-mobile-menu .inner-wrapper .inner-top .close-button {
    width: 28px;
    height: 28px;
    font-size: 12px;
  }
}
.popup-mobile-menu .inner-wrapper .content {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .popup-mobile-menu .inner-wrapper .content {
    display: block;
  }
}
.popup-mobile-menu .inner-wrapper .description {
  padding-right: 18%;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .popup-mobile-menu .inner-wrapper .description {
    padding-right: 0;
    margin: 16px 0;
  }
}
.popup-mobile-menu.active {
  visibility: visible;
  opacity: 1;
}
.popup-mobile-menu.active .inner-wrapper {
  opacity: 1;
  left: 0;
  overflow-y: auto;
}
.popup-mobile-menu .rbt-social-icon-list {
  justify-content: center;
  margin-top: 16px;
}
.popup-mobile-menu .rbt-inner-search-field {
  height: auto;
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
.popup-mobile-menu .rbt-round-shape-tab .nav-tabs .nav-item .nav-link {
  padding: 12px 16px;
}
@media only screen and (max-width: 767px) {
  .popup-mobile-menu .rbt-round-shape-tab .nav-tabs .nav-item .nav-link {
    padding: 6px 8px;
  }
}
.popup-mobile-menu .rbt-inner-search-field input {
  padding-right: 44px;
}
.popup-mobile-menu .mainmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 15px 0px;
}
.popup-mobile-menu .mainmenu li {
  margin: 0;
}
.popup-mobile-menu .mainmenu li a {
  padding: 4px 8px;
  display: block;
  font-size: var(--font-size-b1);
  font-weight: var(--f-medium);
}
@media only screen and (max-width: 767px) {
  .popup-mobile-menu .mainmenu li a {
    font-size: var(--font-size-b3);
  }
}
.popup-mobile-menu .mainmenu li a.active {
  color: var(--color-primary) !important;
}
.popup-mobile-menu .mainmenu li a i {
  display: none;
}
.popup-mobile-menu .mainmenu li a i.rbt-catagories-icon {
  display: inline-block;
}
.popup-mobile-menu .mainmenu li .rbt-btn.rbt-btn-sm {
  padding: 0 8px;
}
.popup-mobile-menu .mainmenu li + li {
  border-top: 1px solid var(--color-border);
}
.popup-mobile-menu .mainmenu .has-dropdown .submenu {
  padding: 0;
  max-width: 100%;
  list-style: none;
  padding-left: 14px;
  display: none;
}
.popup-mobile-menu .mainmenu .has-dropdown .submenu li a {
  font-size: 15px;
}
.popup-mobile-menu .mainmenu .has-dropdown .submenu li a.active {
  color: var(--color-primary) !important;
}
.popup-mobile-menu .mainmenu .has-menu-child-item > a,
.popup-mobile-menu .mainmenu .has-dropdown > a {
  position: relative;
}
.popup-mobile-menu .mainmenu .has-menu-child-item > a::after,
.popup-mobile-menu .mainmenu .has-dropdown > a::after {
  position: absolute;
  content: "+";
  font-family: "Font Awesome 6 Pro";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.4s;
}
.popup-mobile-menu .mainmenu .has-menu-child-item > a.open::after,
.popup-mobile-menu .mainmenu .has-dropdown > a.open::after {
  content: "\f068";
}
.popup-mobile-menu .mainmenu .rbt-megamenu {
  padding: 0;
  max-width: 100%;
  list-style: none;
  padding-left: 12px;
  display: none;
}
.popup-mobile-menu .mainmenu .rbt-megamenu .rbt-megamenu-wrapper {
  padding-bottom: 12px;
}
.popup-mobile-menu .mainmenu .mega-menu-item {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 8px;
  margin-top: 0;
}
.popup-mobile-menu .mainmenu .mega-menu-item li a {
  font-size: 14px;
}
.popup-mobile-menu .mainmenu .single-mega-item:last-child .mega-menu-item li:last-child {
  border-bottom-color: transparent;
}
.popup-mobile-menu .mainmenu .single-mega-item + .single-mega-item {
  margin-top: 15px;
}
.popup-mobile-menu .mainmenu .single-mega-item .rbt-short-title {
  margin-top: 8px;
  text-align: left;
}
.popup-mobile-menu .mega-top-banner {
  margin: 0;
  margin-top: 10px;
  border-radius: 4px;
  margin-bottom: 9px;
}
.popup-mobile-menu .mega-top-banner .content {
  width: 100%;
  display: block;
}
.popup-mobile-menu .nav-rbt-quick-access {
  display: block;
  margin: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: -20px;
  padding: 6px 17px;
  overflow: hidden;
}
.popup-mobile-menu .nav-rbt-quick-access li a {
  display: flex;
  font-size: 14px;
}
.popup-mobile-menu .nav-rbt-quick-access li a i {
  display: flex;
}
.popup-mobile-menu .rbt-ads-wrapper {
  margin-bottom: 20px;
  margin-top: -16px;
  margin-left: -15px;
}
@media only screen and (max-width: 1199px) {
  .popup-mobile-menu .rbt-ads-wrapper {
    margin-top: 0;
    margin-left: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .popup-mobile-menu .rbt-ads-wrapper img {
    border-radius: 10px;
  }
}
.popup-mobile-menu .btn-wrapper {
  margin-left: -14px;
  margin-bottom: 20px;
  margin-top: -14px;
}
.popup-mobile-menu .rbt-btn.btn-xl {
  padding: 0 15px !important;
  font-size: 14px !important;
  height: 50px;
  line-height: 52px;
  border-radius: 4px !important;
}
.popup-mobile-menu .mega-category-item {
  margin-top: -15px;
  margin-bottom: 15px;
}
.popup-mobile-menu .mega-category-item .nav-category-item {
  padding: 8px 14px;
}

.hamberger .hamberger-button {
  background: transparent;
  border: 0 none;
  color: var(--color-heading);
  font-size: var(--font-size-b3);
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: var(--color-gray-200);
  padding: 0;
}
.hamberger .hamberger-button::after {
  display: none;
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-info .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header-info .logo.variation-one {
    position: static;
    transform: none;
  }
}
@media only screen and (max-width: 479px) {
  .header-info .logo a img {
    max-width: 112px;
  }
}

.popup-mobile-menu .load-demo-btn {
  height: 36px;
  line-height: 36px;
  padding-top: 0 !important;
  font-size: var(--font-size-b3);
}
.popup-mobile-menu .load-demo-btn i {
  font-size: var(--font-size-b3);
}
.popup-mobile-menu .rbt-btn-grp {
  display: flex !important;
}
.popup-mobile-menu .rbt-btn-grp .rbt-btn.rbt-marquee-btn {
  max-width: 165px;
  height: 40px;
  line-height: 40px;
  font-size: var(--font-size-b3);
}
@media only screen and (max-width: 767px) {
  .popup-mobile-menu .rbt-btn-grp .rbt-btn.rbt-marquee-btn {
    height: 28px;
    line-height: 28px;
    font-size: var(--font-size-b4);
  }
}
@media only screen and (max-width: 479px) {
  .popup-mobile-menu .rbt-product-card .rbt-product-badge.rbt-badge-top-left--position {
    top: 16px;
    left: 8px;
  }
  .popup-mobile-menu .rbt-wishlisted-btn.rbt-top-right--position {
    top: 16px;
    right: 8px;
  }
}
.popup-mobile-menu .rbt-overlay-counter.counter-md {
  font-size: 66px;
  display: flex;
}
.popup-mobile-menu .rbt-overlay-counter.counter-md .odometer-inside {
  display: flex;
}
.popup-mobile-menu .rbt-overlay-counter.counter-md .counter-suffix {
  margin-left: 0;
}

.popup-mobile-menu .rbt-rating-icon-list li + li {
  border: 0;
}

.popup-mobile-menu .mainmenu li .rbt-card a {
  padding: 0;
}

.popup-mobile-menu .rbt-small-title {
  margin-bottom: 10px !important;
}

.rbt-btn-grp {
  transition: var(--transition);
}
.rbt-btn-grp .rbt-btn.animated-icon-btn:hover {
  transform: none !important;
}
.rbt-btn-grp .rbt-btn.animated-icon-btn:hover::after {
  transform: translate(-50%, -50%) scale(1) !important;
}

/*-------------------------------
    Offcanvas Menu Sidebar  
--------------------------------*/
.side-menu,
.rbt-cart-side-menu,
.rbt-special-offer-sidemenu,
.rbt-order-sidenav,
.rbt-ordered-products-sidenav,
.rbt-review-sidenav {
  width: 448px;
  position: fixed;
  right: 0;
  top: 0;
  background: var(--color-white);
  z-index: 9999;
  height: 100%;
  transform: translate3d(105%, 0, 0);
  overflow: hidden;
  overscroll-behavior: contain;
  transition: all 0.85s cubic-bezier(0.23, 1, 0.32, 1);
}
@media only screen and (max-width: 575px) {
  .side-menu,
  .rbt-cart-side-menu,
  .rbt-special-offer-sidemenu,
  .rbt-order-sidenav,
  .rbt-ordered-products-sidenav,
  .rbt-review-sidenav {
    width: 310px;
  }
}
.side-menu .inner-wrapper,
.rbt-cart-side-menu .inner-wrapper,
.rbt-special-offer-sidemenu .inner-wrapper,
.rbt-order-sidenav .inner-wrapper,
.rbt-ordered-products-sidenav .inner-wrapper,
.rbt-review-sidenav .inner-wrapper {
  height: 100%;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
.side-menu .inner-wrapper::-webkit-scrollbar-track,
.rbt-cart-side-menu .inner-wrapper::-webkit-scrollbar-track,
.rbt-special-offer-sidemenu .inner-wrapper::-webkit-scrollbar-track,
.rbt-order-sidenav .inner-wrapper::-webkit-scrollbar-track,
.rbt-ordered-products-sidenav .inner-wrapper::-webkit-scrollbar-track,
.rbt-review-sidenav .inner-wrapper::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: var(--color-gray-200);
  border-radius: 40px;
  height: 337px;
}
.side-menu .inner-wrapper::-webkit-scrollbar,
.rbt-cart-side-menu .inner-wrapper::-webkit-scrollbar,
.rbt-special-offer-sidemenu .inner-wrapper::-webkit-scrollbar,
.rbt-order-sidenav .inner-wrapper::-webkit-scrollbar,
.rbt-ordered-products-sidenav .inner-wrapper::-webkit-scrollbar,
.rbt-review-sidenav .inner-wrapper::-webkit-scrollbar {
  width: 4px;
  height: 337px;
  background-color: var(--color-gray-200);
}
.side-menu .inner-wrapper::-webkit-scrollbar-thumb,
.rbt-cart-side-menu .inner-wrapper::-webkit-scrollbar-thumb,
.rbt-special-offer-sidemenu .inner-wrapper::-webkit-scrollbar-thumb,
.rbt-order-sidenav .inner-wrapper::-webkit-scrollbar-thumb,
.rbt-ordered-products-sidenav .inner-wrapper::-webkit-scrollbar-thumb,
.rbt-review-sidenav .inner-wrapper::-webkit-scrollbar-thumb {
  border-radius: 40px;
  background-color: var(--color-gray-400);
}
.side-menu .inner-wrapper .rbt-cart-header,
.rbt-cart-side-menu .inner-wrapper .rbt-cart-header,
.rbt-special-offer-sidemenu .inner-wrapper .rbt-cart-header,
.rbt-order-sidenav .inner-wrapper .rbt-cart-header,
.rbt-ordered-products-sidenav .inner-wrapper .rbt-cart-header,
.rbt-review-sidenav .inner-wrapper .rbt-cart-header {
  padding: 40px 32px 26px;
  border-bottom: 2px solid var(--color-gray-100);
  padding-bottom: 24px;
  position: sticky;
  top: 0;
  left: 0;
  background: var(--color-white);
  z-index: 2;
}
@media only screen and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .side-menu .inner-wrapper .rbt-cart-header,
  .rbt-cart-side-menu .inner-wrapper .rbt-cart-header,
  .rbt-special-offer-sidemenu .inner-wrapper .rbt-cart-header,
  .rbt-order-sidenav .inner-wrapper .rbt-cart-header,
  .rbt-ordered-products-sidenav .inner-wrapper .rbt-cart-header,
  .rbt-review-sidenav .inner-wrapper .rbt-cart-header {
    padding: 16px;
    padding-bottom: 16px;
  }
}
.side-menu .inner-wrapper .title,
.rbt-cart-side-menu .inner-wrapper .title,
.rbt-special-offer-sidemenu .inner-wrapper .title,
.rbt-order-sidenav .inner-wrapper .title,
.rbt-ordered-products-sidenav .inner-wrapper .title,
.rbt-review-sidenav .inner-wrapper .title {
  font-weight: 700;
}
.side-menu .inner-wrapper .description,
.rbt-cart-side-menu .inner-wrapper .description,
.rbt-special-offer-sidemenu .inner-wrapper .description,
.rbt-order-sidenav .inner-wrapper .description,
.rbt-ordered-products-sidenav .inner-wrapper .description,
.rbt-review-sidenav .inner-wrapper .description {
  padding-right: 18%;
  margin-top: 20px;
}
.side-menu .inner-wrapper .minicart-close-button,
.rbt-cart-side-menu .inner-wrapper .minicart-close-button,
.rbt-special-offer-sidemenu .inner-wrapper .minicart-close-button,
.rbt-order-sidenav .inner-wrapper .minicart-close-button,
.rbt-ordered-products-sidenav .inner-wrapper .minicart-close-button,
.rbt-review-sidenav .inner-wrapper .minicart-close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  background: transparent;
  font-size: 16px;
  line-height: 36px;
  font-weight: 900;
}
@media only screen and (max-width: 767px) {
  .side-menu .inner-wrapper .minicart-close-button,
  .rbt-cart-side-menu .inner-wrapper .minicart-close-button,
  .rbt-special-offer-sidemenu .inner-wrapper .minicart-close-button,
  .rbt-order-sidenav .inner-wrapper .minicart-close-button,
  .rbt-ordered-products-sidenav .inner-wrapper .minicart-close-button,
  .rbt-review-sidenav .inner-wrapper .minicart-close-button {
    top: 8px;
    right: 8px;
  }
}
.side-menu .inner-wrapper .minicart-close-button::after,
.rbt-cart-side-menu .inner-wrapper .minicart-close-button::after,
.rbt-special-offer-sidemenu .inner-wrapper .minicart-close-button::after,
.rbt-order-sidenav .inner-wrapper .minicart-close-button::after,
.rbt-ordered-products-sidenav .inner-wrapper .minicart-close-button::after,
.rbt-review-sidenav .inner-wrapper .minicart-close-button::after {
  background: var(--color-gray-200);
  opacity: 1;
  transform: scale(0.9);
  box-shadow: var(--shadow-1);
}
.side-menu .inner-wrapper .minicart-close-button:hover,
.rbt-cart-side-menu .inner-wrapper .minicart-close-button:hover,
.rbt-special-offer-sidemenu .inner-wrapper .minicart-close-button:hover,
.rbt-order-sidenav .inner-wrapper .minicart-close-button:hover,
.rbt-ordered-products-sidenav .inner-wrapper .minicart-close-button:hover,
.rbt-review-sidenav .inner-wrapper .minicart-close-button:hover {
  color: var(--color-heading);
}
.side-menu .inner-wrapper .minicart-close-button:hover::after,
.rbt-cart-side-menu .inner-wrapper .minicart-close-button:hover::after,
.rbt-special-offer-sidemenu .inner-wrapper .minicart-close-button:hover::after,
.rbt-order-sidenav .inner-wrapper .minicart-close-button:hover::after,
.rbt-ordered-products-sidenav .inner-wrapper .minicart-close-button:hover::after,
.rbt-review-sidenav .inner-wrapper .minicart-close-button:hover::after {
  transform: scale(1);
}
.side-menu .side-nav,
.rbt-cart-side-menu .side-nav,
.rbt-special-offer-sidemenu .side-nav,
.rbt-order-sidenav .side-nav,
.rbt-ordered-products-sidenav .side-nav,
.rbt-review-sidenav .side-nav {
  margin-bottom: 0;
  display: block;
  max-height: unset !important;
  padding: 0 32px;
}
@media only screen and (max-width: 767px) {
  .side-menu .side-nav,
  .rbt-cart-side-menu .side-nav,
  .rbt-special-offer-sidemenu .side-nav,
  .rbt-order-sidenav .side-nav,
  .rbt-ordered-products-sidenav .side-nav,
  .rbt-review-sidenav .side-nav {
    padding: 0 8px;
  }
}
.side-menu .side-nav .navbar-nav,
.rbt-cart-side-menu .side-nav .navbar-nav,
.rbt-special-offer-sidemenu .side-nav .navbar-nav,
.rbt-order-sidenav .side-nav .navbar-nav,
.rbt-ordered-products-sidenav .side-nav .navbar-nav,
.rbt-review-sidenav .side-nav .navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.side-menu .side-nav .navbar-nav li,
.rbt-cart-side-menu .side-nav .navbar-nav li,
.rbt-special-offer-sidemenu .side-nav .navbar-nav li,
.rbt-order-sidenav .side-nav .navbar-nav li,
.rbt-ordered-products-sidenav .side-nav .navbar-nav li,
.rbt-review-sidenav .side-nav .navbar-nav li {
  display: block;
  margin: 10px 0;
  padding: 0 !important;
  opacity: 0;
  transition: all 0.8s ease 500ms;
  transform: translateY(30px);
}
.side-menu .side-nav .navbar-nav li a,
.rbt-cart-side-menu .side-nav .navbar-nav li a,
.rbt-special-offer-sidemenu .side-nav .navbar-nav li a,
.rbt-order-sidenav .side-nav .navbar-nav li a,
.rbt-ordered-products-sidenav .side-nav .navbar-nav li a,
.rbt-review-sidenav .side-nav .navbar-nav li a {
  color: var(--color-heading);
  font-size: var(--font-size-b1);
  font-weight: var(--f-medium);
}
.side-menu .side-nav .navbar-nav li:first-child,
.rbt-cart-side-menu .side-nav .navbar-nav li:first-child,
.rbt-special-offer-sidemenu .side-nav .navbar-nav li:first-child,
.rbt-order-sidenav .side-nav .navbar-nav li:first-child,
.rbt-ordered-products-sidenav .side-nav .navbar-nav li:first-child,
.rbt-review-sidenav .side-nav .navbar-nav li:first-child {
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.side-menu .side-nav .navbar-nav li:nth-child(2),
.rbt-cart-side-menu .side-nav .navbar-nav li:nth-child(2),
.rbt-special-offer-sidemenu .side-nav .navbar-nav li:nth-child(2),
.rbt-order-sidenav .side-nav .navbar-nav li:nth-child(2),
.rbt-ordered-products-sidenav .side-nav .navbar-nav li:nth-child(2),
.rbt-review-sidenav .side-nav .navbar-nav li:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.side-menu .side-nav .navbar-nav li:nth-child(3),
.rbt-cart-side-menu .side-nav .navbar-nav li:nth-child(3),
.rbt-special-offer-sidemenu .side-nav .navbar-nav li:nth-child(3),
.rbt-order-sidenav .side-nav .navbar-nav li:nth-child(3),
.rbt-ordered-products-sidenav .side-nav .navbar-nav li:nth-child(3),
.rbt-review-sidenav .side-nav .navbar-nav li:nth-child(3) {
  transition-delay: 0.3s;
}
.side-menu .side-nav .navbar-nav li:nth-child(4),
.rbt-cart-side-menu .side-nav .navbar-nav li:nth-child(4),
.rbt-special-offer-sidemenu .side-nav .navbar-nav li:nth-child(4),
.rbt-order-sidenav .side-nav .navbar-nav li:nth-child(4),
.rbt-ordered-products-sidenav .side-nav .navbar-nav li:nth-child(4),
.rbt-review-sidenav .side-nav .navbar-nav li:nth-child(4) {
  transition-delay: 0.4s;
}
.side-menu .side-nav .navbar-nav li:nth-child(5),
.rbt-cart-side-menu .side-nav .navbar-nav li:nth-child(5),
.rbt-special-offer-sidemenu .side-nav .navbar-nav li:nth-child(5),
.rbt-order-sidenav .side-nav .navbar-nav li:nth-child(5),
.rbt-ordered-products-sidenav .side-nav .navbar-nav li:nth-child(5),
.rbt-review-sidenav .side-nav .navbar-nav li:nth-child(5) {
  transition-delay: 0.5s;
}
.side-menu.start-from-left,
.rbt-cart-side-menu.start-from-left,
.rbt-special-offer-sidemenu.start-from-left,
.rbt-order-sidenav.start-from-left,
.rbt-ordered-products-sidenav.start-from-left,
.rbt-review-sidenav.start-from-left {
  left: 0;
  right: auto;
  transform: translate3d(-105%, 0, 0);
}
.side-menu.start-from-left.side-menu-active,
.rbt-cart-side-menu.start-from-left.side-menu-active,
.rbt-special-offer-sidemenu.start-from-left.side-menu-active,
.rbt-order-sidenav.start-from-left.side-menu-active,
.rbt-ordered-products-sidenav.start-from-left.side-menu-active,
.rbt-review-sidenav.start-from-left.side-menu-active {
  transform: translate3d(0, 0, 0);
}
.side-menu.start-from-top,
.rbt-cart-side-menu.start-from-top,
.rbt-special-offer-sidemenu.start-from-top,
.rbt-order-sidenav.start-from-top,
.rbt-ordered-products-sidenav.start-from-top,
.rbt-review-sidenav.start-from-top {
  left: 0;
  right: 0;
  transform: translate3d(0, -100%, 0);
  width: 100%;
  height: auto;
}
.side-menu.start-from-top.side-menu-active,
.rbt-cart-side-menu.start-from-top.side-menu-active,
.rbt-special-offer-sidemenu.start-from-top.side-menu-active,
.rbt-order-sidenav.start-from-top.side-menu-active,
.rbt-ordered-products-sidenav.start-from-top.side-menu-active,
.rbt-review-sidenav.start-from-top.side-menu-active {
  transform: translate3d(0, 0, 0);
}
.side-menu.start-from-top .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom,
.rbt-cart-side-menu.start-from-top .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom,
.rbt-special-offer-sidemenu.start-from-top .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom,
.rbt-order-sidenav.start-from-top .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom,
.rbt-ordered-products-sidenav.start-from-top .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom,
.rbt-review-sidenav.start-from-top .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom {
  display: flex;
  gap: 24px;
  justify-content: space-between;
}
.side-menu.start-from-top .rbt-single-widget,
.rbt-cart-side-menu.start-from-top .rbt-single-widget,
.rbt-special-offer-sidemenu.start-from-top .rbt-single-widget,
.rbt-order-sidenav.start-from-top .rbt-single-widget,
.rbt-ordered-products-sidenav.start-from-top .rbt-single-widget,
.rbt-review-sidenav.start-from-top .rbt-single-widget {
  padding-top: 0;
  margin-top: 0;
  border-top: 0;
  flex-basis: 12%;
}
.side-menu.start-from-bottom,
.rbt-cart-side-menu.start-from-bottom,
.rbt-special-offer-sidemenu.start-from-bottom,
.rbt-order-sidenav.start-from-bottom,
.rbt-ordered-products-sidenav.start-from-bottom,
.rbt-review-sidenav.start-from-bottom {
  left: 0;
  right: 0;
  top: auto;
  bottom: 0;
  transform: translate3d(0, 100%, 0);
  width: 100%;
  height: auto;
}
.side-menu.start-from-bottom.side-menu-active,
.rbt-cart-side-menu.start-from-bottom.side-menu-active,
.rbt-special-offer-sidemenu.start-from-bottom.side-menu-active,
.rbt-order-sidenav.start-from-bottom.side-menu-active,
.rbt-ordered-products-sidenav.start-from-bottom.side-menu-active,
.rbt-review-sidenav.start-from-bottom.side-menu-active {
  transform: translate3d(0, 0, 0);
}
.side-menu.start-from-bottom .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom,
.rbt-cart-side-menu.start-from-bottom .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom,
.rbt-special-offer-sidemenu.start-from-bottom .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom,
.rbt-order-sidenav.start-from-bottom .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom,
.rbt-ordered-products-sidenav.start-from-bottom .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom,
.rbt-review-sidenav.start-from-bottom .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom {
  display: flex;
  gap: 24px;
  justify-content: space-between;
}
.side-menu.start-from-bottom .rbt-single-widget,
.rbt-cart-side-menu.start-from-bottom .rbt-single-widget,
.rbt-special-offer-sidemenu.start-from-bottom .rbt-single-widget,
.rbt-order-sidenav.start-from-bottom .rbt-single-widget,
.rbt-ordered-products-sidenav.start-from-bottom .rbt-single-widget,
.rbt-review-sidenav.start-from-bottom .rbt-single-widget {
  padding-top: 0;
  margin-top: 0;
  border-top: 0;
  flex-basis: 12%;
}
.side-menu.side-menu-active,
.rbt-cart-side-menu.side-menu-active,
.rbt-special-offer-sidemenu.side-menu-active,
.rbt-order-sidenav.side-menu-active,
.rbt-ordered-products-sidenav.side-menu-active,
.rbt-review-sidenav.side-menu-active {
  transform: translate3d(0, 0, 0);
  transition: all 0.85s cubic-bezier(0.23, 1, 0.32, 1);
}
.side-menu.side-menu-active .side-nav .navbar-nav li,
.rbt-cart-side-menu.side-menu-active .side-nav .navbar-nav li,
.rbt-special-offer-sidemenu.side-menu-active .side-nav .navbar-nav li,
.rbt-order-sidenav.side-menu-active .side-nav .navbar-nav li,
.rbt-ordered-products-sidenav.side-menu-active .side-nav .navbar-nav li,
.rbt-review-sidenav.side-menu-active .side-nav .navbar-nav li {
  transform: translateY(0);
  opacity: 1;
}

.close_side_menu {
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1091;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  transition: var(--transition);
  cursor: url(../images/cursor-x.webp), pointer;
}

.offcanvas-menu-active .close_side_menu,
.cart-sidenav-menu-active .close_side_menu {
  opacity: 1;
  visibility: visible;
}

/*---------------------------------
    Rainbow Offcanvas Side Menu  
-----------------------------------*/
.rbt-offcanvas-side-menu {
  z-index: 9999;
  position: fixed;
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
.rbt-offcanvas-side-menu .inner-wrapper {
  width: 450px;
  z-index: 999;
  position: absolute;
  background-color: var(--color-white);
  height: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  opacity: 0;
  left: -150px;
  transition: all 0.5s ease-out;
  padding: 60px 50px;
  height: 100%;
  position: relative;
  overflow-y: auto;
}
@media only screen and (max-width: 575px) {
  .rbt-offcanvas-side-menu .inner-wrapper {
    width: 310px;
    padding: 40px 30px;
  }
}
.rbt-offcanvas-side-menu .inner-wrapper .inner-top {
  border-bottom: 1px solid var(--color-brand-200);
  padding-bottom: 25px;
  margin-bottom: 25px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .rbt-offcanvas-side-menu .inner-wrapper .inner-top {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
.rbt-offcanvas-side-menu.active-offcanvas {
  visibility: visible;
  opacity: 1;
}
.rbt-offcanvas-side-menu.active-offcanvas .inner-wrapper {
  opacity: 1;
  left: 0;
  overflow-y: auto;
}

@media only screen and (max-width: 1199px) {
  .rbt-vertical-nav-list-wrapper .vartical-nav-content-menu-wrapper {
    display: none;
  }
}
/*---------------------------------
    cateory Side Menu
-----------------------------------*/
.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper {
  margin: 0;
  padding: 0;
}
.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vartical-nav-content-menu-wrapper {
  padding-left: 15px;
  padding-top: 20px;
  margin-bottom: 20px;
}
.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vartical-nav-content-menu-wrapper .vartical-nav-content-menu + .vartical-nav-content-menu {
  margin-top: 20px;
}
.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vartical-nav-content-menu-wrapper a {
  font-size: 16px;
  font-weight: var(--f-medium);
}
.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vertical-nav-item {
  margin: 0;
}
.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vertical-nav-item > a {
  padding: 8px 0;
  display: block;
  font-size: 16px;
  font-weight: var(--f-medium);
  position: relative;
}
.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vertical-nav-item > a::after {
  position: absolute;
  content: "+";
  font-family: "Font Awesome 6 Pro";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.4s;
}
.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vertical-nav-item > a.active::after {
  content: "\f068";
}
.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vertical-nav-item + .vertical-nav-item {
  border-top: 1px solid var(--color-border);
}

.rbt-sidebar-cart .rbt-close-inner-popup {
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  top: 0;
  left: 0;
  cursor: url(../images/cursor-x-2.webp), pointer;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.rbt-sidebar-cart.open-popup-overlay .rbt-close-inner-popup {
  opacity: 0.9;
  visibility: visible;
}

.rbt-offcanvas-inner-popup-card {
  background: var(--color-white);
  height: fit-content;
  width: 100%;
  position: absolute;
  left: 0;
  padding: 24px 32px 8px;
  box-shadow: var(--shadow-product-item);
  z-index: 2;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 479px) {
  .rbt-offcanvas-inner-popup-card {
    padding: 16px 12px 8px;
  }
}
.rbt-offcanvas-inner-popup-card.has-default-visible {
  position: static;
  opacity: 1;
  visibility: visible;
}
.rbt-offcanvas-inner-popup-card.note-popup {
  bottom: -100%;
}
.rbt-offcanvas-inner-popup-card.open-note-popup.note-popup {
  bottom: 0%;
  opacity: 1;
  visibility: visible;
}
.rbt-offcanvas-inner-popup-card.shipping-popup {
  bottom: -100%;
}
.rbt-offcanvas-inner-popup-card.open-shipping-popup.shipping-popup {
  bottom: 0%;
  opacity: 1;
  visibility: visible;
}
.rbt-offcanvas-inner-popup-card.coupon-popup {
  bottom: -100%;
}
.rbt-offcanvas-inner-popup-card.open-coupon-popup.coupon-popup {
  bottom: 0%;
  opacity: 1;
  visibility: visible;
}
.rbt-offcanvas-inner-popup-card .rbt-input-field-grp input {
  height: 40px;
}
.rbt-offcanvas-inner-popup-card .rbt-input-field-grp .rbt-modern-select button.btn-light {
  height: 40px;
  border: 2px solid var(--color-gray-200);
}
.rbt-offcanvas-inner-popup-card .rbt-button-group .rbt-btn {
  margin: 0;
}
.rbt-offcanvas-inner-popup-card .rbt-text-field {
  padding: 8px 16px;
  height: 145px;
}
.rbt-offcanvas-inner-popup-card .rbt-modern-select .dropdown-menu {
  width: 100%;
}

.rbt-coupon-wrapper {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.rbt-coupon-wrapper.rbt-bg-color-white .rbt-coupon .left-part::before,
.rbt-coupon-wrapper.rbt-bg-color-white .rbt-coupon .left-part::after {
  background: var(--color-white);
}
.rbt-coupon-wrapper.rbt-bg-color-gray-100 .rbt-coupon .left-part::before,
.rbt-coupon-wrapper.rbt-bg-color-gray-100 .rbt-coupon .left-part::after {
  background: var(--color-gray-100);
}

.rbt-offcanvas-cat-side-menu.side-menu-active .rbt-sidebar-left-content {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  transition: transform 0.85s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.6s step-start;
}

.rbt-categories-sidebar {
  background-color: var(--color-white);
}
.rbt-categories-sidebar .rbt-sidebar-left-content {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  height: 100vh;
  width: 338px;
  transform: translateX(-150%);
  overflow: hidden;
  overscroll-behavior: contain;
  transition: transform 0.85s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.6s step-end;
  background: var(--color-white);
  box-shadow: var(--shadow-1);
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-left-content-head {
  background: var(--color-brand-200);
  padding: 24px;
  position: relative;
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-left-content-head .rbt-sidebar-close-btn {
  width: 32px;
  height: 32px;
  background: var(--color-white);
  border-radius: var(--radius-full);
  border: none;
  position: absolute;
  top: 24px;
  right: 24px;
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-left-content-head .rbt-access-box .rbt-round-btn:hover {
  background: var(--color-brand-300);
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-left-content-head .rbt-access-box .content p {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: var(--f-regular);
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-left-content-head .rbt-access-box .content a {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-tabs-wrapper {
  padding: 16px 8px;
  background: var(--color-white);
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-tabs-wrapper .rbt-sidebar-tabs-inner {
  height: 528px;
  overflow-y: scroll;
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-tabs-wrapper .rbt-sidebar-tabs-inner::-webkit-scrollbar {
  width: 3px;
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-tabs-wrapper .rbt-sidebar-tabs-inner::-webkit-scrollbar-thumb {
  background-color: var(--color-black) !important;
  outline: 0;
  border-radius: 10px;
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-tabs-wrapper .rbt-sidebar-tabs-inner::-webkit-scrollbar-track {
  box-shadow: none;
  background: var(--color-gray-300) !important;
  padding: 1px;
  border-radius: 8px;
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories {
  list-style: none;
  margin: 0;
  padding: 0 8px;
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li {
  margin: 0 0 4px;
  padding: 0;
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button {
  padding: 12px 16px;
  display: flex;
  gap: 12px;
  position: relative;
  border-radius: var(--radius);
  border: none;
  background: transparent;
  width: 100%;
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a:hover, .rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a.active,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button:hover,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button.active {
  background: var(--color-primary);
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a:hover .rbt-round-btn, .rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a.active .rbt-round-btn,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button:hover .rbt-round-btn,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button.active .rbt-round-btn {
  background: var(--color-brand-700);
  color: var(--color-white);
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a:hover .rbt-content .rbt-sub-category-title, .rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a.active .rbt-content .rbt-sub-category-title,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button:hover .rbt-content .rbt-sub-category-title,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button.active .rbt-content .rbt-sub-category-title {
  color: var(--color-white);
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a:hover .rbt-content .rbt-sub-category-title .rbt-product-badge.rbt-product-badge-bg-primary, .rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a.active .rbt-content .rbt-sub-category-title .rbt-product-badge.rbt-product-badge-bg-primary,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button:hover .rbt-content .rbt-sub-category-title .rbt-product-badge.rbt-product-badge-bg-primary,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button.active .rbt-content .rbt-sub-category-title .rbt-product-badge.rbt-product-badge-bg-primary {
  background: var(--color-white);
  color: var(--color-heading);
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a:hover .rbt-content .description, .rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a.active .rbt-content .description,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button:hover .rbt-content .description,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button.active .rbt-content .description {
  color: var(--color-white);
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a:hover .icon, .rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a.active .icon,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button:hover .icon,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button.active .icon {
  color: var(--color-white);
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li .rbt-round-btn {
  background: var(--color-brand-200);
  color: var(--color-gray-700);
  transition: var(--transition);
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li .rbt-round-btn::after {
  content: none;
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li .rbt-content {
  max-width: 190px;
  text-align: start;
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li .rbt-content .rbt-sub-category-title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li .rbt-content .rbt-sub-category-title .rbt-product-badge {
  position: static;
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li .rbt-content .description {
  color: var(--color-gray-600);
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: var(--f-regular);
  transition: var(--transition);
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li .icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-gray-400);
  font-size: var(--h6);
  font-weight: var(--f-black);
  transition: var(--transition);
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-quick-links-part {
  padding: 0 24px 24px;
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-quick-links-part .rbt-sub-category-title {
  margin-bottom: 0;
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-quick-links-part .rbt-sub-category-title a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sub-category-title {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  font-weight: var(--f-semi-bold);
  margin-bottom: 4px;
  transition: var(--transition);
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-quick-links {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 16px;
  display: grid;
  gap: 12px;
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-quick-links li {
  margin: 0;
  padding: 0;
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-quick-links li a {
  display: block;
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-left-content-footer {
  padding: 32px 24px;
  background: var(--color-brand-200);
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 3;
  border-top: 16px solid var(--color-white);
  box-shadow: none;
  display: flex;
  flex-direction: column;
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-left-content-footer .rbt-contact-text {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  font-size: var(--line-height-b3);
  font-weight: var(--f-medium);
  margin-bottom: 8px;
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-left-content-footer .rbt-contact-links {
  color: var(--color-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  font-size: var(--line-height-b3);
  font-weight: var(--f-medium);
  display: inline-block;
  width: max-content;
}
.rbt-categories-sidebar .rbt-sidebar-right-content {
  max-width: 632px;
  height: 100vh;
  padding: 32px;
  box-shadow: var(--shadow-1);
  background: var(--color-white);
  position: fixed;
  z-index: 1111;
  top: 0;
  transform: translateX(-150%);
  transition: transform 0.55s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s step-end;
}
.rbt-categories-sidebar .rbt-sidebar-right-content.active {
  transform: translateX(338px);
  transition: transform 0.85s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.6s step-start;
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sidebar-right-inner {
  height: 100%;
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sidebar-right-inner .tab-content {
  height: 100%;
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sidebar-right-inner .tab-content .rbt-tab-content {
  height: 100%;
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-products {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-products .rbt-category-products-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  row-gap: 24px;
  overflow-y: auto;
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-products .rbt-category-products-inner::-webkit-scrollbar {
  width: 3px;
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-products .rbt-category-products-inner::-webkit-scrollbar-thumb {
  background-color: var(--color-black) !important;
  outline: 0;
  border-radius: 10px;
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-products .rbt-category-products-inner::-webkit-scrollbar-track {
  box-shadow: none;
  background: var(--color-gray-300) !important;
  padding: 1px;
  border-radius: 8px;
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-product {
  min-width: 160px;
  flex-basis: 32%;
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-product .rbt-sidebar-category-img {
  display: inline-block;
  width: 64px;
  height: 64px;
  border-radius: var(--radius);
  background: var(--color-white);
  margin-bottom: 8px;
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-product .rbt-sidebar-category-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: var(--transition);
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-product .rbt-sidebar-category-img:hover img {
  scale: 0.9;
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-product .rbt-header {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  font-weight: var(--f-semi-bold);
  margin-bottom: 8px;
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-product .rbt-product-features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 4px;
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-product .rbt-product-features li {
  margin: 0;
  padding: 0;
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-product .rbt-product-features li a {
  color: var(--color-gray-600);
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  line-height: 1;
  font-weight: var(--f-regular);
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-product .rbt-product-features li a:hover {
  color: var(--color-primary);
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sidebar-banner {
  background: var(--color-extra-one);
  padding: 44px 32px;
  border-radius: var(--radius-md);
  margin-top: 36px;
  position: relative;
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sidebar-banner .rbt-banner-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sidebar-banner .rbt-banner-img img {
  height: 100%;
  width: 100%;
  user-select: none;
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sidebar-banner-content {
  position: relative;
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sidebar-banner-content .rbt-sidebar-banner-text {
  color: var(--color-gray-500);
  font-family: var(--font-primary);
  font-size: var(--font-size-b1);
  font-size: var(--line-height-b1);
  font-weight: var(--f-regular);
  margin-bottom: 8px;
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sidebar-banner-content .rbt-sidebar-banner-title {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-weight: var(--f-bold);
  margin-bottom: 8px;
}

ul.has-link-underline-effect li a {
  position: relative;
}
ul.has-link-underline-effect li a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s;
}
ul.has-link-underline-effect li a:hover::after {
  transform-origin: bottom left;
  transform: scaleX(1);
}

.rbt-sidebar-close-btn {
  position: relative;
  z-index: 1;
  background: transparent;
}
.rbt-sidebar-close-btn::after {
  background: var(--color-white);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: var(--transition);
  opacity: 1;
  transform: scale(1);
  border-radius: var(--radius-full);
  z-index: -1;
  box-shadow: var(--shadow-1);
}
.rbt-sidebar-close-btn:hover::after {
  transform: scale(1.15);
}
.rbt-sidebar-close-btn:active::after {
  transform: scale(1);
}

.rbt-special-offprds-side-menu.side-menu-active .rbt-sidebar-left-content {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  transition: transform 0.85s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.6s step-start;
}

.rbt-special-offprds-side-menu .rbt-sidebar .rbt-sidebar-close-btn {
  top: 16px;
  right: 16px;
}
.rbt-special-offprds-side-menu .rbt-sidebar-top {
  border-bottom: 2px solid var(--color-border);
  padding: 24px;
}
.rbt-special-offprds-side-menu .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom {
  padding: 24px;
}

.rbt-quickview-sidenav-area {
  background: var(--color-white);
  box-shadow: var(--shadow-4);
  padding: 24px;
  position: fixed;
  height: 100%;
  z-index: -2;
  width: 460px;
  right: 0;
  top: 0;
  transform: translateX(8px);
  visibility: hidden;
  opacity: 0;
  transition: var(--transition);
  overflow-y: auto;
}
.rbt-quickview-sidenav-area::-webkit-scrollbar {
  width: 3px;
}
.rbt-quickview-sidenav-area::-webkit-scrollbar-thumb {
  background-color: var(--color-gray-400) !important;
  outline: 0;
  border-radius: 10px;
}
.rbt-quickview-sidenav-area::-webkit-scrollbar-track {
  box-shadow: none;
  background: var(--color-gray-300) !important;
  padding: 1px;
  border-radius: 8px;
}
.rbt-quickview-sidenav-area.rbt-vertical-height-sm {
  max-height: 216px;
}
.rbt-quickview-sidenav-area.quickview-sidenav-active {
  transform: translateX(0px);
  visibility: visible;
  opacity: 1;
  z-index: 9999;
}
.rbt-quickview-sidenav-area .close-canvas-btn {
  height: 40px;
  width: 40px;
  font-size: 16px;
  position: absolute;
  top: 16px;
  right: 16px;
}
.rbt-quickview-sidenav-area .close-canvas-btn::after {
  background: var(--color-brand-100);
  opacity: 1;
  visibility: visible;
}
.rbt-quickview-sidenav-area .rbt-compare-title {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rbt-quickview-sidenav-area .rbt-compare-products {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding: 16px 0;
}
.rbt-quickview-sidenav-area .rbt-compare-products::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-quickview-sidenav-area .rbt-popup-action-area {
    flex-direction: row;
    gap: 12px;
  }
}

/*---------------------------------------
    One Page Navigation Inner Section 
------------------------------------------*/
.rbt-inner-onepage-navigation {
  border-radius: 500px;
  background: var(--color-white);
  overflow: hidden;
  box-shadow: var(--shadow-1);
  padding: 7px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-inner-onepage-navigation {
    padding: 0;
    border-radius: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-inner-onepage-navigation {
    padding: 0;
    border-radius: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-inner-onepage-navigation {
    padding: 0;
    border-radius: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-inner-onepage-navigation {
    position: static;
  }
}
.rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu {
  display: flex;
  padding: 0;
  justify-content: space-between;
  margin: -3px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu {
    padding: 17px;
  }
}
.rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu li {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  margin: 3px;
  flex-grow: 1;
  text-align: center;
}
.rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu li a {
  margin: 0;
  position: relative;
  display: block;
  color: var(--color-heading);
  z-index: 2;
  padding: 10px 25px;
  border-radius: 500px;
}
.rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu li a::after {
  position: absolute;
  content: "";
  left: 0;
  background: var(--color-brand-100);
  width: 100%;
  height: 100%;
  bottom: 0;
  opacity: 1;
  transition: 0.4s;
  z-index: -1;
  border-radius: 500px;
}
.rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu li.current a, .rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu li:hover a {
  color: var(--color-white);
}
.rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu li.current a::after, .rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu li:hover a::after {
  width: 100%;
  opacity: 1;
  background: var(--color-primary);
}

/**************************************
    Elements Styles
***************************************/
/*===================
Button Area 
====================*/
.rbt-button-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: -10px;
}
.rbt-button-group a,
.rbt-button-group button {
  margin: 10px;
}

.disabled,
.rbt-btn:disabled,
fieldset:disabled {
  pointer-events: none;
  opacity: 0.65;
  background: var(--color-gray-300) !important;
}
.disabled.rbt-btn-border,
.rbt-btn:disabled.rbt-btn-border,
fieldset:disabled.rbt-btn-border {
  background: transparent !important;
  border: 2px solid var(--color-gray-300) !important;
  color: var(--color-gray-400) !important;
  line-height: 47px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .disabled.rbt-btn-border,
  .rbt-btn:disabled.rbt-btn-border,
  fieldset:disabled.rbt-btn-border {
    line-height: 38px;
  }
}
@media only screen and (max-width: 479px) {
  .disabled.rbt-btn-border,
  .rbt-btn:disabled.rbt-btn-border,
  fieldset:disabled.rbt-btn-border {
    line-height: 28px;
  }
}

.rbt-btn {
  padding: 0 40px;
  background: var(--color-primary);
  height: 50px;
  line-height: 50px;
  color: var(--color-white);
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  position: relative;
  transition: var(--transition);
  border-radius: var(--radius-60);
  border: 0 none;
  outline: none;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-btn {
    padding: 0 24px;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
  }
  .rbt-btn i {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-btn {
    padding: 0 24px;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
  }
  .rbt-btn i {
    font-size: 14px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-btn {
    padding: 0 12px;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
  }
  .rbt-btn i {
    font-size: 12px !important;
  }
}
.rbt-btn.rbt-btn-secondary {
  background: var(--color-brand-200);
  color: var(--color-primary);
}
.rbt-btn.rbt-btn-secondary:hover, .rbt-btn.rbt-btn-secondary:focus {
  color: var(--color-white);
  box-shadow: none;
  background-color: var(--color-primary);
}
.rbt-btn.rbt-btn-secondary-alt {
  background: var(--color-extra-twelve);
  color: var(--color-secondary);
}
.rbt-btn.rbt-btn-secondary-alt:hover, .rbt-btn.rbt-btn-secondary-alt:focus {
  color: var(--color-white);
  box-shadow: none;
  background-color: var(--color-secondary);
}
.rbt-btn.rbt-btn-black {
  background: var(--color-black);
  color: var(--color-white) !important;
}
.rbt-btn.rbt-btn-black:hover {
  color: var(--color-black);
  box-shadow: none;
}
.rbt-btn.rbt-btn-gray {
  background: var(--color-brand-50);
  color: var(--color-heading);
}
.rbt-btn.rbt-btn-gray:hover {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-btn.rbt-btn-gray-light {
  background: var(--color-gray-200);
  color: var(--color-gray-500);
}
.rbt-btn.rbt-btn-gray-light:hover, .rbt-btn.rbt-btn-gray-light:focus {
  background: var(--color-black);
  color: var(--color-white);
  box-shadow: none;
}
.rbt-btn.rbt-btn-white {
  background: var(--color-white);
  color: var(--color-heading);
}
.rbt-btn.rbt-btn-white:hover {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-btn.btn-bg-white-opacity {
  background: rgba(255, 255, 255, 0.2);
  color: var(--color-white);
}
.rbt-btn.btn-bg-white-opacity:hover {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-btn.rbt-btn-naked {
  background: transparent;
  color: var(--color-heading);
}
.rbt-btn.rbt-btn-naked:hover, .rbt-btn.rbt-btn-naked:focus {
  color: var(--color-white);
  background: var(--color-black);
  box-shadow: none;
}
.rbt-btn.rbt-btn-border {
  background: transparent;
  border: 2px solid var(--color-primary);
  color: var(--color-heading);
  line-height: 47px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-btn.rbt-btn-border {
    line-height: 38px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-btn.rbt-btn-border {
    line-height: 28px;
  }
}
.rbt-btn.rbt-btn-border:hover, .rbt-btn.rbt-btn-border:focus, .rbt-btn.rbt-btn-border.active {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-white);
}
.rbt-btn.rbt-btn-border.color-two {
  border-color: var(--color-brand-500);
}
.rbt-btn.rbt-btn-border.color-two:hover, .rbt-btn.rbt-btn-border.color-two:focus {
  border-color: var(--color-primary);
}
.rbt-btn.rbt-btn-border.color-dark {
  border-color: var(--color-black);
}
.rbt-btn.rbt-btn-border.color-dark:hover, .rbt-btn.rbt-btn-border.color-dark:focus {
  border-color: var(--color-black);
  background: var(--color-black);
}
.rbt-btn.rbt-btn-border.rbt-btn-xs {
  line-height: 28px;
}
.rbt-btn.rbt-btn-border.rbt-btn-sm {
  line-height: 32px;
}
@media only screen and (max-width: 479px) {
  .rbt-btn.rbt-btn-border.rbt-btn-sm {
    line-height: 27px;
  }
}
.rbt-btn.rbt-btn-border.rbt-btn-md {
  line-height: 36px;
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rbt-btn-border.rbt-btn-md {
    line-height: 26px;
  }
}
.rbt-btn.rbt-btn-border.rbt-btn-gray-light {
  border-color: var(--color-gray-200);
  color: var(--color-gray-500);
}
.rbt-btn.rbt-btn-border.rbt-btn-gray-light:hover, .rbt-btn.rbt-btn-border.rbt-btn-gray-light:active, .rbt-btn.rbt-btn-border.rbt-btn-gray-light:focus {
  background: var(--color-gray-500);
  border-color: var(--color-gray-500);
  color: var(--color-white);
}
.rbt-btn.rbt-btn-border.rbt-btn-border-black {
  border-color: var(--color-black);
}
.rbt-btn.rbt-btn-border.rbt-btn-border-black:hover, .rbt-btn.rbt-btn-border.rbt-btn-border-black:active, .rbt-btn.rbt-btn-border.rbt-btn-border-black:focus {
  background: var(--color-black);
}
.rbt-btn.rbt-btn-border.rbt-btn-border-white {
  border-color: var(--color-white);
  background: transparent;
  color: var(--color-white);
}
.rbt-btn.rbt-btn-border.rbt-btn-border-white:hover, .rbt-btn.rbt-btn-border.rbt-btn-border-white:active, .rbt-btn.rbt-btn-border.rbt-btn-border-white:focus {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-black);
}
.rbt-btn.radius-round-6 {
  border-radius: var(--radius);
}
.rbt-btn.radius-round-10 {
  border-radius: 10px;
}
.rbt-btn.rbt-bg-color-secondary:hover {
  box-shadow: none;
}
.rbt-btn:hover, .rbt-btn:focus {
  transform: translateY(-2px);
  box-shadow: var(--shadow-7);
  color: var(--color-white);
  background: var(--color-primary);
}
.rbt-btn:hover.icon-hover .btn-text, .rbt-btn:focus.icon-hover .btn-text {
  transform: translateX(-5px);
}
.rbt-btn:hover.icon-hover .btn-icon i, .rbt-btn:focus.icon-hover .btn-icon i {
  opacity: 1;
  transform: translateX(5px);
}
.rbt-btn:hover.hover-icon-reverse .btn-text, .rbt-btn:focus.hover-icon-reverse .btn-text {
  transition-delay: 0.1s;
  transform: translateX(23px);
}
.rbt-btn:hover.hover-icon-reverse .btn-icon, .rbt-btn:focus.hover-icon-reverse .btn-icon {
  opacity: 0;
  transition-delay: 0s;
  transform: translateX(10px);
}
.rbt-btn:hover.hover-icon-reverse .btn-icon + .btn-icon, .rbt-btn:focus.hover-icon-reverse .btn-icon + .btn-icon {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.225s;
}
.rbt-btn:hover.has-no-hover-transform, .rbt-btn:focus.has-no-hover-transform {
  transform: translateY(0);
}
.rbt-btn:active {
  transform: translateY(0);
}
.rbt-btn:active.icon-hover .btn-text {
  transform: translateX(0);
}
.rbt-btn:active.icon-hover .btn-icon i {
  opacity: 1;
  transform: translateX(0);
}
.rbt-btn:active.hover-icon-reverse .btn-text {
  transition-delay: 0.1s;
  transform: translateX(0);
}
.rbt-btn:active.hover-icon-reverse .btn-icon {
  opacity: 0;
  transition-delay: 0s;
  transform: translateX(0);
}
.rbt-btn:active.hover-icon-reverse .btn-icon + .btn-icon {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.225s;
}
.rbt-btn.rounded-player {
  border-radius: var(--radius-full);
  width: 100px;
  height: 100px;
  padding: 0;
  line-height: 100px;
  display: inline-block;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-btn.rounded-player {
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rounded-player {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}
.rbt-btn.rounded-player span {
  display: inline-block;
}
.rbt-btn.rounded-player span i {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px !important;
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rounded-player span i {
    font-size: 20px;
  }
}
.rbt-btn.rounded-player.bg-var-two {
  background: rgba(33, 90, 218, 0.1);
  color: var(--color-primary);
}
.rbt-btn.rounded-player.bg-var-two:hover, .rbt-btn.rounded-player.bg-var-two:active {
  background-color: var(--color-primary);
  color: var(--color-white) !important;
}
.rbt-btn.rounded-player.bg-var-three {
  background: rgba(255, 255, 255, 0.3);
  color: var(--color-white);
}
.rbt-btn.rounded-player.bg-var-three:hover, .rbt-btn.rounded-player.bg-var-three:active {
  background-color: var(--color-primary);
  color: var(--color-white) !important;
}
.rbt-btn.rounded-player.border {
  background-image: inherit;
  border-color: var(--color-white) !important;
  border-width: 2px !important;
}
.rbt-btn.rounded-player.border:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary) !important;
}
.rbt-btn.rounded-player.xl-size {
  width: 120px;
  height: 120px;
  line-height: 120px;
}
.rbt-btn.rounded-player.xl-size span i {
  font-size: 30px !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-btn.rounded-player.xl-size {
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rounded-player.xl-size {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}
.rbt-btn.rounded-player.md-size {
  width: 80px;
  height: 80px;
  line-height: 80px;
}
.rbt-btn.rounded-player.md-size span i {
  font-size: 30px !important;
}
.rbt-btn.rounded-player.sm-size {
  width: 70px;
  height: 70px;
  line-height: 70px;
}
.rbt-btn.rounded-player.xs-size {
  width: 64px;
  height: 64px;
  line-height: 64px;
}
.rbt-btn.rounded-player.xs-size span i {
  font-size: 26px !important;
}
.rbt-btn.rounded-player.position-center-center {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.rbt-btn.rounded-player:focus {
  outline: none;
  color: var(--color-white);
}
.rbt-btn.rounded-player:hover {
  transform: scale(1.1);
  background: var(--color-primary);
}
.rbt-btn.rbt-marquee-btn {
  overflow: hidden;
  position: relative;
  max-width: 260px;
}
.rbt-btn.rbt-marquee-btn::after, .rbt-btn.rbt-marquee-btn::before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 2;
  width: 30px;
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
}
.rbt-btn.rbt-marquee-btn::after {
  right: -2px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.9) 45.02%, #FFF 86.62%);
}
.rbt-btn.rbt-marquee-btn::before {
  left: -2px;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.9) 45.02%, #FFF 86.62%);
}
.rbt-btn.rbt-marquee-btn.has-primary-overlay::after {
  right: -2px;
  background: linear-gradient(90deg, rgba(33, 90, 218, 0.18) 0%, rgba(33, 90, 218, 0.97) 45.02%, #215ada 86.62%);
}
.rbt-btn.rbt-marquee-btn.has-primary-overlay::before {
  left: -2px;
  background: linear-gradient(270deg, rgba(33, 90, 218, 0.18) 0%, rgba(33, 90, 218, 0.97) 45.02%, #215ada 86.62%);
}
.rbt-btn.rbt-marquee-btn span {
  display: inline-flex;
  position: relative;
  z-index: 1;
  line-height: 1.2;
}
.rbt-btn.rbt-marquee-btn span::after {
  content: attr(data-text);
  position: absolute;
  white-space: nowrap;
  top: 50%;
  left: 100%;
  transform: translate(15%, -50%);
}
.rbt-btn.rbt-marquee-btn.no-white-overlay::after, .rbt-btn.rbt-marquee-btn.no-white-overlay::before {
  display: none;
}
.rbt-btn.rbt-marquee-btn:hover::after, .rbt-btn.rbt-marquee-btn:hover::before {
  opacity: 0;
  visibility: hidden;
}
.rbt-btn.rbt-marquee-btn.marquee-text-y span::after {
  top: 100%;
  left: 50%;
  transform: translate(-50%, 100%);
}
.rbt-btn.rbt-marquee-btn.marquee-auto span {
  animation: btnTxtMarqueeX 5s linear infinite;
}
.rbt-btn.rbt-btn-sm {
  padding: 0 32px;
  font-size: var(--font-size-b3);
  height: 36px;
  line-height: 36px;
}
.rbt-btn.rbt-btn-sm i {
  font-size: var(--font-size-b3);
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rbt-btn-sm {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-btn.rbt-btn-sm {
    font-size: var(--font-size-b4);
    padding: 0 8px;
    height: 30px;
    line-height: 30px !important;
  }
}
.rbt-btn.rbt-btn-sm-2 {
  padding: 0 18px;
  font-size: var(--font-size-b3);
  height: 36px;
  line-height: 36px;
}
.rbt-btn.rbt-btn-sm-2 i {
  font-size: var(--font-size-b3);
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rbt-btn-sm-2 {
    padding: 0 12px;
    font-size: var(--font-size-b4);
    height: 28px;
    line-height: 28px;
  }
}
.rbt-btn.rbt-btn-xs {
  padding: 0 16px;
  font-size: var(--font-size-b3);
  height: 32px;
  line-height: 32px;
}
.rbt-btn.rbt-btn-xs i {
  font-size: var(--font-size-b3);
}
.rbt-btn.rbt-btn-md {
  padding: 0 32px;
  font-size: var(--font-size-b1);
  height: 40px;
  line-height: 40px;
}
.rbt-btn.rbt-btn-md i {
  font-size: var(--font-size-b3);
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rbt-btn-md {
    padding: 0 12px;
    font-size: var(--font-size-b4);
    height: 28px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-btn.rbt-btn-md {
    font-size: 10px;
  }
}
.rbt-btn i {
  display: inline-block;
  position: relative;
  font-size: 17px;
}
.rbt-btn i.image-icon {
  top: inherit;
  transition: 0.4s;
}
.rbt-btn.btn-border-gradient {
  background: linear-gradient(90deg, #CFA2E8, #637FEA);
  border: none;
  outline: none;
  cursor: pointer;
  position: relative;
  z-index: 10;
  color: var(--color-heading);
  box-shadow: 0 10px 13px 0 rgba(209, 211, 237, 0.39);
  border-radius: 0;
}
.rbt-btn.btn-border-gradient::before {
  content: "";
  z-index: -1;
  top: 3px;
  left: 3px;
  position: absolute;
  background: #fff;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
}
.rbt-btn.btn-border-gradient.radius-round {
  border-radius: 500px;
}
.rbt-btn.btn-border-gradient.radius-round::before {
  border-radius: 500px;
}
.rbt-btn.rbt-btn-gradient-red {
  background: linear-gradient(90deg, #D50000 0%, #F00 5.79%, #FF8E6B 12.11%, #F00 19.47%, #F00 37.89%, #E90000 58.42%, #540001 100%), #D8DA67;
}
.rbt-btn.rbt-btn-gradient-red:hover {
  box-shadow: none;
}
.rbt-btn.hover-transform-none:hover {
  transform: none;
}
.rbt-btn.rbt-btn-round {
  border-radius: var(--radius-full);
  height: 100px;
  width: 100px;
  display: flex;
  text-align: center;
  gap: 4px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 25px;
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  white-space: unset;
}
@media only screen and (max-width: 575px) {
  .rbt-btn.rbt-btn-round {
    height: 80px;
    width: 80px;
  }
}
.rbt-btn.icon-hover .btn-text {
  transition-timing-function: cubic-bezier(0, 0.71, 0.4, 1);
  display: inline-block;
  transition: transform 0.5s;
  transform: translateX(5px);
}
.rbt-btn.icon-hover .btn-icon {
  margin-inline-start: -5px;
  display: inline-block;
}
.rbt-btn.icon-hover .btn-icon i {
  transition-timing-function: cubic-bezier(0, 0.71, 0.4, 1);
  display: inline-block;
  opacity: 0;
  transform: translateX(-5px);
  transition: opacity 0.25s, transform 0.5s;
  padding-left: 0;
}
.rbt-btn.icon-hover.icon-hover-left .btn-text {
  transform: translateX(-5px);
}
.rbt-btn.icon-hover.icon-hover-left .btn-icon {
  margin-inline-start: 0;
  margin-inline-end: -5px;
}
.rbt-btn.icon-hover.icon-hover-left .btn-icon i {
  transform: translateX(5px);
}
.rbt-btn.icon-hover.icon-hover-left:hover .btn-icon i {
  transform: translateX(-5px);
}
.rbt-btn.icon-hover.icon-hover-left:hover .btn-text {
  transform: translateX(5px);
}

/*-------------------------------
    Button Bg Color Variation 
--------------------------------*/
a.bg-primary-opacity:hover,
button.bg-primary-opacity:hover {
  background: var(--color-primary);
  color: var(--color-white);
}
a.bg-white,
button.bg-white {
  background: var(--color-white);
  color: var(--color-heading);
}
a.bg-white:hover,
button.bg-white:hover {
  background: var(--color-black) !important;
  color: var(--color-white) !important;
  box-shadow: none;
}

/*----------------------------------
    E-commerce Transparent Button 
------------------------------------*/
a.rbt-btn-link,
button.rbt-btn-link,
span.rbt-btn-link {
  color: var(--color-heading);
  position: relative;
  transition: var(--transition);
  font-size: var(--font-size-b1);
  font-weight: var(--f-medium);
  display: inline-block;
}
a.rbt-btn-link i,
button.rbt-btn-link i,
span.rbt-btn-link i {
  position: relative;
  top: 1px;
  display: inline-block;
  padding-left: 4px;
}
a.rbt-btn-link::after,
button.rbt-btn-link::after,
span.rbt-btn-link::after {
  position: absolute;
  content: "";
  left: auto;
  bottom: 0;
  background: currentColor;
  width: 0;
  height: 2px;
  transition: var(--transition);
  right: 0;
}
a.rbt-btn-link:hover,
button.rbt-btn-link:hover,
span.rbt-btn-link:hover {
  color: var(--color-primary) !important;
}
a.rbt-btn-link:hover::after,
button.rbt-btn-link:hover::after,
span.rbt-btn-link:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}
a.rbt-btn-link.left-icon i,
button.rbt-btn-link.left-icon i,
span.rbt-btn-link.left-icon i {
  padding-left: 0;
  padding-right: 4px;
}
a.rbt-btn-link.color-white:hover,
button.rbt-btn-link.color-white:hover,
span.rbt-btn-link.color-white:hover {
  color: var(--color-white) !important;
}
a.rbt-btn-link.b4,
button.rbt-btn-link.b4,
span.rbt-btn-link.b4 {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
}
a.transparent-button,
button.transparent-button,
span.transparent-button {
  color: var(--color-heading);
  position: relative;
  transition: var(--transition);
  font-size: 14px;
  font-weight: var(--f-medium);
}
a.transparent-button i,
button.transparent-button i,
span.transparent-button i {
  display: inline-block;
  padding-left: 4px;
  transition: 0.4s;
}
a.transparent-button:hover i,
button.transparent-button:hover i,
span.transparent-button:hover i {
  padding-left: 10px;
}

/*-----------------------
 Video Player Button 
-------------------------*/
.video-popup-wrapper {
  position: relative;
}
.video-popup-wrapper .position-to-top {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  cursor: pointer;
  z-index: 2;
}
.video-popup-wrapper .rbt-btn.rounded-player:hover {
  transform: translate(-50%, -50%) scale(1.1);
}

.rbt-btn,
a, button {
  transition: all 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-btn .animated-icon svg,
a .animated-icon svg, button .animated-icon svg {
  width: 16px;
}
@media only screen and (max-width: 767px) {
  .rbt-btn .animated-icon svg,
  a .animated-icon svg, button .animated-icon svg {
    width: 12px;
  }
}
.rbt-btn .animated-icon svg path,
a .animated-icon svg path, button .animated-icon svg path {
  fill: var(--color-primary);
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-btn .animated-icon svg .icon-arrow-line-two,
.rbt-btn .animated-icon svg .icon-arrow-el-two,
a .animated-icon svg .icon-arrow-line-two,
a .animated-icon svg .icon-arrow-el-two, button .animated-icon svg .icon-arrow-line-two,
button .animated-icon svg .icon-arrow-el-two {
  opacity: 0;
  visibility: hidden;
  transform: translate(-10px, 10px);
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-btn .animated-icon svg .icon-arrow-line-one,
.rbt-btn .animated-icon svg .icon-arrow-el-one,
a .animated-icon svg .icon-arrow-line-one,
a .animated-icon svg .icon-arrow-el-one, button .animated-icon svg .icon-arrow-line-one,
button .animated-icon svg .icon-arrow-el-one {
  transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-btn:hover .animated-icon svg,
a:hover .animated-icon svg, button:hover .animated-icon svg {
  width: 16px;
}
@media only screen and (max-width: 767px) {
  .rbt-btn:hover .animated-icon svg,
  a:hover .animated-icon svg, button:hover .animated-icon svg {
    width: 12px;
  }
}
.rbt-btn:hover .animated-icon svg path,
a:hover .animated-icon svg path, button:hover .animated-icon svg path {
  fill: var(--color-white) !important;
}
.rbt-btn:hover .animated-icon svg .icon-arrow-line-one,
.rbt-btn:hover .animated-icon svg .icon-arrow-el-one,
a:hover .animated-icon svg .icon-arrow-line-one,
a:hover .animated-icon svg .icon-arrow-el-one, button:hover .animated-icon svg .icon-arrow-line-one,
button:hover .animated-icon svg .icon-arrow-el-one {
  transform: translate(10px, -10px);
  opacity: 0;
  visibility: hidden;
}
.rbt-btn:hover .animated-icon svg .icon-arrow-line-two,
.rbt-btn:hover .animated-icon svg .icon-arrow-el-two,
a:hover .animated-icon svg .icon-arrow-line-two,
a:hover .animated-icon svg .icon-arrow-el-two, button:hover .animated-icon svg .icon-arrow-line-two,
button:hover .animated-icon svg .icon-arrow-el-two {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
.rbt-btn.animated-icon-btn.defalt-secondary-bg,
a.animated-icon-btn.defalt-secondary-bg, button.animated-icon-btn.defalt-secondary-bg {
  background: transparent;
  color: var(--color-primary);
  position: relative;
}
.rbt-btn.animated-icon-btn.defalt-secondary-bg::after,
a.animated-icon-btn.defalt-secondary-bg::after, button.animated-icon-btn.defalt-secondary-bg::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  height: 100%;
  width: 100%;
  background-color: var(--color-brand-200);
  z-index: -1;
  border-radius: 60px;
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-btn.animated-icon-btn.defalt-secondary-bg .animated-icon svg path,
a.animated-icon-btn.defalt-secondary-bg .animated-icon svg path, button.animated-icon-btn.defalt-secondary-bg .animated-icon svg path {
  fill: var(--color-primary);
}
.rbt-btn.animated-icon-btn.defalt-secondary-bg:hover,
a.animated-icon-btn.defalt-secondary-bg:hover, button.animated-icon-btn.defalt-secondary-bg:hover {
  background: transparent !important;
  color: var(--color-primary);
}
.rbt-btn.animated-icon-btn.defalt-secondary-bg:hover .animated-icon svg path,
a.animated-icon-btn.defalt-secondary-bg:hover .animated-icon svg path, button.animated-icon-btn.defalt-secondary-bg:hover .animated-icon svg path {
  fill: var(--color-primary) !important;
}
.rbt-btn.animated-icon-btn.defalt-secondary-bg:hover::after,
a.animated-icon-btn.defalt-secondary-bg:hover::after, button.animated-icon-btn.defalt-secondary-bg:hover::after {
  transform: translate(-50%, -50%) scale(1.1);
}
.rbt-btn.animated-icon-btn.defalt-primary-bg,
a.animated-icon-btn.defalt-primary-bg, button.animated-icon-btn.defalt-primary-bg {
  background: transparent;
  color: var(--color-white);
  position: relative;
}
.rbt-btn.animated-icon-btn.defalt-primary-bg::after,
a.animated-icon-btn.defalt-primary-bg::after, button.animated-icon-btn.defalt-primary-bg::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  height: 100%;
  width: 100%;
  background-color: var(--color-primary);
  z-index: -1;
  border-radius: 60px;
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-btn.animated-icon-btn.defalt-primary-bg .animated-icon svg path,
a.animated-icon-btn.defalt-primary-bg .animated-icon svg path, button.animated-icon-btn.defalt-primary-bg .animated-icon svg path {
  fill: var(--color-white);
}
.rbt-btn.animated-icon-btn.defalt-primary-bg:hover,
a.animated-icon-btn.defalt-primary-bg:hover, button.animated-icon-btn.defalt-primary-bg:hover {
  background: transparent !important;
  color: var(--color-white);
}
.rbt-btn.animated-icon-btn.defalt-primary-bg:hover .animated-icon svg path,
a.animated-icon-btn.defalt-primary-bg:hover .animated-icon svg path, button.animated-icon-btn.defalt-primary-bg:hover .animated-icon svg path {
  fill: var(--color-white) !important;
}
.rbt-btn.animated-icon-btn.defalt-primary-bg:hover::after,
a.animated-icon-btn.defalt-primary-bg:hover::after, button.animated-icon-btn.defalt-primary-bg:hover::after {
  transform: translate(-50%, -50%) scale(1.1);
}
.rbt-btn.animated-icon-btn.round-sm,
a.animated-icon-btn.round-sm, button.animated-icon-btn.round-sm {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .rbt-btn.animated-icon-btn.round-sm,
  a.animated-icon-btn.round-sm, button.animated-icon-btn.round-sm {
    height: 28px;
    width: 28px;
    min-width: none;
  }
}
.rbt-btn.animated-icon-btn.round-sm::after,
a.animated-icon-btn.round-sm::after, button.animated-icon-btn.round-sm::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  height: 100%;
  width: 100%;
  background-color: var(--color-primary);
  z-index: -1;
  border-radius: 50%;
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}

/*-----------------------
 Card Link Button CSS
-------------------------*/
.rbt-icon-overlay-link-btn {
  height: 32px;
  width: 32px;
  border-radius: var(--radius-full);
  color: var(--color-primary);
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  background: transparent;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.rbt-icon-overlay-link-btn .rbt-btn-overlay {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  display: block;
}
.rbt-icon-overlay-link-btn i {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  margin-top: -7px;
  margin-left: -4px;
  z-index: 1;
}
.rbt-icon-overlay-link-btn i.rbt-icon {
  transition: var(--transition);
}
.rbt-icon-overlay-link-btn i.rbt-icon-bottom {
  position: absolute;
  transition: var(--transition);
  transform: translateY(300%) translateX(-475%);
}
.rbt-icon-overlay-link-btn::after {
  transition: var(--transition);
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  border: 1px solid var(--color-extra-four);
  border-radius: var(--radius-full);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.rbt-icon-overlay-link-btn:hover {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.rbt-icon-overlay-link-btn:hover::after {
  transform: scale(1.1);
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-white);
}
.rbt-icon-overlay-link-btn:hover i.rbt-icon {
  transform: translateY(-300%) translateX(475%);
}
.rbt-icon-overlay-link-btn:hover i.rbt-icon-bottom {
  transform: translateY(0) translateX(0) scale(1.1);
}
.rbt-icon-overlay-link-btn.rbt-icon-overlay-link-btn::after {
  border: 2px solid var(--color-brand-400);
}
.rbt-icon-overlay-link-btn.rbt-icon-overlay-link-btn:hover::after {
  background: var(--color-primary);
  border: 2px solid var(--color-primary);
  color: var(--color-white);
}
.rbt-icon-overlay-link-btn:hover {
  background: transparent;
  border-color: transparent;
  color: var(--color-white);
}
.rbt-icon-overlay-link-btn:hover::after {
  background: var(--color-primary);
  border: 2px solid var(--color-primary);
  color: var(--color-white);
}
.rbt-icon-overlay-link-btn.rbt-icon-overlay-link-btn-dflt-active::after {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-white);
}
.rbt-icon-overlay-link-btn.rbt-icon-overlay-link-btn-dflt-active i {
  color: var(--color-white);
}
.rbt-icon-overlay-link-btn.rbt-icon-overlay-link-btn-dflt-active i.rbt-icon {
  transform: translateY(-300%) translateX(300%);
}
.rbt-icon-overlay-link-btn.rbt-icon-overlay-link-btn-dflt-active i.rbt-icon-bottom {
  transform: translateY(0) translateX(0) scale(1.1);
}
.rbt-icon-overlay-link-btn.rbt-icon-overlay-link-btn-dflt-active:hover::after {
  transform: scale(0.85);
}

/*-----------------------
    underline btn
-------------------------*/
.rbt-underline-btn {
  color: var(--color-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: var(--f-semi-bold);
  border-bottom: 2px solid var(--color-primary);
  display: inline-block;
}
.rbt-underline-btn.btn-white {
  color: var(--color-white);
  border-color: var(--color-white);
}
.rbt-underline-btn i {
  margin-left: 2px;
  transition: var(--transition);
}
.rbt-underline-btn:hover i {
  margin-left: 4px;
}

.rbt-btn.rbt-btn-transparent:hover {
  background: var(--color-black);
}

/*-----------------------
 Animation CSS
-------------------------*/
@keyframes btnTxtMarqueeX {
  100% {
    transform: translateX(-115%);
  }
}
@keyframes btnTxtMarqueeY {
  100% {
    transform: translateY(-115%);
  }
}
.rbt-btn-grp {
  display: flex;
  gap: 6px;
  position: relative;
  z-index: 3;
}
.rbt-btn-grp.rbt-has-separator-shape > .rbt-btn-single {
  position: relative;
}
.rbt-btn-grp.rbt-has-separator-shape > .rbt-btn-single + .rbt-btn-single::before {
  content: "";
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../images/pagination/pagination-mid-03.svg);
  width: 18px;
  height: 22px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .rbt-btn-grp.rbt-has-separator-shape > .rbt-btn-single + .rbt-btn-single::before {
    left: -12px;
  }
}

.rbt-trns-modern-btn {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  font-weight: 500;
  position: relative;
  z-index: 1;
}
.rbt-trns-modern-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  height: calc(100% + 8px);
  width: calc(100% + 16px);
  background: var(--color-gray-200);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: var(--transition);
  border-radius: 30px;
}
.rbt-trns-modern-btn:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translate(calc(-50% + 4px), -50%) scale(1);
}

.rbt-video-area .pause-btn {
  pointer-events: none;
}

/*----------------------------- 
Card Area
-------------------------------*/
.rbt-card {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.rbt-card:hover .rbt-right-corner-portion {
  opacity: 1;
  visibility: visible;
  right: 0;
}
.rbt-card:hover .rbt-icon-overlay-link-btn::after {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-white);
}
.rbt-card:hover .rbt-icon-overlay-link-btn i {
  color: var(--color-white);
}
.rbt-card:hover .rbt-icon-overlay-link-btn i.rbt-icon {
  transform: translateY(-300%) translateX(300%);
}
.rbt-card:hover .rbt-icon-overlay-link-btn i.rbt-icon-bottom {
  transform: translateY(0) translateX(0) scale(1.1);
}
.rbt-card .rbt-card-img {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  border-radius: var(--radius);
  transition: var(--transition);
}
.rbt-card .rbt-card-img button {
  border: 0;
  outline: 0;
}
.rbt-card .rbt-card-img a {
  display: block;
}
.rbt-card .rbt-card-img a img {
  width: 100%;
  transition: var(--transition);
  object-fit: cover;
}
.rbt-card .rbt-card-body {
  padding: 20px 25px 25px 0;
}
.rbt-card .rbt-card-body .rbt-card-subtitle {
  display: inline-block;
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  color: var(--color-primary);
  font-weight: var(--f-medium);
  transition: var(--transition);
}
.rbt-card .rbt-card-body .rbt-card-subtitle:hover {
  color: var(--color-heading);
}
@media only screen and (max-width: 479px) {
  .rbt-card .rbt-card-body .rbt-card-subtitle {
    font-size: 10px;
    line-height: 1;
  }
}
.rbt-card .rbt-card-body .rbt-card-title {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  margin-top: 4px;
  margin-bottom: 0;
  font-weight: var(--f-medium);
}
@media only screen and (max-width: 479px) {
  .rbt-card .rbt-card-body .rbt-card-title {
    font-size: var(--font-size-b4);
    line-height: 1;
  }
}
.rbt-card .rbt-card-body .rbt-card-title-2 {
  margin-top: 4px;
  margin-bottom: 0;
  font-weight: 400;
}
.rbt-card .rbt-card-body .rbt-card-title-2 .rbt-title-bold {
  font-weight: 700;
}
.rbt-card .rbt-card-body .rbt-category {
  margin-bottom: 15px;
}
.rbt-card .rbt-card-body .rbt-card-rating {
  display: flex;
  align-items: center;
  margin-top: 8px;
  line-height: 1;
}
@media only screen and (max-width: 479px) {
  .rbt-card .rbt-card-body .rbt-card-rating {
    margin-top: 4px;
    flex-wrap: wrap;
  }
}
.rbt-card .rbt-card-body .rbt-card-rating .rating-digit {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  color: var(--color-gray-400);
  font-weight: var(--f-medium);
}
.rbt-card .rbt-card-body .rbt-card-text {
  color: var(--color-body);
  margin-bottom: 20px;
}
@media only screen and (max-width: 1199px) {
  .rbt-card .rbt-card-body .rbt-card-text {
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-card .rbt-card-body .rbt-card-text {
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media only screen and (max-width: 1199px) {
  .rbt-card .rbt-card-body .rbt-author-meta {
    margin-bottom: 10px !important;
  }
}
.rbt-card .rbt-card-body .rbt-review {
  margin-bottom: 12px;
}
.rbt-card .rbt-card-body .rbt-card-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.rbt-card .rbt-card-body .rbt-card-bottom .rbt-btn-link {
  font-size: 14px;
}
.rbt-card .rbt-right-corner-portion {
  --box-size: 32px;
  position: absolute;
  right: -20px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
  z-index: 3;
}
@media only screen and (max-width: 767px) {
  .rbt-card .rbt-right-corner-portion {
    --box-size: 24px;
  }
}
.rbt-card .rbt-right-corner-portion.white-box-style {
  --box-size: 25px;
}
.rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper {
  position: relative;
  padding: 0 0 10px 10px;
  background: var(--color-white);
  border-radius: 0 0 0 24px;
}
.rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper::before, .rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper:after {
  content: "";
  position: absolute;
  height: var(--box-size);
  width: var(--box-size);
  background: transparent;
  border-radius: var(--radius-full);
  box-shadow: 13px -13px 0 0 #fff;
}
.rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper::before {
  top: 0;
  right: 100%;
}
.rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper::after {
  top: 100%;
  right: 0;
}
.rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-card-link-btn {
  height: 56px;
  width: 56px;
  border-radius: var(--radius-full);
  background: var(--color-primary);
  font-size: 20px;
  line-height: 56px;
  text-align: center;
  color: var(--color-white);
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-card-link-btn {
    height: 32px;
    width: 32px;
    font-size: 16px;
  }
}
.rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp {
  position: static;
}
.rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp.vertical-style {
  display: flex;
}
.rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp.vertical-style .rbt-quick-btn {
  height: 36px;
  width: 36px;
}
.rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp.vertical-style .rbt-quick-btn.rbt-quick-btn {
  margin-top: 0;
  margin-left: 4px;
}
.rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp.vertical-style .rbt-quick-btn.rbt-quick-btn::before {
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  right: 100%;
  left: unset;
  background: var(--color-brand-300);
}
.rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp .rbt-quick-btn i {
  position: relative;
  z-index: 2;
  height: 48px;
  width: 48px;
  background: var(--color-brand-300);
}
@media only screen and (max-width: 767px) {
  .rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp .rbt-quick-btn i {
    height: 32px;
    width: 32px;
    font-size: 12px;
  }
}
.rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp .rbt-quick-btn.added-compare, .rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp .rbt-quick-btn.added-wishlist {
  background: transparent !important;
}
.rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp .rbt-quick-btn.added-compare i, .rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp .rbt-quick-btn.added-wishlist i {
  background: var(--color-green);
  color: var(--color-white);
}
.rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp .rbt-quick-btn.added-compare:hover i, .rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp .rbt-quick-btn.added-wishlist:hover i {
  background: var(--color-green);
  color: var(--color-white);
}
.rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp .rbt-quick-btn:hover i {
  background: var(--color-primary);
}
.rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp .rbt-quick-btn + .rbt-quick-btn::before {
  background: url(../images/icons/card-inner-svg/icon-layout-01-brand-color.svg);
}
.rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper .corner-portion-box {
  height: 20px;
  width: 200px;
}
.rbt-card .rbt-right-corner-portion.bottom--position {
  bottom: 0;
  top: unset;
}
.rbt-card .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper {
  padding: 10px 0 0 10px;
  background: var(--color-white);
  border-radius: 24px 0 0 0;
}
@media only screen and (max-width: 767px) {
  .rbt-card .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper {
    padding: 4px 0 0 4px;
    border-radius: 12px 0 0 0;
  }
}
.rbt-card .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper::before, .rbt-card .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper:after {
  box-shadow: 15px 15px 0 0 #fff;
}
.rbt-card .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper::before {
  bottom: 0;
  right: 100%;
  top: unset;
}
.rbt-card .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper::after {
  bottom: 100%;
  right: 0;
  top: unset;
}
@media only screen and (max-width: 767px) {
  .rbt-card .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper::after {
    right: -4px;
  }
}
.rbt-card .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper .rbt-card-link-btn {
  height: 56px;
  width: 56px;
  border-radius: var(--radius-full);
  background: var(--color-primary);
  font-size: 20px;
  line-height: 56px;
  text-align: center;
  color: var(--color-white);
  display: inline-block;
}
.rbt-card .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper.rbt-bg-color-gray-light::before, .rbt-card .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper.rbt-bg-color-gray-light:after {
  box-shadow: 15px 15px 0 0 var(--color-gray-light);
}
.rbt-card .rbt-right-corner-portion.show-rbt-right-corner-portion {
  opacity: 1;
  visibility: visible;
  right: 0;
}
.rbt-card .rbt-right-corner-portion.rbt-right-corner-portion-lg .rbt-icon-overlay-link-btn {
  height: 72px;
  width: 72px;
  line-height: 72px;
  font-size: 20px;
  transform: scale(1);
}
@media only screen and (max-width: 767px) {
  .rbt-card .rbt-right-corner-portion.rbt-right-corner-portion-lg .rbt-icon-overlay-link-btn {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 18px;
  }
}
.rbt-card .rbt-right-corner-portion.rbt-right-corner-portion-lg .rbt-icon-overlay-link-btn i {
  margin-top: -10px;
  margin-left: -5px;
}
.rbt-card .rbt-right-corner-portion.rbt-right-corner-portion-lg .rbt-icon-overlay-link-btn::after {
  transition: var(--transition);
}
.rbt-card .rbt-right-corner-portion.rbt-right-corner-portion-lg .rbt-icon-overlay-link-btn:hover {
  background: transparent;
}
.rbt-card .rbt-right-corner-portion.rbt-right-corner-portion-lg .rbt-icon-overlay-link-btn:hover::after {
  transform: scale(0.9);
  background: var(--color-primary);
}
.rbt-card .rbt-left-corner-portion {
  --box-size: 40px;
  position: absolute;
  left: -20px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
  z-index: 3;
}
.rbt-card .rbt-left-corner-portion.white-box-style {
  --box-size: 25px;
}
.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper {
  position: relative;
  padding: 0 0 10px 10px;
  background: var(--color-white);
  border-radius: 0 0 24px 0;
}
.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper::before, .rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper:after {
  content: "";
  position: absolute;
  height: var(--box-size);
  width: var(--box-size);
  background: transparent;
  border-radius: var(--radius-full);
  box-shadow: -10px 10px 0 0 #fff;
}
.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper::before {
  top: 0;
  left: 100%;
}
.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper::after {
  top: 100%;
  left: 0;
}
.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper .rbt-card-link-btn {
  height: 56px;
  width: 56px;
  border-radius: var(--radius-full);
  background: var(--color-primary);
  font-size: 20px;
  line-height: 56px;
  text-align: center;
  color: var(--color-white);
  display: inline-block;
}
.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp {
  position: static;
}
.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp.vertical-style {
  display: flex;
}
.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp.vertical-style .rbt-quick-btn {
  height: 36px;
  width: 36px;
}
.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp.vertical-style .rbt-quick-btn.rbt-quick-btn {
  margin-top: 0;
  margin-left: 4px;
}
.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp.vertical-style .rbt-quick-btn.rbt-quick-btn::before {
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  right: 100%;
  left: unset;
  background: var(--color-brand-300);
}
.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp .rbt-quick-btn i {
  position: relative;
  z-index: 2;
  height: 48px;
  width: 48px;
  background: var(--color-brand-300);
}
.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp .rbt-quick-btn:hover i {
  background: var(--color-primary);
}
.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp .rbt-quick-btn + .rbt-quick-btn::before {
  background: url(../images/icons/card-inner-svg/icon-layout-01-brand-color.svg);
}
.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper .corner-portion-box {
  height: 20px;
  width: 200px;
}
.rbt-card .rbt-left-corner-portion.bottom--position {
  bottom: 0;
  top: unset;
}
.rbt-card .rbt-left-corner-portion.bottom--position .rbt-corner-portion-wrapper {
  padding: 10px 10px 0 0;
  background: var(--color-white);
  border-radius: 0 24px 0 0;
}
.rbt-card .rbt-left-corner-portion.bottom--position .rbt-corner-portion-wrapper::before, .rbt-card .rbt-left-corner-portion.bottom--position .rbt-corner-portion-wrapper:after {
  box-shadow: -10px 10px 0 0 #fff;
}
.rbt-card .rbt-left-corner-portion.bottom--position .rbt-corner-portion-wrapper::before {
  bottom: 0;
  right: 100%;
  top: unset;
}
.rbt-card .rbt-left-corner-portion.bottom--position .rbt-corner-portion-wrapper::after {
  bottom: 100%;
  right: 0;
  top: unset;
}
.rbt-card .rbt-left-corner-portion.bottom--position .rbt-corner-portion-wrapper .rbt-card-link-btn {
  height: 56px;
  width: 56px;
  border-radius: var(--radius-full);
  background: var(--color-primary);
  font-size: 20px;
  line-height: 56px;
  text-align: center;
  color: var(--color-white);
  display: inline-block;
}
.rbt-card .rbt-left-corner-portion.show-rbt-left-corner-portion {
  opacity: 1;
  visibility: visible;
  left: 0;
}
.rbt-card .rbt-left-corner-portion.rbt-left-corner-portion-lg .rbt-icon-overlay-link-btn {
  height: 72px;
  width: 72px;
  line-height: 72px;
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .rbt-card .rbt-left-corner-portion.rbt-left-corner-portion-lg .rbt-icon-overlay-link-btn {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 18px;
  }
}
.rbt-card .rbt-left-corner-portion.rbt-left-corner-portion-lg .rbt-icon-overlay-link-btn i {
  margin-top: -10px;
  margin-left: -5px;
}
.rbt-card .rbt-left-corner-portion.rbt-left-corner-portion-lg .rbt-icon-overlay-link-btn:hover::after {
  transform: scale(0.85);
}
.rbt-card.rbt-beta-shop-card {
  border-radius: 12px;
}
.rbt-card.rbt-beta-shop-card .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  padding: 16px;
}
.rbt-card.rbt-beta-shop-card .rbt-card-img {
  max-width: 108px;
}
.rbt-card.rbt-beta-shop-card .rbt-card-title {
  margin-bottom: 8px;
}
.rbt-card.rbt-beta-shop-card .rbt-card-content {
  margin-top: 16px;
}
.rbt-card.rbt-beta-shop-card p.desc {
  margin-bottom: 0;
  padding-top: 24px;
  position: relative;
}
@media only screen and (max-width: 479px) {
  .rbt-card.rbt-beta-shop-card p.desc {
    padding-top: 12px;
  }
}
.rbt-card.rbt-beta-shop-card p.desc::before {
  content: "";
  width: 32px;
  height: 1px;
  background: var(--color-black);
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}
.rbt-card.rbt-beta-shop-card .rbt-btn {
  margin-top: 16px;
}
.rbt-card.rbt-beta-shop-card .rbt-btn.rbt-btn-white {
  color: var(--color-primary);
}
.rbt-card.rbt-beta-shop-card .rbt-btn.rbt-btn-white:hover {
  background: var(--color-white);
  color: var(--color-primary);
}
.rbt-card.rbt-beta-shop-card.rbt-bg-color-primary .rbt-card-title a {
  color: var(--color-brand-200);
}
.rbt-card.rbt-beta-shop-card.rbt-bg-color-primary .rbt-card-title a:hover {
  color: var(--color-brand-200);
}
.rbt-card.rbt-beta-shop-card.rbt-bg-color-primary p.desc {
  color: var(--color-brand-200);
}
.rbt-card.rbt-beta-shop-card.rbt-bg-color-primary p.desc::before {
  content: "";
  background: var(--color-white);
}

/*----------------------------- 
    Product card Badge Styles
-------------------------------*/
.rbt-product-badge {
  background: var(--color-primary);
  color: var(--color-white);
  padding: 4px 8px;
  border-radius: 4px;
  font-size: var(--font-size-b4);
  line-height: 1;
  font-weight: 500;
  display: inline-block;
  text-transform: uppercase;
  z-index: 2;
  width: max-content;
}
@media only screen and (max-width: 479px) {
  .rbt-product-badge {
    padding: 3px 6px;
    font-size: 8px;
  }
}
.rbt-product-badge.rbt-product-badge-bg-primary {
  background: var(--color-primary);
}
.rbt-product-badge.rbt-product-badge-bg-secondary {
  background: var(--color-secondary);
}
.rbt-product-badge.rbt-product-badge-bg-primary-gradient {
  background: linear-gradient(90deg, #215ADA 2.66%, #001A53 100%), linear-gradient(90deg, #FE3D06 0%, #F1A800 100%), linear-gradient(90deg, #FEEDDE 0%, #FEEDDE 100%);
}
.rbt-product-badge.rbt-product-badge-bg-secondary-gradient {
  background: linear-gradient(90deg, #FE3D06 0%, #F1A800 100%), linear-gradient(90deg, #FEEDDE 0%, #FEEDDE 100%);
}
.rbt-product-badge.rbt-product-badge-bg-yellow {
  background: var(--color-warning);
}
.rbt-product-badge.rbt-product-badge-bg-danger {
  background: var(--color-danger);
}
.rbt-product-badge.rbt-product-badge-bg-green {
  background: var(--color-success);
}
.rbt-product-badge.rbt-product-badge-bg-disabled {
  background: #C1C1C1;
}
.rbt-product-badge.rbt-product-badge-bg-light-green {
  background: var(--color-light-green);
  color: var(--color-green);
  border: 1px solid var(--color-green);
}
.rbt-product-badge.border-rounded {
  border-radius: 30px;
}
.rbt-product-badge.rbt-badge-top-left--position {
  position: absolute;
  top: 16px;
  left: 16px;
}
.rbt-product-badge.rbt-badge-top-left--position + .rbt-badge-top-left--position {
  margin-top: 28px;
}

.rbt-discount-badge {
  position: absolute !important;
  height: 60px;
  width: 60px;
  border-radius: 4px;
  background: var(--color-primary);
  display: flex !important;
  align-items: end;
  justify-content: center;
  padding: 3px;
  z-index: 1;
}
@media only screen and (max-width: 479px) {
  .rbt-discount-badge {
    height: 48px;
    width: 48px;
  }
}
.rbt-discount-badge::after {
  content: "";
  width: 150%;
  position: absolute;
  height: 8px;
  background: var(--color-white);
  top: 100%;
  left: -20%;
}
@media only screen and (max-width: 479px) {
  .rbt-discount-badge::after {
    height: 4px;
  }
}
.rbt-discount-badge.right--corner-style {
  top: -29px;
  right: -29px;
  transform: rotate(45deg);
}
.rbt-discount-badge span {
  color: var(--color-white);
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  font-weight: 700;
}
@media only screen and (max-width: 479px) {
  .rbt-discount-badge span {
    font-size: 8px;
    line-height: 1;
  }
}
.rbt-discount-badge span i {
  margin-right: 1px;
  font-size: 10px;
  line-height: 1.6;
}
@media only screen and (max-width: 479px) {
  .rbt-discount-badge span i {
    font-size: 8px;
    line-height: 1;
  }
}
.rbt-discount-badge.rbt-discound-badge-var-2 {
  background: url(../images/bg-shape/badge-bg-shape.webp);
  background-size: cover;
  align-items: center;
  gap: 2px;
  flex-direction: column;
  height: 64px;
  width: 58px;
}
.rbt-discount-badge.rbt-discound-badge-var-2::after {
  content: none;
}
.rbt-discount-badge.rbt-discound-badge-var-2.rbt-badge-top-left--position {
  left: 12px;
  top: 12px;
}
.rbt-discount-badge.rbt-discound-badge-var-2.rbt-badge-top-right--position {
  right: 12px;
  top: 12px;
}
.rbt-discount-badge.rbt-discound-badge-var-2 span {
  line-height: 1;
}
.rbt-discount-badge.rbt-discound-badge-var-2 span:first-child {
  font-size: var(--h5);
}
.rbt-discount-badge.rbt-discound-badge-var-2 span:last-child {
  font-size: var(--font-size-b4);
}

.rbt-badge-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.rbt-wishlisted-btn.rbt-top-right--position {
  position: absolute;
  top: 16px;
  right: 16px;
}
@media only screen and (max-width: 479px) {
  .rbt-wishlisted-btn.rbt-top-right--position {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    top: 8px;
    right: 8px;
  }
}

.rbt-rating-icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 4px;
  line-height: 0.9;
}
.rbt-rating-icon-list li {
  margin: 0;
}
.rbt-rating-icon-list li i {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  color: var(--color-gray-200);
}
@media only screen and (max-width: 479px) {
  .rbt-rating-icon-list li i {
    font-size: 10px;
    line-height: 1;
  }
}
.rbt-rating-icon-list li i.rbt-rated-icon {
  color: var(--color-yellow);
}
.rbt-rating-icon-list.rbt-rating-icon-lg li i {
  font-size: 20px;
  line-height: 1;
}
.rbt-rating-icon-list.rbt-text-color-white li i {
  color: var(--color-black);
}
.rbt-rating-icon-list.rbt-text-color-white li i.rbt-rated-icon {
  color: var(--color-white);
}

.rbt-offer-badge {
  font-size: 10px;
  line-height: 1.2;
  padding: 3px 6px;
  background: var(--color-danger);
  color: var(--color-white);
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: var(--f-semi-bold);
  white-space: nowrap;
}
@media only screen and (max-width: 479px) {
  .rbt-offer-badge {
    font-size: 8px;
    line-height: 1;
    padding: 2px 4px;
  }
}
.rbt-offer-badge.rbt-offer-badge-md {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  padding: 4px 8px;
}

/*----------------------------- 
    Product card Badge Styles
-------------------------------*/
.rbt-prd-feature-card {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
.rbt-prd-feature-card.rbt-curved-style-box {
  -webkit-mask-size: cover;
  -webkit-mask-image: url(../images/system/product-single/prd-single-01-bg-shape-01.svg);
  mask-image: url(../images/system/product-single/prd-single-01-bg-shape-01.svg);
  background-image: url(../images/system/product-single/prd-single-01-bg-shape-01.svg);
}
.rbt-prd-feature-card .rbt-inner {
  padding: 32px 24px;
}
.rbt-prd-feature-card .rbt-inner .icon {
  font-size: var(--font-size-xl);
  line-height: 1;
  color: var(--color-brand-00);
}
.rbt-prd-feature-card .rbt-inner .title {
  font-weight: var(--f-medium);
  color: var(--color-heading);
  margin-bottom: 0;
  margin-top: 16px;
}
.rbt-prd-feature-card .rbt-inner .desc {
  color: var(--color-gray-500);
  margin-top: 16px;
  margin-bottom: 0;
}

.rbt-video-review-card {
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
.rbt-video-review-card .video-item img {
  width: 100%;
  height: auto;
  display: block;
  transition: var(--transition);
}
.rbt-video-review-card .video-item .hover-video {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: var(--transition);
}
.rbt-video-review-card:hover .video-item img {
  opacity: 0;
  visibility: hidden;
}
.rbt-video-review-card:hover .video-item .hover-video {
  opacity: 1;
  visibility: visible;
}
.rbt-video-review-card .rbt-video-body {
  padding: 16px;
  display: flex;
  gap: 8px;
  align-items: baseline;
}
.rbt-video-review-card .rbt-video-body span {
  display: block;
}
.rbt-video-review-card .rbt-video-body .rbt-title {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  color: var(--color-heading);
}
.rbt-video-review-card .rbt-video-body .rbt-subtitle {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  color: var(--color-gray-500);
  margin-top: 8px;
}
.rbt-video-review-card .rbt-video-body .rbt-meta-date {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  color: var(--color-gray-500);
  margin-top: 8px;
}
.rbt-video-review-card .rbt-video-body .rbt-reviwer-img {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: block;
}

.pricing-part {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  color: var(--color-black);
}
@media only screen and (max-width: 479px) {
  .pricing-part {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    gap: 4px;
  }
}
.pricing-part del {
  font-weight: var(--f-medium);
  color: var(--color-gray-400);
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
}
@media only screen and (max-width: 479px) {
  .pricing-part del {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
  }
}

/*-----------------------
    Swiper Slider  
------------------------*/
.slick-initialized .slick-slide {
  margin-bottom: -10px;
}

.swiper-cards .swiper-slide {
  overflow: visible;
}

.swiper-3d .swiper-slide-shadow {
  background: transparent;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 0;
  position: absolute;
}

.rbt-dot-bottom-center {
  padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .rbt-dot-bottom-center {
    padding-bottom: 32px;
  }
}
.rbt-dot-bottom-center .rbt-swiper-pagination {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: max-content;
  transform: translateX(-50%);
}
.rbt-dot-bottom-center .rbt-swiper-pagination.has-hide-dot-swipe {
  padding: 10px 0;
}
.rbt-dot-bottom-center .rbt-swiper-pagination.swiper-pagination-fraction {
  color: var(--heading-opacity);
  font-size: 18px;
  font-weight: var(--f-medium);
  letter-spacing: 3px;
}

.rbt-dot-top-right {
  padding-top: 60px;
}
@media only screen and (max-width: 767px) {
  .rbt-dot-top-right {
    padding-top: 32px;
  }
}
.rbt-dot-top-right .rbt-swiper-pagination {
  position: absolute;
  top: 0;
  right: 0;
  width: max-content;
  left: unset;
  bottom: unset;
}

.rbt-progress-bottom {
  padding-bottom: 40px;
}
.rbt-progress-bottom .swiper-pagination-progressbar {
  position: absolute;
  bottom: 0;
  left: 0;
  top: unset;
}

.rbt-swiper-progress.swiper-pagination-progressbar.swiper-pagination-horizontal {
  border-radius: 40px;
  background-color: var(--color-gray-200);
  height: 6px;
  overflow: hidden;
}
.rbt-swiper-progress.swiper-pagination-progressbar.swiper-pagination-horizontal .swiper-pagination-progressbar-fill {
  border-radius: 40px;
  background-color: var(--color-gray-400);
}

.rbt-single-product-media-area .product-single-slider-two-thumb-activation .swiper-slide button,
.rbt-single-product-media-area .rbt-thumb-slide-part .swiper-slide button {
  outline: none;
  border: 0;
  padding: 0;
  position: relative;
}
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .product-single-slider-two-thumb-activation .swiper-slide button,
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .rbt-product-thumb-slider-activation .swiper-slide button {
  border: none;
  padding: 0;
  background: transparent;
  opacity: 0.9;
}
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .product-single-slider-two-thumb-activation .swiper-slide button::before,
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .rbt-product-thumb-slider-activation .swiper-slide button::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/system/product-single/sm-prd-bg-01-back.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  visibility: hidden;
  opacity: 0;
  transition: var(--transition);
  z-index: 2;
}
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .product-single-slider-two-thumb-activation .swiper-slide button .rbt-thumb-img-sm,
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .rbt-product-thumb-slider-activation .swiper-slide button .rbt-thumb-img-sm {
  background-image: url(../images/system/product-single/sm-prd-bg-01-front.svg);
  -webkit-mask-image: url(../images/system/product-single/sm-prd-bg-01-front.svg);
  mask-image: url(../images/system/product-single/sm-prd-bg-01-front.svg);
  position: relative;
  z-index: 1;
  -webkit-mask-position: 0% 0%;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  border: 0;
  display: block;
}
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .product-single-slider-two-thumb-activation .swiper-slide-thumb-active.swiper-slide button,
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .rbt-product-thumb-slider-activation .swiper-slide-thumb-active.swiper-slide button {
  opacity: 1;
}
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .product-single-slider-two-thumb-activation .swiper-slide-thumb-active.swiper-slide button::before,
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .rbt-product-thumb-slider-activation .swiper-slide-thumb-active.swiper-slide button::before {
  visibility: visible;
  opacity: 1;
}
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .product-single-slider-two-activation,
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .rbt-product-single-slider-activation {
  position: relative;
  background-image: url(../images/system/product-single/lg-prd-bg-front.svg);
  -webkit-mask-image: url(../images/system/product-single/lg-prd-bg-front.svg);
  mask-image: url(../images/system/product-single/lg-prd-bg-front.svg);
  position: relative;
  z-index: 1;
  -webkit-mask-position: 0% 0%;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  border: 0;
}

.rbt-swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  opacity: 1;
  border-radius: var(--radius-full);
  background: transparent;
  box-shadow: inset 0 0 0 5px var(--color-gray-300);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin: 0 8px !important;
}
@media only screen and (max-width: 767px) {
  .rbt-swiper-pagination .swiper-pagination-bullet {
    margin: 0 8px !important;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-swiper-pagination .swiper-pagination-bullet {
    margin: 0 4px !important;
  }
}
.rbt-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--color-primary);
  transform: scale(2);
  opacity: 1;
}
.rbt-swiper-pagination.rbt-swiper-pagination-var-one .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  box-shadow: inset 0 0 0 7px var(--color-gray-200);
  transition: var(--transition);
}
@media only screen and (max-width: 767px) {
  .rbt-swiper-pagination.rbt-swiper-pagination-var-one .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
}
.rbt-swiper-pagination.rbt-swiper-pagination-var-one .swiper-pagination-bullet:hover {
  box-shadow: inset 0 0 0 7px rgba(33, 90, 218, 0.5);
}
.rbt-swiper-pagination.rbt-swiper-pagination-var-one .swiper-pagination-bullet.swiper-pagination-bullet-active {
  box-shadow: inset 0 0 0 1px rgba(33, 90, 218, 0.5);
}
.rbt-swiper-pagination.rbt-swiper-pagination-var-one .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  content: "";
  position: absolute;
  height: 4px;
  width: 4px;
  background: var(--color-primary);
  border-radius: var(--radius-full);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.bg-gradient-3 .rbt-swiper-pagination .swiper-pagination-bullet {
  box-shadow: inset 0 0 0 5px var(--color-white);
}
.bg-gradient-3 .rbt-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  box-shadow: inset 0 0 0 1px var(--color-white);
}

/*---------------------------
    Slick Arrow Styles  
-----------------------------*/
.rbt-arrow-between {
  position: relative;
}
.rbt-arrow-between .rbt-swiper-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  transition: 0.5s;
  opacity: 0;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: var(--radius-full);
  color: var(--color-body);
  background-color: var(--color-white);
  z-index: 3;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .rbt-arrow-between .rbt-swiper-arrow {
    opacity: 0 !important;
    visibility: visible;
  }
}
.rbt-arrow-between .rbt-swiper-arrow .custom-overflow {
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.rbt-arrow-between .rbt-swiper-arrow i {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  margin-top: -8px;
  margin-left: -8px;
  z-index: 1;
  font-size: var(--font-size-b1);
  line-height: 1;
}
.rbt-arrow-between .rbt-swiper-arrow i.rbt-icon {
  transition: var(--transition);
  transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.rbt-arrow-between .rbt-swiper-arrow i.rbt-icon-top {
  position: absolute;
  transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transform: translateX(300%);
}
.rbt-arrow-between .rbt-swiper-arrow:active {
  scale: 0.95;
}
.rbt-arrow-between .rbt-swiper-arrow::after {
  transition: var(--transition);
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  border-radius: var(--radius-full);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  z-index: -1;
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-tranparent {
  background: transparent;
  border: 2px solid var(--color-white);
  color: white;
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-tranparent::after {
  background: transparent;
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-tranparent:hover {
  color: var(--color-white);
  border-color: var(--color-primary);
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-tranparent:hover::after {
  background-color: var(--color-primary);
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-gray {
  color: var(--color-heading);
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-gray::after {
  background-color: var(--color-extra-four);
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-brand {
  color: var(--color-primary);
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-brand::after {
  background-color: var(--color-brand-300);
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-brand:hover {
  color: var(--color-white);
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-brand:hover::after {
  background-color: var(--color-primary);
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-lg {
  height: 60px;
  width: 60px;
  font-size: 18px;
  line-height: 1.5;
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-lg i {
  margin-top: -14px;
  margin-left: -7px;
  font-size: 18px;
  line-height: 1.5;
}
@media only screen and (max-width: 1199px) {
  .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-lg {
    height: 45px;
    width: 45px;
    font-size: 16px;
  }
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-md {
  height: 56px;
  width: 56px;
  font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-md {
    height: 36px;
    width: 36px;
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-md {
    height: 40px;
    width: 40px;
    font-size: 16px;
  }
}
.rbt-arrow-between .rbt-swiper-arrow:hover {
  background: transparent;
  border-color: transparent;
  color: var(--color-primary);
}
.rbt-arrow-between .rbt-swiper-arrow:hover::after {
  transform: scale(1.1);
}
.rbt-arrow-between .rbt-swiper-arrow:hover i.rbt-icon {
  transform: translateX(-300%);
}
.rbt-arrow-between .rbt-swiper-arrow:hover i.rbt-icon-top {
  transform: translateX(0);
}
.rbt-arrow-between .rbt-swiper-arrow:active::after {
  transform: scale(0.9);
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left, .rbt-arrow-between .rbt-swiper-arrow.rbt-modal-arrow-left {
  left: 24px;
}
@media only screen and (max-width: 767px) {
  .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left, .rbt-arrow-between .rbt-swiper-arrow.rbt-modal-arrow-left {
    left: 20px;
  }
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right, .rbt-arrow-between .rbt-swiper-arrow.rbt-modal-arrow-right {
  left: auto;
  right: 24px;
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right i.rbt-icon-top, .rbt-arrow-between .rbt-swiper-arrow.rbt-modal-arrow-right i.rbt-icon-top {
  transform: translateX(-300%);
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right:hover i.rbt-icon, .rbt-arrow-between .rbt-swiper-arrow.rbt-modal-arrow-right:hover i.rbt-icon {
  transform: translateX(300%);
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right:hover i.rbt-icon-top, .rbt-arrow-between .rbt-swiper-arrow.rbt-modal-arrow-right:hover i.rbt-icon-top {
  transform: translateX(0);
}
@media only screen and (max-width: 767px) {
  .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right, .rbt-arrow-between .rbt-swiper-arrow.rbt-modal-arrow-right {
    left: auto;
    right: 20px;
  }
}
.rbt-arrow-between .rbt-swiper-arrow.swiper-button-disabled {
  cursor: not-allowed;
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .rbt-arrow-between:hover .rbt-swiper-arrow {
    opacity: 1 !important;
    visibility: visible;
  }
}
.rbt-arrow-between.rbt-arrow--top-right .rbt-swiper-arrow {
  top: -60px;
}
.rbt-arrow-between.rbt-arrow--top-right .rbt-swiper-arrow.rbt-arrow-left {
  left: unset;
  right: 60px;
}
.rbt-arrow-between.rbt-arrow--top-right .rbt-swiper-arrow.rbt-arrow-right {
  right: 0;
}
.rbt-arrow-between.rbt-arrow--top-right.rbt-arrow-lg .rbt-swiper-arrow {
  top: -60px;
}
.rbt-arrow-between.rbt-arrow--top-right.rbt-arrow-lg .rbt-swiper-arrow.rbt-arrow-left {
  left: unset;
  right: 80px;
}
.rbt-arrow-between.rbt-arrow--top-right.rbt-arrow-lg .rbt-swiper-arrow.rbt-arrow-right {
  right: 0;
}
@media only screen and (max-width: 767px) {
  .rbt-arrow-between .rbt-swiper-arrow-wrapper-style-one {
    display: none;
  }
}
.rbt-arrow-between.rbt-dot-bottom-center .rbt-swiper-arrow {
  margin-top: -29px;
}
.rbt-arrow-between.icon-bg-gray .rbt-swiper-arrow {
  background: var(--color-gray-lighter);
}
.rbt-arrow-between.icon-bg-gray .rbt-swiper-arrow::after {
  background: var(--color-gray-lighter);
}
.rbt-arrow-between.rbt-arrow-bg-brand .rbt-swiper-arrow {
  background: var(--color-brand-400);
  color: var(--color-primary);
}
.rbt-arrow-between.rbt-arrow-bg-brand .rbt-swiper-arrow::after {
  background: var(--color-brand-400);
  color: var(--color-white);
}
.rbt-arrow-between.icon-bg-primary .rbt-swiper-arrow {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-arrow-between.icon-bg-primary .rbt-swiper-arrow::after {
  background: var(--color-primary);
}
.rbt-arrow-between.md-size .rbt-swiper-arrow {
  width: 40px;
  height: 40px;
}
.rbt-arrow-between.arrow-right-bottom .rbt-swiper-arrow {
  position: absolute;
  top: auto;
  transform: none;
  bottom: 0;
  right: 0;
  opacity: 1;
}
.rbt-arrow-between.rbt-arrow-show-dfl .rbt-swiper-arrow {
  opacity: 1;
}
.rbt-arrow-between.rbt-arrow-show-dfl .rbt-swiper-arrow.swiper-button-disabled {
  opacity: 0.5 !important;
}
.rbt-arrow-between.rbt-arrow-bottom-right .rbt-swiper-arrow {
  top: 92%;
}
.rbt-arrow-between.rbt-arrow-bottom-right .rbt-swiper-arrow.rbt-arrow-left {
  right: 82px;
  left: auto;
}
.rbt-arrow-between.rbt-arrow-bottom-right .rbt-swiper-arrow.rbt-arrow-right {
  right: 24px;
}
.rbt-arrow-between.rbt-arrow-bottom .rbt-swiper-arrow {
  top: 92%;
}
.rbt-arrow-between.rbt-arrow-bottom-between .rbt-swiper-arrow {
  top: 92%;
}
.rbt-arrow-between.rbt-arrow-bottom-between .rbt-arrow-left {
  left: 16px;
}
.rbt-arrow-between.rbt-arrow-bottom-between .rbt-arrow-right {
  right: 16px;
}
.rbt-arrow-between.rbt-swiper-arrow-transparent .rbt-swiper-arrow {
  background: transparent;
}
.rbt-arrow-between.rbt-swiper-arrow-transparent .rbt-swiper-arrow::after {
  background: transparent;
}
.rbt-arrow-between.rbt-swiper-arrow-transparent .rbt-swiper-arrow:hover {
  box-shadow: var(--shadow-8);
}
.rbt-arrow-between.rbt-swiper-arrow-transparent .rbt-swiper-arrow:hover::after {
  background: var(--color-white);
}
.rbt-arrow-between.rbt-swiper-right-bottom-one .rbt-swiper-arrow {
  bottom: 8px;
  left: 50%;
  top: auto;
  right: auto;
  transform: translate(-50%);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-arrow-between.rbt-swiper-right-bottom-one .rbt-swiper-arrow {
    bottom: 8px;
    left: auto;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(270deg);
  }
}
.rbt-arrow-between:hover .rbt-swiper-arrow {
  opacity: 1;
}
.rbt-arrow-between:hover .rbt-swiper-arrow.swiper-button-disabled {
  opacity: 0.5 !important;
}

.parent-swiper {
  margin: -30px;
}
.parent-swiper .parent-swiper-inner {
  padding: 30px;
}
.parent-swiper .swiper-slide .rbt-card {
  box-shadow: none;
}
.parent-swiper .swiper-slide .rbt-card:hover {
  box-shadow: var(--shadow-1);
  transform: scale(1);
}
.parent-swiper .rbt-arrow-between .rbt-swiper-arrow {
  left: 60px;
}
.parent-swiper .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right {
  left: auto;
  right: 60px;
}

.swiper .rbt-cat-box-1.variation-2 .inner {
  box-shadow: var(--shadow-light);
}
.swiper .rbt-cat-box-1 .inner {
  box-shadow: var(--shadow-light);
}

@media only screen and (max-width: 767px) {
  .banner-swiper-active.rbt-dot-bottom-center .rbt-swiper-pagination {
    bottom: 23px;
  }
}

.swiper-right-width {
  width: calc(100% + 200px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .swiper-right-width {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .swiper-right-sm-width {
    width: 100%;
  }
}

.prd-single-slide-activation-1 {
  overflow: hidden;
}
.prd-single-slide-activation-1 .rbt-swiper-arrow {
  opacity: 1;
}

.rbt-swiper-container-one {
  position: relative;
  width: 100%;
}
.rbt-swiper-container-one .rbt-swiper-arrow {
  opacity: 1;
}
.rbt-swiper-container-one .rbt-swiper-arrow.rbt-arrow-left, .rbt-swiper-container-one .rbt-swiper-arrow.rbt-modal-arrow-left {
  left: -92px;
}
@media only screen and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-swiper-container-one .rbt-swiper-arrow.rbt-arrow-left, .rbt-swiper-container-one .rbt-swiper-arrow.rbt-modal-arrow-left {
    left: 20px;
  }
}
.rbt-swiper-container-one .rbt-swiper-arrow.rbt-arrow-right, .rbt-swiper-container-one .rbt-swiper-arrow.rbt-modal-arrow-right {
  right: -92px;
}
@media only screen and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-swiper-container-one .rbt-swiper-arrow.rbt-arrow-right, .rbt-swiper-container-one .rbt-swiper-arrow.rbt-modal-arrow-right {
    right: 20px;
  }
}
.rbt-swiper-container-one .rbt-swiper-arrow.swiper-button-disabled {
  opacity: 0.5 !important;
}
.rbt-swiper-container-one.rbt-arrow-between-lg-dis > .rbt-swiper-arrow {
  opacity: 1;
}
.rbt-swiper-container-one.rbt-arrow-between-lg-dis > .rbt-swiper-arrow.rbt-arrow-left, .rbt-swiper-container-one.rbt-arrow-between-lg-dis > .rbt-swiper-arrow.rbt-modal-arrow-left {
  left: -140px;
}
@media only screen and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-swiper-container-one.rbt-arrow-between-lg-dis > .rbt-swiper-arrow.rbt-arrow-left, .rbt-swiper-container-one.rbt-arrow-between-lg-dis > .rbt-swiper-arrow.rbt-modal-arrow-left {
    left: 20px;
  }
}
.rbt-swiper-container-one.rbt-arrow-between-lg-dis > .rbt-swiper-arrow.rbt-arrow-right, .rbt-swiper-container-one.rbt-arrow-between-lg-dis > .rbt-swiper-arrow.rbt-modal-arrow-right {
  right: -140px;
}
@media only screen and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-swiper-container-one.rbt-arrow-between-lg-dis > .rbt-swiper-arrow.rbt-arrow-right, .rbt-swiper-container-one.rbt-arrow-between-lg-dis > .rbt-swiper-arrow.rbt-modal-arrow-right {
    right: 20px;
  }
}
.rbt-swiper-container-one.rbt-dot-right-center {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .rbt-swiper-container-one.rbt-dot-right-center {
    padding-bottom: 30px !important;
  }
}
.rbt-swiper-container-one.rbt-dot-right-center .swiper-pagination-bullets.swiper-pagination-horizontal {
  top: 50%;
  position: absolute;
  right: 0;
  left: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  transform: translateY(-50%);
  bottom: unset;
  width: auto;
}
@media only screen and (max-width: 767px) {
  .rbt-swiper-container-one.rbt-dot-right-center .swiper-pagination-bullets.swiper-pagination-horizontal {
    top: unset;
    bottom: 0;
    left: 50%;
    right: unset;
    flex-direction: row;
    transform: translateX(-50%);
    gap: 0;
  }
}

.rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one {
  --box-size: 40px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 8px 16px;
  border-radius: 24px 0 0 0;
}
.rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one::before, .rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one:after {
  content: "";
  position: absolute;
  height: var(--box-size);
  width: var(--box-size);
  background: transparent;
  border-radius: var(--radius-full);
  box-shadow: 15px 15px 0 0 #fff;
}
.rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one::before {
  bottom: 0;
  right: 100%;
}
.rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one::after {
  bottom: 100%;
  right: 0;
}
.rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 8px;
  position: relative;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one ul {
    gap: 4px;
  }
}
.rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one ul li {
  position: relative;
  margin: 0;
}
.rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one ul li + li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  width: 32px;
  height: 44px;
  right: calc(100% - 12px);
  left: unset;
  background-image: url(../images/icons/card-inner-svg/icon-layout-01-brand-color.svg);
  z-index: -1;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one ul li + li::before {
    width: 24px;
    height: 32px;
    right: calc(100% - 8px);
  }
}
.rbt-hero-banner-activation-3 .rbt-swiper-arrow {
  position: static;
  transform: translateY(0);
  background-color: transparent;
}
.rbt-hero-banner-activation-3 .rbt-swiper-arrow i {
  font-size: var(--font-size-b1);
  line-height: 1;
}
.rbt-hero-banner-activation-3 .rbt-swiper-pagination {
  --box-size: 40px;
  width: auto;
  background: var(--color-white);
  bottom: unset;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  flex-direction: column;
  display: flex;
  padding: 16px 20px;
  border-radius: 0 16px 16px 0;
}
@media only screen and (max-width: 767px) {
  .rbt-hero-banner-activation-3 .rbt-swiper-pagination {
    display: none;
  }
}
.rbt-hero-banner-activation-3 .rbt-swiper-pagination::before, .rbt-hero-banner-activation-3 .rbt-swiper-pagination:after {
  content: "";
  position: absolute;
  height: var(--box-size);
  width: var(--box-size);
  background: transparent;
  border-radius: var(--radius-full);
  box-shadow: -15px 15px 0 0 var(--color-white);
}
.rbt-hero-banner-activation-3 .rbt-swiper-pagination::before {
  bottom: 100%;
  left: 0;
}
.rbt-hero-banner-activation-3 .rbt-swiper-pagination::after {
  top: 100%;
  left: 0;
  box-shadow: -15px -15px 0 0 var(--color-white);
}
.rbt-hero-banner-activation-3 .rbt-swiper-pagination .swiper-pagination-bullet {
  margin: 10px 0 !important;
}
.rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-bottom-center {
  top: unset;
  flex-direction: row;
  bottom: 0;
  transform: translateX(-50%);
  border-radius: 16px 16px 0 0;
  left: 50%;
}
.rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-bottom-center::before, .rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-bottom-center:after {
  box-shadow: 15px 15px 0 0 var(--color-white);
}
.rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-bottom-center::before {
  bottom: 0;
  right: 100%;
  left: unset;
}
.rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-bottom-center::after {
  top: unset;
  bottom: 0;
  left: 100%;
  right: unset;
  box-shadow: -15px 15px 0 0 var(--color-white);
}
.rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-bottom-center .swiper-pagination-bullet {
  margin: 0 10px !important;
}
.rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-right-center {
  right: 2%;
  left: auto;
}
.rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-transparent {
  --box-size: 0;
  background: transparent;
}

.category-activation-one.gutter-swiper-24 {
  margin: -12px;
}

@media only screen and (max-width: 767px) {
  .rbt-elctro-hero-banner .rbt-swiper-arrow {
    display: none;
  }
}

.rbt-cs-hero-banner-activation .rbt-swiper-pagination {
  padding-left: 12px;
  z-index: 1;
  transform: translateX(-50%);
  left: 50%;
  bottom: 60px;
}
.rbt-cs-hero-banner-activation .rbt-swiper-pagination .swiper-pagination-bullet {
  box-shadow: inset 0 0 0 7px var(--color-brand-500);
}
@media only screen and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-cs-hero-banner-activation .rbt-swiper-pagination {
    bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-cs-hero-banner-activation .rbt-swiper-pagination {
    bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-cs-hero-banner-activation .rbt-swiper-pagination {
    bottom: 2px;
  }
}

.rbt-glass-hero-products-banner-area .rbt-hero-banner-activation-3 .rbt-swiper-pagination {
  top: unset;
  bottom: 85px;
  transform: none;
  background: transparent;
}
.rbt-glass-hero-products-banner-area .rbt-hero-banner-activation-3 .rbt-swiper-pagination::before, .rbt-glass-hero-products-banner-area .rbt-hero-banner-activation-3 .rbt-swiper-pagination::after {
  display: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-glass-hero-products-banner-area .rbt-hero-banner-activation-3 .rbt-swiper-pagination {
    display: none;
  }
}
@media only screen and (max-width: 1199px), only screen and (max-width: 767px) {
  .rbt-glass-hero-products-banner-area .rbt-hero-banner-activation-3 .rbt-swiper-pagination {
    display: none;
  }
}

.rbt-single-product-media-area .swiper-slide a {
  border: 2px solid transparent;
}
.rbt-single-product-media-area .swiper-slide.swiper-slide-thumb-active a {
  border: 2px solid var(--color-primary);
}

.rbt-arrow-between .rbt-swiper-arrow:focus-visible {
  outline: none;
}

/*------------------------------------
    Swiper Slider pagination bar
--------------------------------------*/
.rbt-swiper-pagination-dot-extend.swiper-pagination {
  bottom: 10px;
}
.rbt-swiper-pagination-dot-extend .swiper-pagination-bullet {
  width: 92px;
  height: 4px;
  border-radius: 0;
  position: relative;
  overflow: hidden;
  background: unset;
  opacity: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-swiper-pagination-dot-extend .swiper-pagination-bullet {
    width: 60px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-swiper-pagination-dot-extend .swiper-pagination-bullet {
    width: 40px;
  }
}
.rbt-swiper-pagination-dot-extend .swiper-pagination-bullet::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.rbt-swiper-pagination-dot-extend .swiper-pagination-bullet::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--color-white);
  opacity: 0.4;
  z-index: 1;
}
.rbt-swiper-pagination-dot-extend .swiper-pagination-bullet:first-child {
  border-radius: 0 0 0 var(--radius-12);
}
.rbt-swiper-pagination-dot-extend .swiper-pagination-bullet:last-child {
  border-radius: 0 0 var(--radius-12) 0;
}
.rbt-swiper-pagination-dot-extend .swiper-pagination-bullet-active::before {
  background-color: var(--color-primary);
  animation: rbt-slide-progress-anim 3s ease-out forwards;
}
.swiper-paused .rbt-swiper-pagination-dot-extend .swiper-pagination-bullet-active::before {
  animation-play-state: paused;
}

.rbt-swiper-pagination-center .rbt-swiper-pagination {
  width: fit-content;
  left: 50%;
  transform: translateX(-50%);
}

.rbt-scroll-text-animation {
  padding: 8px 0;
}
.rbt-scroll-text-animation .swiper-wrapper {
  transition-timing-function: linear !important;
}
.rbt-scroll-text-animation a {
  color: var(--color-white);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: var(--f-medium);
  display: flex;
  gap: 8px;
  align-items: center;
  white-space: nowrap;
}
.rbt-scroll-text-animation .rbt-catagory-icon {
  display: inline-block;
  height: 14px;
  min-width: 14px;
  border-radius: var(--radius-full);
  border: 2px solid var(--color-white);
}

.rbt-medea-lg-img-area-sm-wider {
  max-width: 375px;
  margin: 0;
}

.rbt-medea-lg-img-area-md-wider {
  margin: 0;
}

.rbt-couponSwiper .swiper-slide {
  max-width: 70%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-couponSwiper .swiper-slide {
    max-width: 80%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-couponSwiper .swiper-slide {
    max-width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-couponSwiper .swiper-slide {
    max-width: 55%;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-couponSwiper .swiper-slide {
    max-width: 100%;
  }
}

.rbt-swiper-scrollbar-bottom {
  padding-bottom: 24px;
  position: relative;
}
.rbt-swiper-scrollbar-bottom .rbt-swiper-scrollbar {
  position: absolute;
  background: var(--color-gray-200);
  border-radius: 40px;
  height: 6px;
  width: 100%;
  bottom: 0;
  left: 0;
}
.rbt-swiper-scrollbar-bottom .rbt-swiper-scrollbar .swiper-scrollbar-drag {
  background: var(--color-black);
  border-radius: 40px;
}

.product-single-slider-three-activation {
  max-height: 1860px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-single-slider-three-activation.rbt-medea-lg-img-area-sm-wider {
    max-width: unset;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .product-single-slider-three-activation {
    max-height: 1440px;
  }
}
.product-single-slider-three-activation .thumbnail {
  height: 100%;
}
.product-single-slider-three-activation .thumbnail .rbt-product-single-img {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-single-slider-three-activation .thumbnail .rbt-product-single-img img {
  height: 100%;
  object-fit: cover;
}

.product-single-slider-three-thumb-activation {
  max-width: 70px;
}
@media only screen and (max-width: 767px) {
  .product-single-slider-three-thumb-activation {
    max-width: 320px;
  }
}

.product-single-slider-two-thumb-activation {
  max-height: 457px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-single-slider-two-thumb-activation {
    max-height: auto;
  }
}
.product-single-slider-two-thumb-activation.thumb-height-var-one {
  max-height: 530px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-single-slider-two-thumb-activation.thumb-height-var-one {
    max-height: auto;
  }
}
.product-single-slider-two-thumb-activation.thumb-height-var-two {
  max-height: 360px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-single-slider-two-thumb-activation.thumb-height-var-two {
    max-height: 524px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-single-slider-two-thumb-activation.thumb-height-var-two {
    max-height: auto;
  }
}
.product-single-slider-two-thumb-activation.thumb-height-var-lg {
  max-height: 530px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-single-slider-two-thumb-activation.thumb-height-var-lg {
    max-height: auto;
  }
}

.product-single-slider-three-thumb-activation {
  height: 430px;
}
@media only screen and (max-width: 767px) {
  .product-single-slider-three-thumb-activation {
    height: auto;
  }
}
.product-single-slider-three-thumb-activation.thumb-height-var-one {
  max-height: 330px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product-single-slider-three-thumb-activation.thumb-height-var-one {
    max-height: auto;
  }
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-thumb-slide-part {
    max-width: 100%;
    position: static !important;
    display: flex;
    align-items: center;
    gap: 16px;
    width: 80% !important;
  }
  .rbt-thumb-slide-part .swiper {
    max-width: unset;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-thumb-slide-part {
    max-width: 100%;
    position: static !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-medea-lg-img-area.w-82 {
    width: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .rbt-swiper-arrow.sm_d-none {
    display: none;
  }
}

@keyframes rbt-slide-progress-anim {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.swiper.has-right-bg-shape {
  position: relative;
}
.swiper.has-right-bg-shape::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 0;
  width: 200px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.9) 45.02%, #fff 86.62%);
  z-index: 2;
  max-height: 120px;
}
.swiper.has-right-bg-shape-sm-width::before {
  width: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-single-slider-three-thumb-activation {
    height: 100%;
    margin: 0;
  }
}

.swiper.rbt-thumb-has-bg-shape-overlay {
  position: relative;
}
.swiper.rbt-thumb-has-bg-shape-overlay::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.9) 45.02%, #fff 86.62%);
  z-index: 2;
  max-height: 120px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .swiper.rbt-thumb-has-bg-shape-overlay::after {
    width: 50px;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.9) 45.02%, #fff 86.62%);
    max-height: unset;
  }
}

.rbt-swiper-lr-shadow {
  position: relative;
}
.rbt-swiper-lr-shadow::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 10%;
  height: 100%;
  background: linear-gradient(90deg, #F9F9F9 0%, rgba(249, 249, 249, 0) 100%);
  z-index: 2;
}
.rbt-swiper-lr-shadow::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 10%;
  height: 100%;
  background: linear-gradient(270deg, #F9F9F9 0%, rgba(249, 249, 249, 0) 100%);
  z-index: 2;
}

.rbt-megamenu-prd-card-activation-1 .rbt-swiper-pagination-center .rbt-swiper-pagination {
  bottom: -24px;
}

/*--------------------------
    Componenet Section Title
---------------------------*/
.rbt-component-section-title {
  margin-bottom: 40px;
  padding-bottom: 22px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 16px;
  border-bottom: 2px solid var(--color-gray-100);
}
@media only screen and (max-width: 767px) {
  .rbt-component-section-title {
    margin-bottom: 20px;
    gap: 8px;
  }
}
.rbt-component-section-title span.rbt-card-subtitle {
  font-weight: 400;
  margin-bottom: 0;
}
.rbt-component-section-title .title,
.rbt-component-section-title .rbt-title {
  margin-bottom: 0;
  font-weight: var(--f-regular);
}
.rbt-component-section-title .title .rbt-bold--text,
.rbt-component-section-title .rbt-title .rbt-bold--text {
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .rbt-component-section-title .title.h1,
  .rbt-component-section-title .rbt-title.h1 {
    font-size: 24px;
  }
}
.rbt-component-section-title .description {
  color: var(--color-gray-500);
  max-width: 542px;
  margin-bottom: 0;
}
.rbt-component-section-title .rbt-link {
  transition: var(--transition);
}
.rbt-component-section-title .rbt-link:hover {
  color: var(--color-primary);
  transform: translateY(-2px);
}

.title-sm-fsize {
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .title-sm-fsize {
    margin-bottom: 8px;
  }
}
.title-sm-fsize .title,
.title-sm-fsize .rbt-title {
  margin-bottom: 0;
  font-weight: var(--f-medium);
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
}
.title-sm-fsize .title .rbt-bold--text,
.title-sm-fsize .rbt-title .rbt-bold--text {
  font-weight: 600;
}

.rbt-short-title {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  padding-bottom: 12px;
  font-weight: 500;
  margin-bottom: 6px;
  border-bottom: 2px solid var(--color-gray-100);
  text-align: left;
  color: var(--color-gray-400);
  font-weight: 500;
}

.rbt-exclusive-section-title {
  margin-bottom: 40px;
  position: relative;
}
.rbt-exclusive-section-title .icons {
  font-size: 32px;
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
}
.rbt-exclusive-section-title .subtitle {
  font-size: 20px;
  display: inline-block;
  margin-bottom: 8px;
  color: var(--color-black);
  font-family: var(--font-primary);
  position: relative;
  z-index: 2;
}
.rbt-exclusive-section-title .rbt-title {
  font-size: 52px;
  color: var(--color-black);
  line-height: 1;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-exclusive-section-title .rbt-title {
    font-size: 44px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-exclusive-section-title .rbt-title {
    font-size: 32px;
  }
}
.rbt-exclusive-section-title .rbt-title .rbt-title-sm-text {
  font-size: 40px;
  font-weight: var(--f-regular);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-exclusive-section-title .rbt-title .rbt-title-sm-text {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-exclusive-section-title .rbt-title .rbt-title-sm-text {
    font-size: 28px;
  }
}
.rbt-exclusive-section-title .rbt-title .rbt-overlay-text {
  font-size: 280px;
  font-weight: 700;
  padding: 6px 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -54%;
  line-height: 0.7;
  z-index: -1;
  white-space: nowrap;
  user-select: none;
}
.rbt-exclusive-section-title .rbt-title .rbt-overlay-text.overlay-sm {
  font-size: 112px;
}
.rbt-exclusive-section-title .rbt-title .rbt-overlay-text.overlay-text-color-var-2 {
  background: linear-gradient(180deg, #D8E8FF 0%, #EFF1F4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rbt-exclusive-section-title .rbt-title .rbt-overlay-text.overlay-text-color-var-3 {
  background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-exclusive-section-title .rbt-title .rbt-overlay-text {
    font-size: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-exclusive-section-title .rbt-title .rbt-overlay-text {
    font-size: 110px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-exclusive-section-title .rbt-title .rbt-overlay-text {
    font-size: 80px;
  }
}
.rbt-exclusive-section-title .rbt-title .rbt-text-sm {
  font-size: 40px;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .rbt-exclusive-section-title .rbt-title .rbt-text-sm {
    font-size: 30px;
  }
}
.rbt-exclusive-section-title p {
  color: #333;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .exclusive-btn {
    font-size: var(--font-size-b1);
    padding: 0 28px;
    height: 44px;
    line-height: 44px !important;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .exclusive-btn {
    font-size: var(--font-size-b1);
    padding: 0 20px;
    height: 40px;
    line-height: 40px !important;
  }
}
.exclusive-btn.icon-reverse-left .icon-left {
  margin-left: -24px;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55), margin 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.exclusive-btn.icon-reverse-left .icon-right {
  margin-right: 0;
  transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55), margin 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.exclusive-btn.icon-reverse-left:hover .icon-left, .exclusive-btn.icon-reverse-left:focus .icon-left {
  opacity: 1;
  margin-left: 0;
}
.exclusive-btn.icon-reverse-left:hover .icon-right, .exclusive-btn.icon-reverse-left:focus .icon-right {
  margin-right: -24px;
  opacity: 0;
}
.exclusive-btn.icon-reverse-right .icon-left {
  transition: var(--transition);
  transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55), margin 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.exclusive-btn.icon-reverse-right .icon-right {
  margin-right: -24px;
  opacity: 0;
  transition: var(--transition);
  transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55), margin 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.exclusive-btn.icon-reverse-right:hover .icon-left, .exclusive-btn.icon-reverse-right:focus .icon-left {
  margin-left: -24px;
  opacity: 0;
}
.exclusive-btn.icon-reverse-right:hover .icon-right, .exclusive-btn.icon-reverse-right:focus .icon-right {
  margin-right: 0;
  opacity: 1;
}
.exclusive-btn + .exclusive-btn.rbt-btn-border:hover, .exclusive-btn + .exclusive-btn.rbt-btn-border:focus {
  background: transparent;
}
.exclusive-btn:hover, .exclusive-btn:focus {
  transform: translate3d(0, -2px, 0);
  box-shadow: var(--shadow-7);
  color: var(--color-white);
}
.exclusive-btn:hover.icon-hover .btn-text, .exclusive-btn:focus.icon-hover .btn-text {
  transform: translateX(-5px);
}
.exclusive-btn:hover.icon-hover .btn-icon i, .exclusive-btn:focus.icon-hover .btn-icon i {
  opacity: 1;
  transform: translateX(5px);
}

.rbt-overlay-counter {
  font-size: 280px;
  line-height: 1;
  font-weight: 700;
  user-select: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-overlay-counter {
    font-size: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-overlay-counter {
    font-size: 110px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-overlay-counter {
    font-size: 80px;
  }
}
.rbt-overlay-counter .odometer .odometer-digit .odometer-value {
  background: linear-gradient(180deg, rgba(33, 90, 218, 0.3) 0%, rgba(239, 241, 244, 0.3) 87.5%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rbt-overlay-counter .counter-suffix {
  background: linear-gradient(180deg, rgba(33, 90, 218, 0.3) 0%, rgba(239, 241, 244, 0.3) 87.5%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rbt-overlay-counter.counter-sm {
  font-size: 112px;
}
.rbt-overlay-counter.color-variation-2 .odometer .odometer-digit .odometer-value {
  background: linear-gradient(180deg, rgba(33, 90, 218, 0.6) 0%, rgba(0, 0, 0, 0.6) 87.5%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rbt-overlay-counter.color-variation-2 .counter-suffix {
  background: linear-gradient(180deg, rgba(33, 90, 218, 0.6) 0%, rgba(0, 0, 0, 0.6) 87.5%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rbt-overlay-counter {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -132%;
}
.rbt-overlay-counter.counter-sm .counter-suffix {
  margin-left: -28px;
}
.rbt-overlay-counter .counter-suffix {
  margin-left: -72px;
}

.rbt-exclusive-section-title .rbt-overlay-text {
  background: linear-gradient(180deg, rgba(33, 90, 218, 0.3) 0%, rgba(239, 241, 244, 0.3) 87.5%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rbt-exclusive-section-title .section-indicator {
  right: -72px;
  top: -64px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-exclusive-section-title .section-indicator {
    right: 0;
  }
}

.rbt-exclusive-section-title .section-indicator {
  position: absolute;
  right: -16px;
  top: 28px;
  color: #000;
  font-family: var(--font-secondary);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  text-transform: capitalize;
  display: flex;
  gap: 16px;
  align-items: center;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-exclusive-section-title .section-indicator {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-exclusive-section-title .section-indicator {
    display: none;
  }
}

.rbt-component-area.rbt-bg-color-black .rbt-component-section-title {
  border-color: var(--color-gray-black-three);
}

/*===================
Catagory Styles
====================*/
.wrapper,
.container-fluid,
.rbt-fullwidth-wrapper {
  margin: 0 auto;
  max-width: 2560px;
  width: 100%;
}

.rbt-cat-box {
  position: relative;
  transition: var(--transition);
  height: 100%;
  overflow: hidden;
}
.rbt-cat-box .rbt-image-portion img {
  transition: all 0.3s ease-in-out;
  object-fit: cover;
}
.rbt-cat-box:hover .rbt-image-portion img {
  transform: scale(1.04);
}
.rbt-cat-box:hover .rbt-icon-overlay-link-btn i {
  color: var(--color-white);
}
.rbt-cat-box:hover .rbt-icon-overlay-link-btn i.rbt-icon {
  transform: translateY(-300%) translateX(300%);
}
.rbt-cat-box:hover .rbt-icon-overlay-link-btn i.rbt-icon-bottom {
  transform: translateY(0) translateX(0) scale(1.04);
}
.rbt-cat-box:hover .rbt-icon-overlay-link-btn::after {
  transform: scale(1);
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-white);
}
.rbt-cat-box:hover .rbt-icon-overlay-link-btn:hover {
  background: transparent !important;
  border-color: transparent !important;
}
.rbt-cat-box:hover .rbt-icon-overlay-link-btn:hover::after {
  transform: scale(0.9) !important;
}
.rbt-cat-box.rbt-cat-box-1 .content {
  margin-top: 16px;
}
@media only screen and (max-width: 479px) {
  .rbt-cat-box.rbt-cat-box-1 .content {
    margin-top: 4px;
  }
}
.rbt-cat-box.rbt-cat-box-1 .content .title {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  margin-bottom: 0;
  font-weight: var(--f-medium);
}
@media only screen and (max-width: 479px) {
  .rbt-cat-box.rbt-cat-box-1 .content .title {
    font-size: 12px;
  }
}
.rbt-cat-box.rbt-cat-box-1:hover .rbt-image-portion img {
  transform: scale(1.04);
}
.rbt-cat-box.rbt-cat-box-1.rbt-cat-box-1-rounded .inner {
  display: grid;
  justify-content: center;
}
.rbt-cat-box.rbt-cat-box-1.rbt-cat-box-1-rounded .rbt-image-portion {
  height: 100%;
  width: 100%;
  border-radius: var(--radius-full);
  position: relative;
  overflow: hidden;
}
.rbt-cat-box.rbt-cat-box-1.rbt-cat-box-1-lg .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rbt-cat-box.rbt-cat-box-1.rbt-cat-box-1-lg .rbt-image-portion {
  height: 100%;
  width: 100%;
}
.rbt-cat-box.rbt-cat-box-2 {
  padding: 32px;
  border-radius: 12px;
  background: var(--color-brand-200);
  display: block;
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-2 {
    padding: 16px 8px;
    border-radius: 4px;
  }
}
.rbt-cat-box.rbt-cat-box-2.text-center .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rbt-cat-box.rbt-cat-box-2 .rbt-image-portion {
  height: 173px;
  width: 173px;
  border-radius: var(--radius-full);
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-2 .rbt-image-portion {
    height: 80px;
    width: 80px;
  }
}
.rbt-cat-box.rbt-cat-box-2 .rbt-image-portion img {
  transition: var(--transition);
  transform: scale(1.04);
}
.rbt-cat-box.rbt-cat-box-2 .content {
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-2 .content {
    margin-top: 8px;
  }
}
.rbt-cat-box.rbt-cat-box-2 .content .title {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  margin-bottom: 0;
  font-weight: var(--f-medium);
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-2 .content .title {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
  }
}
.rbt-cat-box.rbt-cat-box-2:hover .rbt-image-portion img {
  transform: scale(1);
}
.rbt-cat-box.rbt-cat-box-3 {
  overflow: unset;
}
.rbt-cat-box.rbt-cat-box-3 .inner {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.rbt-cat-box.rbt-cat-box-3 .rbt-image-portion {
  height: 100%;
  width: 100%;
  border-radius: var(--radius-full);
  position: relative;
  overflow: hidden;
}
.rbt-cat-box.rbt-cat-box-3 .rbt-image-portion a img {
  transform: scale(1.04);
  height: 100%;
  width: 100%;
}
.rbt-cat-box.rbt-cat-box-3 .content {
  margin-top: -22px;
}
@media only screen and (max-width: 479px) {
  .rbt-cat-box.rbt-cat-box-3 .rbt-btn {
    height: 28px;
    line-height: 28px;
    font-size: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-cat-box.rbt-cat-box-3 .rbt-btn i {
    font-size: 10px;
  }
}
.rbt-cat-box.rbt-cat-box-3:hover .rbt-image-portion a img {
  transform: scale(1);
}
.rbt-cat-box.rbt-cat-box-3.cat-var-two .rbt-image-portion {
  max-width: 320px;
}
.rbt-cat-box.rbt-cat-box-4 {
  padding: 24px;
  padding-top: 32px;
  border-radius: 12px;
  background: var(--color-brand-50);
  border: 2px solid var(--color-brand-50);
  display: block;
  transition: var(--transition-3);
}
@media only screen and (max-width: 575px) {
  .rbt-cat-box.rbt-cat-box-4 {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-4 {
    padding: 8px;
    padding-top: 16px;
    border-radius: 4px;
  }
}
.rbt-cat-box.rbt-cat-box-4:hover {
  background: var(--color-brand-200);
  border-color: var(--color-primary);
}
.rbt-cat-box.rbt-cat-box-4 .content .title {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  margin-bottom: 0;
  font-weight: 600;
}
.rbt-cat-box.rbt-cat-box-4 .content .quick-link-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-4 .content .quick-link-list {
    gap: 4px;
    margin-top: 8px;
  }
}
.rbt-cat-box.rbt-cat-box-4 .content .quick-link-list li {
  margin: 0;
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
}
.rbt-cat-box.rbt-cat-box-4 .rbt-image-portion {
  margin-top: 16px;
}
.rbt-cat-box.rbt-cat-box-5 {
  border-radius: unset;
}
.rbt-cat-box.rbt-cat-box-5 .rbt-image-portion {
  border-radius: 24px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-cat-box.rbt-cat-box-5 .rbt-image-portion {
    border-radius: 8px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-cat-box.rbt-cat-box-5 .rbt-image-portion {
    border-radius: 12px;
  }
}
.rbt-cat-box.rbt-cat-box-5 .inner {
  transition: var(--transition);
}
.rbt-cat-box.rbt-cat-box-5 .inner .rbt-image-portion a {
  display: block;
  transition: var(--transition);
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-cat-box.rbt-cat-box-5 .inner .rbt-image-portion a {
    border-radius: 8px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-cat-box.rbt-cat-box-5 .inner .rbt-image-portion a {
    border-radius: 12px;
  }
}
.rbt-cat-box.rbt-cat-box-5 .inner .rbt-image-portion a img {
  width: 100%;
  object-fit: cover;
  min-height: 305px;
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-5 .inner .rbt-image-portion a img {
    min-height: 220px;
  }
}
.rbt-cat-box.rbt-cat-box-5 .inner .rbt-btn {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  width: 75%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-cat-box.rbt-cat-box-5 .inner .rbt-btn {
    padding: 0 20px;
  }
}
.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion {
  --box-size: 40px;
  position: absolute;
  z-index: 2;
  right: -20px;
  top: -20px;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition-short);
}
.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion .rbt-corner-portion-wrapper {
  position: relative;
  padding: 0 0 10px 10px;
  background: var(--color-white);
  border-radius: 0 0 0 24px;
}
.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion .rbt-corner-portion-wrapper::before, .rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion .rbt-corner-portion-wrapper:after {
  content: "";
  position: absolute;
  height: var(--box-size);
  width: var(--box-size);
  background: transparent;
  border-radius: var(--radius-full);
  box-shadow: 13px -13px 0 0 #fff;
}
.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion .rbt-corner-portion-wrapper::before {
  top: 0;
  right: 100%;
}
.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion .rbt-corner-portion-wrapper::after {
  top: 100%;
  right: 0;
}
.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-card-link-btn {
  height: 56px;
  width: 56px;
  border-radius: var(--radius-full);
  background: var(--color-primary);
  font-size: 20px;
  line-height: 56px;
  text-align: center;
  color: var(--color-white);
  display: inline-block;
  transform: scale(1);
  transition: var(--transition);
}
.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-card-link-btn:hover {
  transform: scale(0.9);
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-card-link-btn {
    height: 44px;
    width: 44px;
    line-height: 44px;
    font-size: 16px;
  }
}
.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion.bottom--position {
  bottom: -20px;
  top: unset;
}
.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper {
  padding: 10px 0 0 10px;
  background: var(--color-white);
  border-radius: 24px 0 0 0;
}
.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper::before, .rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper:after {
  box-shadow: 15px 15px 0 0 #fff;
}
.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper::before {
  bottom: 0;
  right: 100%;
  top: unset;
}
.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper::after {
  bottom: 100%;
  right: 0;
  top: unset;
}
.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper .rbt-card-link-btn {
  height: 56px;
  width: 56px;
  border-radius: var(--radius-full);
  background: var(--color-primary);
  font-size: 20px;
  line-height: 56px;
  text-align: center;
  color: var(--color-white);
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper .rbt-card-link-btn {
    height: 44px;
    width: 44px;
    line-height: 44px;
    font-size: 16px;
  }
}
.rbt-cat-box.rbt-cat-box-5.wider-coloumn {
  max-width: none;
}
.rbt-cat-box.rbt-cat-box-5.wider-coloumn .rbt-image-portion img {
  min-height: 242px;
}
.rbt-cat-box.rbt-cat-box-5.wider-coloumn .content {
  position: absolute;
  top: 32px;
  left: 32px;
  bottom: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rbt-cat-box.rbt-cat-box-5.wider-coloumn .content .subtitle {
  margin-top: 16px;
  margin-bottom: 0;
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  font-weight: var(--f-medium);
  color: var(--color-heading);
}
.rbt-cat-box.rbt-cat-box-5.wider-coloumn .content .title {
  margin: 0;
  font-weight: 400;
  color: var(--color-heading);
}
.rbt-cat-box.rbt-cat-box-5.wider-coloumn .content .title .rbt-bold--text {
  font-weight: 700;
}
.rbt-cat-box.rbt-cat-box-5.wider-coloumn .content .bottom-content > .rbt-btn {
  position: static;
  transform: none;
  top: 0;
  left: 0;
  width: unset;
  display: inline-block;
}
.rbt-cat-box.rbt-cat-box-5.wider-coloumn .content .bottom-content > .rbt-btn.rbt-marquee-btn {
  width: 180px;
  text-wrap: nowrap;
  word-wrap: normal;
  position: relative;
}
.rbt-cat-box.rbt-cat-box-5.variation-two .content {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 24px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-5.variation-two .content {
    padding: 12px;
  }
}
.rbt-cat-box.rbt-cat-box-5.variation-two .content .rbt-btn {
  position: static;
  width: unset;
  transform: none;
  text-align: center;
}
.rbt-cat-box.rbt-cat-box-5.variation-two .content .title {
  color: var(--color-white);
  margin-bottom: 12px;
  width: 75%;
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-5.variation-two .content .title {
    width: 100%;
  }
}
.rbt-cat-box.rbt-cat-box-5:hover .rbt-icon-overlay-link-btn {
  height: 50px;
  width: 50px;
  line-height: 50px;
  font-size: 20px;
  display: block;
}
.rbt-cat-box.rbt-cat-box-5:hover .rbt-icon-overlay-link-btn::after {
  transform: scale(1);
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-white);
}
.rbt-cat-box.rbt-cat-box-5:hover .rbt-icon-overlay-link-btn i {
  margin-top: -10px;
  margin-left: -5px;
  color: var(--color-white);
}
.rbt-cat-box.rbt-cat-box-5:hover .rbt-icon-overlay-link-btn i.rbt-icon {
  transform: translateY(-300%) translateX(300%);
}
.rbt-cat-box.rbt-cat-box-5:hover .rbt-icon-overlay-link-btn i.rbt-icon-bottom {
  transform: translateY(0) translateX(0) scale(1.04);
}
.rbt-cat-box.rbt-cat-box-5:hover .rbt-right-corner-portion {
  opacity: 1;
  visibility: visible;
  right: 0;
  top: 0;
}
.rbt-cat-box.rbt-cat-box-5:hover .rbt-right-corner-portion .rbt-card-link-btn:hover {
  background: var(--color-primary);
}
.rbt-cat-box.rbt-cat-box-5:hover .rbt-right-corner-portion.bottom--position {
  top: unset;
  bottom: 0;
}
.rbt-cat-box.rbt-cat-box-5.variation-one {
  border-radius: unset;
}
.rbt-cat-box.rbt-cat-box-5.variation-one .content .title {
  margin-top: 16px;
  margin-bottom: 0;
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
}
.rbt-cat-box.rbt-cat-box-5.variation-one .content .title a {
  display: block;
}
.rbt-cat-box.rbt-cat-box-5.variation-one .rbt-image-portion {
  border-radius: 12px;
}
.rbt-cat-box.rbt-cat-box-5.variation-three .rbt-image-portion {
  border-radius: var(--radius-10);
}
.rbt-cat-box.rbt-cat-box-5.variation-three .rbt-image-portion a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 23.85%, rgba(0, 0, 0, 0.6) 100%);
}
.rbt-cat-box.rbt-cat-box-5.variation-three .rbt-image-portion a img {
  transform: scale(1);
}
.rbt-cat-box.rbt-cat-box-5.variation-three .content {
  position: absolute;
  width: 100%;
  bottom: 24px;
  padding: 0 12px;
  z-index: 2;
}
.rbt-cat-box.rbt-cat-box-5.variation-three:hover .rbt-image-portion img {
  transform: scale(1.02);
}
.rbt-cat-box.rbt-cat-box-5.variation-four .inner .rbt-image-portion a img {
  min-height: unset;
}
.rbt-cat-box.rbt-cat-box-5.variation-four .inner .content .title {
  margin-top: 16px;
}
.rbt-cat-box.rbt-cat-box-6 {
  background: var(--color-brand-200);
  border-radius: 16px;
  padding: 32px 40px;
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-6 {
    padding: 12px 16px;
  }
}
.rbt-cat-box.rbt-cat-box-6 .title {
  font-weight: 700;
  margin-bottom: 0;
}
.rbt-cat-box.rbt-cat-box-6 .rbt-image-portion {
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-6 .rbt-image-portion {
    margin-top: 12px;
  }
}
.rbt-cat-box.rbt-cat-box-6 .quick-button-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  gap: 16px;
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-6 .quick-button-list {
    margin-top: 12px;
    gap: 8px;
  }
}
.rbt-cat-box.rbt-cat-box-6 .quick-button-list li {
  margin: 0;
}
.rbt-cat-box.rbt-cat-box-6 .quick-button-list li .rbt-btn {
  display: block;
  padding: 0 10px;
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-6 .quick-button-list li .rbt-btn {
    height: 28px;
    line-height: 28px;
  }
}
.rbt-cat-box.rbt-cat-box-6 .rbt-image-portion a img {
  max-height: 150px;
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-6 .rbt-image-portion a img {
    max-height: 80px;
  }
}
.rbt-cat-box.rbt-cat-box-7 {
  border-radius: 16px;
  border: 1px solid var(--color-extra-four);
  background: var(--color-white);
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-7 {
    border-radius: var(--radius);
  }
}
.rbt-cat-box.rbt-cat-box-7 .inner {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-7 .inner {
    padding: 8px 12px;
    padding-bottom: 52px;
    position: relative;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.rbt-cat-box.rbt-cat-box-7 .content {
  padding: 24px;
  padding-right: 0;
  flex-basis: 70%;
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-7 .content {
    padding: 0;
    flex-basis: 100%;
  }
}
.rbt-cat-box.rbt-cat-box-7 .content .title {
  font-size: var(--font-size-b1);
  line-height: 1;
  margin-bottom: 0;
  font-weight: 600;
}
.rbt-cat-box.rbt-cat-box-7 .content .quick-link-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}
.rbt-cat-box.rbt-cat-box-7 .content .quick-link-list li {
  margin: 0;
  font-size: var(--font-size-b3);
  line-height: 1.1;
  font-weight: 400;
}
.rbt-cat-box.rbt-cat-box-7 .content .quick-link-list li a {
  color: var(--color-gray-600);
}
.rbt-cat-box.rbt-cat-box-7 .content .quick-link-list li a:hover {
  color: var(--color-primary);
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-7 .rbt-icon-overlay-link-btn {
    position: absolute;
    bottom: 8px;
    left: 12px;
  }
}
.rbt-cat-box.rbt-cat-box-7 .rbt-image-portion {
  text-align: center;
}
.rbt-cat-box.rbt-cat-box-7 .rbt-image-portion a img {
  max-width: 93px;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-7 .rbt-image-portion a img {
    max-width: 64px;
    margin-bottom: 4px;
  }
}
.rbt-cat-box.rbt-cat-box-8 {
  padding: 32px;
  overflow: hidden;
  border-radius: 16px;
  min-height: 260px;
}
.rbt-cat-box.rbt-cat-box-8 .inner {
  display: flex;
  flex-direction: column;
  justify-content: end;
  height: 100%;
}
.rbt-cat-box.rbt-cat-box-8 .content {
  position: relative;
  z-index: 2;
  width: fit-content;
}
.rbt-cat-box.rbt-cat-box-8 .content .rbt-badge {
  margin-bottom: 12px;
}
.rbt-cat-box.rbt-cat-box-8 .content .subtitle {
  margin: 0;
  color: var(--color-white);
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
}
.rbt-cat-box.rbt-cat-box-8 .content .title {
  color: var(--color-white);
  margin-bottom: 20px;
}
.rbt-cat-box.rbt-cat-box-8 .content .title a:hover {
  color: var(--color-primary);
}
.rbt-cat-box.rbt-cat-box-8 .content .qty-text {
  color: var(--color-gray-100);
  margin-bottom: 0;
}
.rbt-cat-box.rbt-cat-box-8 .content .rbt-btn {
  background: rgba(255, 255, 255, 0.2);
  color: var(--color-white);
}
.rbt-cat-box.rbt-cat-box-8 .content .rbt-btn:hover {
  background: var(--color-primary);
}
.rbt-cat-box.rbt-cat-box-8 .rbt-image-portion {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.rbt-cat-box.rbt-cat-box-8 .rbt-image-portion img {
  transform: scale(1.04);
  min-height: 100%;
}
.rbt-cat-box.rbt-cat-box-8 .has-rbt-sectioin-overlay {
  position: relative;
  height: 100%;
  display: block;
}
.rbt-cat-box.rbt-cat-box-8 .has-rbt-sectioin-overlay::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(rgba(118, 65, 31, 0.1) 0%, rgba(49, 19, 0, 0.7) 100%);
  opacity: 0.9;
}
.rbt-cat-box.rbt-cat-box-8 .has-rbt-sectioin-overlay.rbt-sectioin-overlay-black::after {
  opacity: 0.7;
  background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}
.rbt-cat-box.rbt-cat-box-8 .has-rbt-sectioin-overlay.rbt-sectioin-overlay-white::after {
  opacity: 0.7;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.rbt-cat-box.rbt-cat-box-8 .has-rbt-sectioin-overlay.rbt-sectioin-overlay-black-reverse::after {
  opacity: 1;
  background: linear-gradient(180deg, rgba(3, 14, 3, 0) 22.08%, rgba(3, 14, 3, 0.8) 86.53%);
}
.rbt-cat-box.rbt-cat-box-8.rbt-curved-style-box {
  mask-image: url(../images/system/catagory-8-curved-top-mask.webp);
  -webkit-mask-image: url(../images/system/catagory-8-curved-top-mask.webp);
  background-image: url(../images/system/catagory-8-curved-top-mask.webp);
}
.rbt-cat-box.rbt-cat-box-8:hover .rbt-image-portion img {
  transform: scale(1);
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-one {
  min-height: 630px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-one {
    min-height: 464px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-one {
    min-height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-one {
    min-height: 324px;
  }
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-one .subtitle {
  font-size: 20px;
  line-height: 1.5;
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-two {
  padding: 0;
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-two .content {
  position: absolute;
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-two .rbt-image-portion {
  position: static;
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-two .inner {
  justify-content: center;
  align-items: center;
  text-align: center;
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-two .title {
  margin-bottom: 0;
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-three {
  min-height: 416px;
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-three {
    padding: 16px;
    min-height: 250px;
  }
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-three .rbt-btn {
  display: block;
  text-align: center;
  backdrop-filter: blur(12px);
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-three .title {
  width: 75%;
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-three .title {
    width: 100%;
    margin-bottom: 8px;
  }
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four {
  padding: 0;
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four .inner {
  flex-direction: column-reverse;
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four .rbt-image-portion {
  position: static;
  border-radius: var(--radius-12);
  overflow: hidden;
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four .content {
  text-align: center;
  padding-top: 24px;
  width: unset;
}
@media only screen and (max-width: 767px) {
  .rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four .content {
    padding-top: 16px;
  }
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four .content .subtitle {
  color: var(--color-gray-400);
  font-weight: var(--f-medium);
  font-size: var(--font-size-b2);
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four .content .title {
  color: var(--color-black);
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four .content .rbt-btn {
  background: var(--color-primary);
}
.rbt-cat-box.rbt-cat-box-8.h-650 {
  min-height: 650px;
}
.rbt-cat-box.rbt-cat-box-9 {
  background: var(--color-gray-light);
  border-radius: var(--radius-12);
}
.rbt-cat-box.rbt-cat-box-9 .inner {
  padding: 32px;
  min-height: 204px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}
.rbt-cat-box.rbt-cat-box-9 .content {
  position: relative;
  z-index: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rbt-cat-box.rbt-cat-box-9 .content .top-content .rbt-badge {
  position: absolute;
  right: -8px;
  top: -8px;
}
.rbt-cat-box.rbt-cat-box-9 .content .top-content .title {
  margin-bottom: 8px;
}
.rbt-cat-box.rbt-cat-box-9 .rbt-image-portion {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  display: flex;
  justify-content: end;
  align-items: center;
}
.rbt-cat-box.rbt-cat-box-9 .rbt-image-portion img {
  max-height: 204px;
}
.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two {
  border-radius: var(--radius-md);
  overflow: visible;
  transition: var(--transition);
}
.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two .inner {
  padding: 24px;
  min-height: 175px;
}
.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two .content {
  justify-content: center;
}
.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two .content .title {
  margin-bottom: 0;
  color: var(--color-white);
}
.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two .rbt-image-portion img {
  max-height: 220px;
  border-radius: var(--radius-md);
  position: absolute;
  bottom: 0;
  right: 0;
}
.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two .rbt-image-portion img.rbt-cat-bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two:hover {
  transform: translateY(-3px);
}
.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two:hover .rbt-image-portion img {
  transform: none;
}
.rbt-cat-box.banner-card {
  padding-top: 28px;
  background-color: #E2F2D8;
  border-radius: 16px;
}
.rbt-cat-box.banner-card .inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.rbt-cat-box.banner-card .subtitle {
  margin-bottom: 0px;
  color: var(--color-heading);
}
.rbt-cat-box.banner-card .rbt-title {
  margin-top: 8px;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1;
}
.rbt-cat-box.banner-card .rbt-title .rbt-bold--text {
  font-weight: 700;
}
.rbt-cat-box.banner-card .secondary-title {
  margin-bottom: 0;
  margin-top: 8px;
  color: var(--color-primary);
  font-family: var(--font-secondary);
  font-weight: 700;
  line-height: 1;
}
.rbt-cat-box.banner-card .rbt-image-portion {
  margin-top: 8px;
  margin-bottom: -12px;
}
.rbt-cat-box.banner-card:hover .rbt-image-portion img {
  transform: scale(1.04);
}

.rbt-catagories-list-area {
  display: flex;
  justify-content: center;
  align-items: baseline;
  max-width: none;
  gap: 24px;
}
@media only screen and (max-width: 479px) {
  .rbt-catagories-list-area {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 1600px) and (max-width: 1919px) {
  .rbt-catagories-list-area {
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
}
.rbt-catagories-list-area .title {
  margin-bottom: 0;
  white-space: nowrap;
}
@media only screen and (max-width: 479px) {
  .rbt-catagories-list-area .title {
    font-size: 16px;
  }
}
.rbt-catagories-list-area.rbt-catagories-list-area {
  margin-top: 26px;
}
@media only screen and (max-width: 479px) {
  .rbt-catagories-list-area.rbt-catagories-list-area {
    margin-top: 16px;
  }
}

.rbt-catagories-grp {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.rbt-catagories-grp li {
  margin: 0;
}
.rbt-catagories-grp .rbt-catagory-btn {
  height: 48px;
  line-height: 46px;
  font-size: var(--font-size-b1);
  background: transparent;
  border: 2px solid var(--color-gray-200);
}
@media only screen and (max-width: 767px) {
  .rbt-catagories-grp .rbt-catagory-btn {
    height: 36px;
    line-height: 32px;
    font-size: 12px;
  }
}

.rbt-bg-color-gray-light .rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion .rbt-corner-portion-wrapper {
  background-color: var(--color-gray-light);
}
.rbt-bg-color-gray-light .rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper::before,
.rbt-bg-color-gray-light .rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper:after {
  box-shadow: 15px 15px 0 0 var(--color-gray-light);
}

/*------------------------------
    Category Update Style  
--------------------------------*/
.rbt-category-update {
  position: relative;
  height: 44px !important;
  z-index: 2;
}
.rbt-category-update:hover {
  border-radius: 6px 6px 0 0;
}
.rbt-category-update .rbt-category-btn {
  display: flex;
  align-items: center;
  font-size: 14px;
  height: 100%;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  gap: 8px;
  padding: 12px 16px;
  min-width: 280px;
  border-radius: var(--radius);
  background: var(--color-primary);
  color: var(--color-white);
  position: relative;
  cursor: pointer;
  transition: var(--transition);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-category-update .rbt-category-btn {
    min-width: 180px;
  }
}
.rbt-category-update .rbt-category-btn .fa-chevron-down {
  position: absolute;
  right: 16px;
  font-size: 12px;
  line-height: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.rbt-category-update .rbt-update-category-dropdown {
  position: absolute;
  left: 0;
  top: 105%;
  cursor: default;
  visibility: hidden;
  opacity: 0;
  transition: 0s ease;
  background: #fff;
  box-shadow: 0px 4px 30px 10px rgba(0, 0, 0, 0.05);
  border-radius: 0 0 0 6px;
  z-index: 1;
  width: 100%;
}
.rbt-category-update .rbt-update-category-dropdown .inner {
  max-width: 100%;
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list {
  margin: 0;
  position: relative;
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list + .dropdown-parent-list {
  border-top: 2px solid var(--color-gray-light);
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list > a {
  font-weight: var(--f-medium);
  padding: 12px 16px;
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  gap: 8px;
  display: flex;
  align-items: center;
  position: relative;
  color: var(--color-heading);
  margin: 0;
  border-radius: 3px;
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list > a .rbt-chevron-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list > a:hover {
  color: var(--color-primary);
  background: var(--color-gray-light);
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper {
  position: absolute;
  top: 0;
  left: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  background-color: var(--color-white);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  min-width: 415px;
  min-height: 100%;
  z-index: 1;
  border-radius: 0px 8px 8px 8px;
  box-shadow: var(--shadow-1);
  overflow: hidden;
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  align-self: flex-start;
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .dropdown-child-list {
  position: relative;
  width: 50%;
  z-index: 100;
  margin: 0;
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .dropdown-child-list a {
  font-size: 15px;
  line-height: 18px;
  text-transform: none;
  font-weight: 300;
  display: block;
  color: var(--color-heading);
  display: block;
  padding: 9px 10px;
  transition: 0.4s;
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .dropdown-child-list a:hover {
  color: var(--color-primary);
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu-wrapper {
  margin-top: 0;
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu h6.rbt-short-title {
  margin-bottom: 0;
  padding: 12px;
  border-bottom: 2px solid var(--color-gray-100);
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu .rbt-small-title {
  font-weight: 700;
  color: var(--color-black);
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu .mega-menu-item {
  padding: 0;
  margin: 0;
  height: 100%;
  margin-top: 8px;
  list-style: none;
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu .mega-menu-item li {
  margin: 4px 0;
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu .mega-menu-item li a {
  font-weight: var(--f-medium);
  padding: 4px 12px;
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  display: block;
  color: var(--color-gray-700);
  margin: 0;
  border-radius: 4px;
  transition: var(--transition);
  display: flex;
  align-items: center;
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu .mega-menu-item li a .rbt-badge-card {
  margin-left: 10px;
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu .mega-menu-item li a:hover, .rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu .mega-menu-item li a.active {
  color: var(--color-primary) !important;
  background: var(--color-gray-100);
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu .rbt-mega-menu-img img {
  border-radius: var(--radius);
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu .rbt-quick-info-tag {
  margin-top: 20px;
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu .rbt-ads-wrapper img {
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper.rbt-dropdown-child-wrapper-lg {
  min-width: 734px;
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper.rbt-dropdown-child-wrapper-left-align {
  right: 100%;
  left: unset;
  border-radius: 8px 0 8px 8px;
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list:hover .rbt-dropdown-child-wrapper {
  opacity: 1;
  visibility: visible;
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list.active > a {
  color: var(--color-primary);
  background: var(--color-brand-100);
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list.active .rbt-dropdown-child-wrapper {
  opacity: 1;
  visibility: visible;
}
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list.active .rbt-dropdown-child-wrapper {
  display: block !important;
}
.rbt-category-update:hover .rbt-update-category-dropdown {
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease;
  top: 100%;
}
.rbt-category-update:hover .rbt-category-btn {
  border-radius: 6px 6px 0 0;
}
.rbt-category-update.rbt-category-menu-wrapper-var-one {
  text-align: left;
  height: 36px !important;
}
.rbt-category-update.rbt-category-menu-wrapper-var-one .rbt-category-btn {
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.15);
}
.rbt-category-update.rbt-category-menu-wrapper-var-one:hover .rbt-category-btn {
  border-radius: 6px 6px 0 0;
}

.rbt-dropdown-child-wrapper {
  display: none;
}

.rbt-cat-box-grp.has-gap44 {
  gap: 44px;
}

.rbt-cat-cat-box-1 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px;
  border-radius: 4px;
  transition: var(--transition);
  z-index: 1;
}
.rbt-cat-cat-box-1 .rbt-cat-icon {
  font-size: 18px;
  line-height: 1;
  color: var(--color-primary);
  transition: var(--transition);
}
.rbt-cat-cat-box-1 .title {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  color: var(--color-heading);
  font-weight: 500;
  transition: var(--transition);
}
.rbt-cat-cat-box-1::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  border-radius: 4px;
  transform: translate(-50%, -50%) scale(0.85);
  background: var(--color-primary);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
  z-index: -1;
}
.rbt-cat-cat-box-1:hover {
  color: var(--color-white);
}
.rbt-cat-cat-box-1:hover .title,
.rbt-cat-cat-box-1:hover .rbt-cat-icon {
  color: var(--color-white);
}
.rbt-cat-cat-box-1:hover::after {
  transform: translate(-50%, -50%) scale(1);
  visibility: visible;
  opacity: 1;
}

/*------------------------
    Countdown Styles  
-------------------------*/
.countdown-style-1 .countdown {
  display: flex;
  margin: 0 -20px;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: -10px;
}
.countdown-style-1 .countdown .countdown-container {
  margin: 10px;
  position: relative;
  transition: var(--transition);
  text-align: center;
  background: var(--white-opacity);
  border-radius: 10px;
  min-width: 120px;
}
.countdown-style-1 .countdown .countdown-container .countdown-heading {
  display: block;
  color: var(--color-white);
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  display: block;
  font-weight: 300;
  font-size: 16px;
  line-height: 30px;
  transition: var(--transition);
  opacity: 0.7;
}
.countdown-style-1 .countdown .countdown-container .countdown-value {
  display: block;
  font-weight: 600;
  font-size: 40px;
  line-height: 1.24;
  color: var(--color-white);
  text-align: center;
  position: relative;
  transition: var(--transition);
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .countdown-style-1 .countdown .countdown-container .countdown-value {
    font-size: 24px;
  }
}

.rbt-countdown-one .countdown {
  display: flex;
  gap: 8px;
}
.rbt-countdown-one .countdown .countdown-container {
  position: relative;
  transition: var(--transition);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 8px 12px;
  background: var(--color-gray-100);
  border-radius: 4px;
  width: 50px;
}
.rbt-countdown-one .countdown .countdown-container .countdown-heading {
  display: block;
  color: var(--color-gray-500);
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  text-align: center;
  margin: 0;
  display: block;
  transition: var(--transition);
}
.rbt-countdown-one .countdown .countdown-container .countdown-value {
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  color: var(--color-heading);
  text-align: center;
  position: relative;
  transition: var(--transition);
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .rbt-countdown-one .countdown .countdown-container .countdown-value {
    font-size: 14px;
  }
}
.rbt-countdown-one.rbt-countdown-lg .countdown {
  gap: 24px;
}
.rbt-countdown-one.rbt-countdown-lg .countdown .countdown-container {
  min-height: 96px;
  min-width: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-countdown-one.rbt-countdown-lg .countdown .countdown-container {
    min-height: 72px;
    min-width: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-countdown-one.rbt-countdown-lg .countdown .countdown-container {
    min-height: 56px;
    min-width: 48px;
  }
}
.rbt-countdown-one.rbt-countdown-lg .countdown .countdown-container .countdown-heading {
  font-size: 20px;
  line-height: 1.2;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-countdown-one.rbt-countdown-lg .countdown .countdown-container .countdown-heading {
    font-size: var(--font-size-b2);
  }
}
.rbt-countdown-one.rbt-countdown-lg .countdown .countdown-container .countdown-value {
  font-size: 32px;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-countdown-one.rbt-countdown-lg .countdown .countdown-container .countdown-value {
    font-size: var(--font-size-b1);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-countdown-one.rbt-countdown-lg .countdown .countdown-container .countdown-value {
    font-size: 14px;
  }
}
.rbt-countdown-one.bg-variation-black .countdown .countdown-container {
  background-color: var(--color-black);
}
.rbt-countdown-one.bg-variation-black .countdown .countdown-container .countdown-value,
.rbt-countdown-one.bg-variation-black .countdown .countdown-container .countdown-heading {
  color: var(--color-white);
}
.rbt-countdown-one.bg-variation-primary .countdown .countdown-container {
  background-color: var(--color-primary);
}
.rbt-countdown-one.bg-variation-primary .countdown .countdown-container .countdown-value,
.rbt-countdown-one.bg-variation-primary .countdown .countdown-container .countdown-heading {
  color: var(--color-white);
}
.rbt-countdown-one.bg-variation-green .countdown .countdown-container {
  background-color: var(--color-success);
}
.rbt-countdown-one.bg-variation-green .countdown .countdown-container .countdown-value,
.rbt-countdown-one.bg-variation-green .countdown .countdown-container .countdown-heading {
  color: var(--color-white);
}
.rbt-countdown-one.cd-border-style .countdown .countdown-container {
  padding: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.rbt-countdown-one.cd-border-style .countdown .countdown-container .countdown-value,
.rbt-countdown-one.cd-border-style .countdown .countdown-container .countdown-heading {
  color: var(--color-white);
  padding: 4px;
}
.rbt-countdown-one.cd-border-style .countdown .countdown-container .countdown-value {
  padding-bottom: 7px;
}
.rbt-countdown-one.cd-border-style.bg-variation-black .countdown .countdown-container {
  -webkit-mask-image: url("../images/countdown/cd-bg-black-01.webp");
  mask-image: url("../images/countdown/cd-bg-black-01.webp");
  background-color: var(--color-black);
  -webkit-mask-position: 0% 0%;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.rbt-countdown-one.cd-border-style.bg-variation-primary .countdown .countdown-container {
  -webkit-mask-image: url("../images/countdown/cd-bg-primary-01.webp");
  mask-image: url("../images/countdown/cd-bg-primary-01.webp");
  background-color: var(--color-primary);
  -webkit-mask-position: 0% 0%;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.rbt-countdown-one.cd-border-style.bg-variation-primary .countdown .countdown-container .countdown-heading {
  border-top: 0.5px dashed rgba(255, 255, 255, 0.5);
}
.rbt-countdown-one.cd-border-style.bg-variation-green .countdown .countdown-container {
  -webkit-mask-image: url("../images/countdown/cd-bg-green-01.webp");
  mask-image: url("../images/countdown/cd-bg-green-01.webp");
  background-color: var(--color-success);
  -webkit-mask-position: 0% 0%;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.rbt-countdown-one.cd-border-style.bg-variation-green .countdown .countdown-container .countdown-heading {
  border-top: 0.5px dashed var(--color-white);
}
.rbt-countdown-one.cd-border-style.bg-variation-secondary .countdown .countdown-container {
  -webkit-mask-image: url("../images/countdown/cd-bg-primary-01.webp");
  mask-image: url("../images/countdown/cd-bg-primary-01.webp");
  background-color: var(--color-secondary);
  -webkit-mask-position: 0% 0%;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.rbt-countdown-one.cd-border-style.bg-variation-secondary .countdown .countdown-container .countdown-heading {
  border-top: 0.5px dashed var(--color-white);
}
.rbt-countdown-one.cd-border-style.bg-variation-white .countdown .countdown-container {
  -webkit-mask-image: url("../images/countdown/cd-bg-white-01.webp");
  mask-image: url("../images/countdown/cd-bg-white-01.webp");
  background-color: var(--color-white);
  -webkit-mask-position: 0% 0%;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.rbt-countdown-one.cd-border-style.bg-variation-white .countdown .countdown-container .countdown-value,
.rbt-countdown-one.cd-border-style.bg-variation-white .countdown .countdown-container .countdown-heading {
  color: var(--color-primary);
}
.rbt-countdown-one.cd-border-style.bg-variation-white .countdown .countdown-container .countdown-heading {
  padding: 2px 0;
  border-top: 0;
}
.rbt-countdown-one.cd-border-style.bg-variation-white .countdown .countdown-container .countdown-value {
  padding: 2px 0;
}
.rbt-countdown-one.cd-border-style.bg-variation-purple .countdown .countdown-container {
  -webkit-mask-image: url("../images/countdown/cd-bg-purple-01.svg");
  mask-image: url("../images/countdown/cd-bg-purple-01.svg");
  background-color: var(--color-white);
  -webkit-mask-position: 0% 0%;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #703CCD;
}
.rbt-countdown-one.cd-border-style.bg-variation-purple .countdown .countdown-container .countdown-value,
.rbt-countdown-one.cd-border-style.bg-variation-purple .countdown .countdown-container .countdown-heading {
  color: var(--color-white);
}
.rbt-countdown-one.cd-border-style.bg-variation-purple .countdown .countdown-container .countdown-heading {
  border-top: 0.5px dashed #703CCD;
}
.rbt-countdown-one.cd-border-style.bg-variation-purple .countdown .countdown-container .countdown-heading {
  padding: 2px 0;
  border-top: 0;
}
.rbt-countdown-one.cd-border-style.bg-variation-purple .countdown .countdown-container .countdown-value {
  padding: 2px 0;
}

/*------------------------
    Countdown Section Styles  
-------------------------*/
.rbt-counterdown-section {
  padding: 80px;
  border-radius: 16px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .rbt-counterdown-section {
    padding: 40px;
    border-radius: 8px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-counterdown-section {
    padding: 40px 20px;
  }
}
.rbt-counterdown-section.rbt-counterdown-section-style-one {
  background-image: url(../images/product-banner/product-countd-banner-01.webp);
}
.rbt-counterdown-section.rbt-counterdown-section-style-one .rbt-subtitle {
  font-size: 18px;
  line-height: 1.45;
  color: var(--color-gray-500);
}
.rbt-counterdown-section.rbt-counterdown-section-style-one .rbt-title {
  margin-top: 8px;
  margin-bottom: 0;
  font-weight: 400;
}
.rbt-counterdown-section.rbt-counterdown-section-style-one .rbt-btn {
  margin-top: 32px;
}
@media only screen and (max-width: 767px) {
  .rbt-counterdown-section.rbt-counterdown-section-style-one .rbt-btn {
    margin-top: 16px;
  }
}
.rbt-counterdown-section.rbt-counterdown-section-style-one .rbt-countdown-section {
  margin-top: 32px;
}
@media only screen and (max-width: 767px) {
  .rbt-counterdown-section.rbt-counterdown-section-style-one .rbt-countdown-section {
    margin-top: 16px;
  }
}
.rbt-counterdown-section.rbt-counterdown-bg-two {
  background-image: url(../images/product-banner/product-banner-furniture-c-03.webp);
}
.rbt-counterdown-section.rbt-counterdown-bg-three {
  background-image: url(../images/product-banner/product-banner-img-f-03.webp);
}
.rbt-counterdown-section.rbt-count-down-bg-cake-01 {
  background-image: url(../images/countdown/countdown-banner-cake-lg-01.webp);
}
.rbt-counterdown-section.rbt-counterdown-section-style-two {
  padding: 0;
}
.rbt-counterdown-section.rbt-counterdown-section-style-two .rbt-counterdown-content {
  padding: 140px 88px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  height: 100%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-counterdown-section.rbt-counterdown-section-style-two .rbt-counterdown-content {
    padding: 40px;
    border-radius: 8px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-counterdown-section.rbt-counterdown-section-style-two .rbt-counterdown-content {
    padding: 40px 20px;
  }
}
.rbt-counterdown-section.rbt-counterdown-section-style-two .rbt-counterdown-content .rbt-btn {
  width: max-content;
}
.rbt-counterdown-section.rbt-counterdown-section-style-two .rbt-counterdown-content.rbt-counterdown-content-var-two .rbt-title {
  font-size: 48px;
  text-align: center;
  font-family: var(--font-quaternary);
}
@media only screen and (max-width: 767px) {
  .rbt-counterdown-section.rbt-counterdown-section-style-two .rbt-counterdown-content.rbt-counterdown-content-var-two .rbt-title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-counterdown-section.rbt-counterdown-section-style-two .rbt-counterdown-content.rbt-counterdown-content-var-two .rbt-title {
    font-size: 24px;
  }
}

/*----------------------
    Rbt Tab Style  
------------------------*/
.rbt-fshape-tab {
  position: relative;
  z-index: 1;
  --shape-width: 52px;
}
.rbt-fshape-tab.rbt-fshape-tab-sm .nav-tabs .nav-item:first-child .nav-link {
  padding-left: 16px;
}
.rbt-fshape-tab.rbt-fshape-tab-sm .tab-content .tab-pane {
  padding: 12px 16px;
}
.rbt-fshape-tab.rbt-fshape-tab-sm .rbt-product-card.rbt-list-view-variation.list-view-md + .list-view-md {
  margin-top: 12px;
  padding-top: 12px;
}
.rbt-fshape-tab .rbt-tab-nav-wrapper {
  max-width: calc(100% - 20px);
}
.rbt-fshape-tab .nav-tabs {
  border: 0;
  border: 0;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
  padding-top: 2px;
  -ms-overflow-style: none;
}
.rbt-fshape-tab .nav-tabs::-webkit-scrollbar {
  width: 0 !important;
  display: none;
}
.rbt-fshape-tab .nav-tabs .nav-link {
  margin-bottom: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 12px var(--shape-width);
  position: relative;
  z-index: 2;
  margin: 0 calc(-0.5 * (var(--shape-width)));
  color: var(--color-gray-700);
  font-weight: 500;
  white-space: nowrap;
}
.rbt-fshape-tab .nav-tabs .nav-link::before {
  content: "";
  position: absolute;
  top: -2px;
  left: var(--shape-width);
  width: calc(100% - 2 * var(--shape-width));
  height: 2px;
  background-color: transparent;
  transition: var(--transition);
}
.rbt-fshape-tab .nav-tabs .nav-link::after {
  content: "";
  position: absolute;
  top: 0;
  left: var(--shape-width);
  width: calc(100% - 2 * var(--shape-width));
  height: 100%;
  background-color: transparent;
  transition: var(--transition);
  z-index: -1;
}
.rbt-fshape-tab .nav-tabs .nav-link.disabled {
  background: unset !important;
}
.rbt-fshape-tab .nav-tabs .nav-link .rbt-fshape-portion {
  position: absolute;
  top: -2px;
  width: var(--shape-width);
  height: calc(100% + 2px);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.rbt-fshape-tab .nav-tabs .nav-link .rbt-fshape-portion.rbt-fshape-left-portion {
  left: 0;
}
.rbt-fshape-tab .nav-tabs .nav-link .rbt-fshape-portion.rbt-fshape-right-portion {
  right: 0;
}
.rbt-fshape-tab .nav-tabs .nav-link .rbt-fshape-portion.rbt-fshape-right-portion-sm {
  width: 48px;
}
.rbt-fshape-tab .nav-tabs .nav-link .rbt-fshape-portion svg {
  height: 100%;
  width: 100%;
  display: inline-block;
  transition: var(--transition);
}
.rbt-fshape-tab .nav-tabs .nav-link .rbt-fshape-portion svg .rbt-svg-fill-one {
  fill: var(--color-gray-light);
}
.rbt-fshape-tab .nav-tabs .nav-link .rbt-fshape-portion svg .rbt-svg-fill-two {
  fill: var(--color-brand-100);
}
.rbt-fshape-tab .nav-tabs .nav-link.active {
  color: var(--color-primary);
}
.rbt-fshape-tab .nav-tabs .nav-link.active .rbt-fshape-portion {
  opacity: 1;
  visibility: visible;
}
.rbt-fshape-tab .nav-tabs .nav-link.active .rbt-fshape-portion svg .rbt-svg-fill-one {
  fill: var(--color-white);
}
.rbt-fshape-tab .nav-tabs .nav-link.active .rbt-fshape-portion svg .rbt-svg-fill-two {
  fill: var(--color-brand-100);
}
.rbt-fshape-tab .nav-tabs .nav-link.active::before {
  background-color: var(--color-brand-100);
}
.rbt-fshape-tab .nav-tabs .nav-link.active::after {
  background-color: var(--color-white);
}
.rbt-fshape-tab .nav-tabs .nav-item {
  margin: 0;
}
.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link {
  padding-left: 32px;
  margin-left: 0;
}
@media only screen and (max-width: 767px) {
  .rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link {
    padding-left: 16px;
  }
}
.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link::after {
  width: calc(100% - 50px);
  left: 0;
  top: -2px;
  height: calc(100% + 2px);
  border-top-left-radius: 16px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
}
.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link.active {
  border-top-left-radius: 16px;
}
.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link.active::before {
  display: none;
}
.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link.active .rbt-fshape-left-portion {
  display: none;
}
.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link.active::after {
  border-color: var(--color-brand-100);
}
.rbt-fshape-tab .tab-content .tab-pane {
  padding: 26px 32px;
  border: 2px solid transparent;
  border-radius: 18px;
  background-color: var(--color-white);
  position: relative;
  margin-top: -2px;
}
.rbt-fshape-tab .tab-content .tab-pane:first-child {
  border-top-left-radius: 0;
}
.rbt-fshape-tab .tab-content .tab-pane.active {
  border-color: var(--color-brand-100);
}
@media only screen and (max-width: 767px) {
  .rbt-fshape-tab .tab-content .tab-pane {
    padding: 16px;
  }
}

.rbt-megamenu-tab > .nav-link {
  font-weight: var(--f-medium);
  padding: 16px;
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  gap: 8px;
  display: flex;
  align-items: center;
  position: relative;
  color: var(--color-heading);
  border-radius: 6px;
  padding-left: 24px;
  transition: var(--transition);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-megamenu-tab > .nav-link {
    padding: 12px 16px;
  }
}
.rbt-megamenu-tab > .nav-link.disabled {
  background: transparent !important;
  pointer-events: none;
}
.rbt-megamenu-tab > .nav-link::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  transform: translate(-50%, -50%) scale(0.9);
  background: var(--color-white);
  border-radius: 6px;
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-megamenu-tab > .nav-link .rbt-chevron-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-10px);
  right: 16px;
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-megamenu-tab > .nav-link:hover, .rbt-megamenu-tab > .nav-link.active {
  color: var(--color-primary);
  background: transparent;
}
.rbt-megamenu-tab > .nav-link:hover .rbt-chevron-right, .rbt-megamenu-tab > .nav-link.active .rbt-chevron-right {
  transform: translateY(-50%) translateX(0);
  opacity: 1;
}
.rbt-megamenu-tab > .nav-link:hover::after, .rbt-megamenu-tab > .nav-link.active::after {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.rbt-isotop-tabs {
  display: flex;
  gap: 8px;
  margin: 0 auto;
  justify-content: center;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-isotop-tabs {
    justify-content: start;
  }
}
.rbt-isotop-tabs .rbt-product-nav-grp {
  position: relative;
  gap: 0;
}
.rbt-isotop-tabs .rbt-product-nav-grp + .rbt-product-nav-grp::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../images/pagination/pagination-mid-01.svg);
  width: 22px;
  height: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.rbt-tab-btn-list.rbt-tab-btn-primary button.active, .rbt-tab-btn-list.rbt-tab-btn-primary a.active {
  background: transparent;
  color: var(--color-white);
}
.rbt-tab-btn-list.rbt-tab-btn-primary button:hover, .rbt-tab-btn-list.rbt-tab-btn-primary a:hover {
  color: var(--color-gray-400);
}
.rbt-tab-btn-list button, .rbt-tab-btn-list a {
  padding: 4px 16px;
  background: transparent;
  color: var(--color-heading);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  line-height: 1.6;
  font-weight: var(--f-medium);
  border-radius: 20px;
  transition: var(--transition);
  white-space: nowrap;
  border: none;
  display: block;
  position: relative;
  z-index: 1;
  text-align: center;
  transition: 0.3s ease;
}
.rbt-tab-btn-list button:focus, .rbt-tab-btn-list a:focus {
  outline: none;
}

.rbt-bg-highlight.isotop-tab-bg-highlight {
  background: var(--color-primary);
}

.rbt-menu-tab-content-wrapper .rbt-megamenu-tab-content {
  position: relative;
}
.rbt-menu-tab-content-wrapper .rbt-megamenu-tab-content > .tab-pane {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-20px);
  transition: opacity 0.2s cubic-bezier(0.4, 0, 1, 1), visibility 0.3s cubic-bezier(0.4, 0, 1, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  top: 0;
  max-width: 100%;
  display: block !important;
  z-index: 1;
}
.rbt-menu-tab-content-wrapper .rbt-megamenu-tab-content > .tab-pane.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  z-index: 10;
}

.rbt-product-single-details-tab-sm.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link {
  padding-left: 16px;
}
.rbt-product-single-details-tab-sm.rbt-fshape-tab .tab-content .tab-pane {
  padding: 12px 16px;
}

/*-------------------------
    Advance Tab Style Two  
--------------------------*/
.tab-button-style-2 {
  border-bottom: 2px solid var(--color-border);
  justify-content: center;
  margin-bottom: 30px;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 767px) {
  .tab-button-style-2 {
    margin-bottom: 20px;
  }
}
.tab-button-style-2 li {
  margin-top: 0;
  margin-bottom: 0;
}
.tab-button-style-2 li a {
  position: relative;
  display: block;
  outline: none;
  padding: 16px 28px;
  border: 0 none;
  box-shadow: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tab-button-style-2 li a {
    padding: 16px 12px;
  }
}
@media only screen and (max-width: 767px) {
  .tab-button-style-2 li a {
    padding: 14px 10px;
  }
}
.tab-button-style-2 li a::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -2px;
  left: 0;
  background-color: var(--color-primary);
  transform: scaleX(0);
  transition: transform 0.3s;
}
.tab-button-style-2 li a.active {
  border: 0 none;
  outline: none;
  color: var(--color-primary);
}
.tab-button-style-2 li a.active::after {
  transform: scaleX(1);
}
.tab-button-style-2 li a .title {
  font-size: 18px;
  margin-bottom: 0;
  font-weight: 500;
}

.advance-tab-content-style-2 {
  text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .advance-tab-content-style-2 {
    padding: 0 6%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .advance-tab-content-style-2 {
    padding: 0 7%;
  }
}
@media only screen and (max-width: 767px) {
  .advance-tab-content-style-2 {
    padding: 0;
  }
}
.advance-tab-content-style-2.text-start {
  padding: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .advance-tab-content-style-2.text-start {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .advance-tab-content-style-2.text-start {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .advance-tab-content-style-2.text-start {
    padding: 0;
  }
}

/*-------------------------
    Accordion Area  
--------------------------*/
.rbt-accordion-style .card {
  background: var(--color-gray-light);
  border: 0;
  border-radius: var(--radius) !important;
}
.rbt-accordion-style .card .card-header {
  background-color: transparent;
  border-bottom: 0 none;
  box-shadow: none;
  padding: 20px 30px;
  margin-bottom: 0;
  padding-right: 38px;
}
@media only screen and (max-width: 767px) {
  .rbt-accordion-style .card .card-header {
    padding-left: 20px;
  }
}
.rbt-accordion-style .card .card-header button {
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  outline: none;
  text-decoration: none;
  box-shadow: none;
  width: 100%;
  text-align: left;
  padding: 0;
  background-color: transparent;
  position: relative;
  font-weight: 500;
}
@media only screen and (max-width: 575px) {
  .rbt-accordion-style .card .card-header button {
    display: block;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-accordion-style .card .card-header button .rbt-badge-5 {
    margin-left: 0 !important;
    margin-top: 7px;
  }
}
.rbt-accordion-style .card .card-header button[aria-expanded=true] {
  color: var(--color-primary);
}
.rbt-accordion-style .card .card-header button[aria-expanded=true]::before {
  color: var(--color-primary);
}
.rbt-accordion-style .card .card-header button::before {
  position: absolute;
  content: "\f068";
  font-family: "Font Awesome 6 Pro" !important;
  right: -18px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.4s;
  font-size: 14px;
}
.rbt-accordion-style .card .card-header button.collapsed {
  color: var(--color-heading);
}
.rbt-accordion-style .card .card-header button.collapsed::before {
  content: "+";
}
.rbt-accordion-style .card .card-body {
  border-top: 1px solid var(--color-brand-200);
  padding: 20px 30px 25px;
  color: var(--color-gray-400);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
}
@media only screen and (max-width: 767px) {
  .rbt-accordion-style .card .card-body {
    padding: 20px 20px;
  }
}
.rbt-accordion-style .card + .card {
  margin-top: 12px;
}
.rbt-accordion-style.rbt-accordion-01 .card {
  border: 0 none;
  background: transparent;
  border-radius: var(--radius) !important;
}
.rbt-accordion-style.rbt-accordion-01 .card .card-header {
  padding: 0px;
  border-radius: none !important;
}
.rbt-accordion-style.rbt-accordion-01 .card .card-header button {
  padding-left: 24px;
}
.rbt-accordion-style.rbt-accordion-01 .card .card-header button::before {
  right: auto;
  left: 0;
}
.rbt-accordion-style.rbt-accordion-01 .card .card-body {
  border-top: 0 none;
  padding: 0px;
  margin-top: 12px;
  background: transparent;
}
.rbt-accordion-style.rbt-accordion-01 .card + .card {
  margin-top: 24px;
}
.rbt-accordion-style.rbt-accordion-02 .card {
  background: transparent;
  border-radius: 0 !important;
}
.rbt-accordion-style.rbt-accordion-02 .card .card-header {
  border-bottom: 1px solid var(--color-border);
  padding: 0px 12px 12px 0;
}
.rbt-accordion-style.rbt-accordion-02 .card .card-header button::before {
  right: -20px;
}
.rbt-accordion-style.rbt-accordion-02 .card .card-header .accordion-button::after {
  display: none;
}
.rbt-accordion-style.rbt-accordion-02 .card .card-body {
  padding: 12px 12px 12px 0;
  border-top: 0;
  background: transparent;
}
.rbt-accordion-style.rbt-accordion-02.right-no-padding .card .card-body {
  padding-right: 0;
}
.rbt-accordion-style.rbt-accordion-02.for-right-content .card .card-header {
  padding: 12px 44px 12px 16px;
}
.rbt-accordion-style.rbt-accordion-02.for-right-content .card .card-body {
  padding: 10px 16px;
}
.rbt-accordion-style.rbt-accordion-03 .card {
  background: transparent;
  border-radius: 0 !important;
}
.rbt-accordion-style.rbt-accordion-03 .card .card-header {
  border: 1px solid var(--color-border);
  padding: 15px 20px;
  border-radius: var(--radius) !important;
}
.rbt-accordion-style.rbt-accordion-03 .card .card-body {
  padding: 15px 20px 10px 0;
  border: 0;
  background: transparent;
}
.rbt-accordion-style.rbt-accordion-04 .card {
  border: 2px solid var(--color-border);
  background: transparent;
  border-radius: var(--radius) !important;
}
.rbt-accordion-style.rbt-accordion-04 .card .card-header {
  padding: 15px 20px;
  padding-right: 38px;
  border-radius: var(--radius) !important;
}
.rbt-accordion-style.rbt-accordion-04 .card .card-body {
  border-top: 2px solid var(--color-border);
  background: transparent;
}
.rbt-accordion-style.rbt-accordion-05 .card {
  border: 0 none;
  background: transparent;
  border-radius: var(--radius) !important;
}
.rbt-accordion-style.rbt-accordion-05 .card .card-header {
  padding: 0px;
  border-radius: 0 !important;
}
.rbt-accordion-style.rbt-accordion-05 .card .card-header button {
  padding-left: 32px;
}
.rbt-accordion-style.rbt-accordion-05 .card .card-header button::before {
  right: auto;
  left: 0;
}
.rbt-accordion-style.rbt-accordion-05 .card .card-body {
  border-top: 0 none;
  padding: 0px;
  margin-top: 12px;
  background: transparent;
}
.rbt-accordion-style.rbt-accordion-06 .card .card-body {
  background: transparent;
  border-top: 1px solid var(--color-border);
}

.accordion-button::after {
  visibility: hidden;
}

/*----------------------
    Rbt List Style  
------------------------*/
.rbt-list-style-1 li {
  display: flex;
  font-size: 18px;
  margin: 7px 0;
  line-height: 1.45;
}
@media only screen and (max-width: 767px) {
  .rbt-list-style-1 li {
    font-size: 16px;
  }
}
.rbt-list-style-1 li i {
  padding-right: 10px;
  margin-top: 5px;
  color: var(--color-primary);
}
.rbt-list-style-1 li:first-child {
  margin-top: 0;
}
.rbt-list-style-1 li:last-child {
  margin-bottom: 0;
}
.rbt-list-style-1.color-white li {
  color: var(--color-white);
}

.rbt-list-style-2 {
  display: flex;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
  list-style: none;
  margin: -10px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 575px) {
  .rbt-list-style-2 {
    display: block;
    text-align: left;
  }
}
.rbt-list-style-2 li {
  margin: 10px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.5px;
  text-align: center;
}
@media only screen and (max-width: 575px) {
  .rbt-list-style-2 li {
    text-align: left;
  }
}
.rbt-list-style-2 li i {
  width: 30px;
  height: 30px;
  background: var(--color-white);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  color: var(--color-primary);
  display: inline-block;
  line-height: 29px;
  margin-right: 10px;
  font-weight: 700;
  text-align: center;
}

.rbt-list-style-3 li {
  display: flex;
  font-size: 16px;
  margin: 7px 0;
  line-height: 1.45;
  color: var(--color-body);
}
.rbt-list-style-3 li i {
  padding-right: 10px;
  margin-top: 4px;
}
.rbt-list-style-3 li:first-child {
  margin-top: 0;
}
.rbt-list-style-3 li:last-child {
  margin-bottom: 0;
}
.rbt-list-style-3.color-white li {
  color: var(--color-white);
}

.rbt-list-style-4 {
  list-style: none;
  padding-left: 0;
}
.rbt-list-style-4 li {
  position: relative;
  padding-left: 16px;
}
.rbt-list-style-4 li::before {
  content: "";
  display: inline-block;
  height: 6px;
  width: 6px;
  background: var(--color-body);
  position: absolute;
  left: 0;
  top: 12px;
  border-radius: var(--radius-full);
}

.plan-offer-list {
  margin: -10px;
}
.plan-offer-list li {
  font-size: 16px;
  margin: 10px;
}
.plan-offer-list li i {
  width: 22px;
  height: 22px;
  background: var(--color-success);
  margin: 0 auto;
  line-height: 22px;
  text-align: center;
  border-radius: 100%;
  color: var(--color-white);
  font-size: 14px;
  margin-right: 10px;
  display: inline-block;
}
.plan-offer-list li.off {
  opacity: 0.5;
}
.plan-offer-list li.off i {
  background: var(--color-danger);
}
.plan-offer-list.rbt-list-primary-opacity li i {
  background: var(--color-brand-200) !important;
  color: var(--color-primary) !important;
}
.plan-offer-list.rbt-list-white-opacity li i {
  background: var(--white-opacity) !important;
  color: var(--color-white) !important;
}

/*-------------------
    Bootstrap Select  
----------------------*/
.rbt-modern-select .bootstrap-select button.btn-light {
  border: 0 none;
  height: 50px;
  width: 100%;
  padding: 0 20px;
  outline: none;
  color: var(--color-body);
  border-radius: var(--radius);
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  font-weight: var(--f-medium);
  padding-right: 30px;
  background-color: var(--color-white);
  color: var(--color-heading);
  outline: none;
  z-index: 1;
}
.rbt-modern-select.bg-transparent .bootstrap-select button.btn-light {
  box-shadow: none;
  background-color: transparent;
  border: 1px solid var(--color-border);
}
.rbt-modern-select.height-45 .bootstrap-select button.btn-light {
  height: 45px;
}
.rbt-modern-select.height-36 .bootstrap-select button.btn-light {
  height: 36px;
}
.rbt-modern-select.w-100 .dropdown-menu {
  width: 100%;
}
.rbt-modern-select.rbt-modern-select-round-style .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}
.rbt-modern-select.rbt-modern-select-round-style .bootstrap-select button.btn-light {
  border: var(--border-width) solid var(--color-gray-200);
  height: 50px;
  padding: 0 20px;
  outline: none;
  color: var(--color-body);
  border-radius: var(--radius-60);
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  font-weight: var(--f-medium);
  padding-right: 30px;
  background-color: var(--color-white);
  color: var(--color-heading);
  outline: none;
  z-index: 1;
  width: 100%;
}
.rbt-modern-select .bootstrap-select button.actions-btn {
  padding: 7px 6px;
  font-size: 13px;
  box-shadow: none;
  background: #f8f9fa;
  height: 38px;
  line-height: 24px;
  transition: var(--transition);
}
.rbt-modern-select .bootstrap-select button.actions-btn:hover {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-modern-select .bootstrap-select .dropdown-menu.inner {
  display: block;
  padding: 10px;
  margin: 0;
}
.rbt-modern-select .bootstrap-select .dropdown-menu .inner.show::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: var(--color-gray-200);
  border-radius: 40px;
  height: 337px;
}
.rbt-modern-select .bootstrap-select .dropdown-menu .inner.show::-webkit-scrollbar {
  width: 4px;
  height: 337px;
  background-color: var(--color-gray-200);
}
.rbt-modern-select .bootstrap-select .dropdown-menu .inner.show::-webkit-scrollbar-thumb {
  border-radius: 40px;
  background-color: var(--color-gray-400);
}
.rbt-modern-select .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  top: 11px;
}
.rbt-modern-select .dropdown-menu {
  padding: 0;
  box-shadow: var(--shadow-3);
  border: 0 none;
  border-radius: 6px !important;
  background-color: var(--color-white);
  min-width: 170px;
  max-width: 100%;
  z-index: 10;
}
.rbt-modern-select .dropdown-item {
  padding: 5px 10px;
  color: var(--color-body);
  border-radius: 4px;
  font-size: var(--font-size-b3);
  font-weight: 500;
}
.rbt-modern-select .bootstrap-select .dropdown-menu li {
  margin: 2px 0;
  padding: 0;
}
.rbt-modern-select .bootstrap-select .dropdown-menu li.no-results {
  padding: 4px 8px;
  background: transparent;
  white-space: nowrap;
  font-size: 12px;
  color: var(--color-danger);
  padding-bottom: 10px;
}
.rbt-modern-select .dropdown-item.active,
.rbt-modern-select .dropdown-item:active {
  background-color: var(--color-gray-100);
  color: var(--color-heading);
}
.rbt-modern-select .bootstrap-select .dropdown-menu li a span.text {
  font-size: var(--font-size-b3);
}
.rbt-modern-select .bootstrap-select .dropdown-toggle .filter-option {
  display: flex;
  width: 100%;
  position: relative;
  flex: inherit;
  min-width: 100%;
  align-items: center;
}
.rbt-modern-select .filter-option-inner {
  display: block;
  width: 100%;
}
.rbt-modern-select .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow-x: scroll;
  display: block;
  position: relative;
  padding-bottom: 0;
  scrollbar-width: none;
  z-index: -1;
}
.rbt-modern-select .bootstrap-select .dropdown-toggle .filter-option-inner-inner::-webkit-scrollbar {
  display: none;
}
.rbt-modern-select .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}
.rbt-modern-select .dropdown-toggle {
  transition: var(--transition);
}
.rbt-modern-select .dropdown-toggle::after {
  content: "\f078";
  font-size: 10px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  border: 0;
  margin-left: 6px;
  z-index: 0;
  position: relative;
}
.rbt-modern-select .dropdown-toggle.show::after {
  content: "\f077";
}
.rbt-modern-select .btn-check:active + .btn-light:focus,
.rbt-modern-select .btn-check:checked + .btn-light:focus,
.rbt-modern-select .btn-light.active:focus,
.rbt-modern-select .btn-light:active:focus,
.rbt-modern-select .show > .btn-light.dropdown-toggle:focus {
  box-shadow: none;
}
.rbt-modern-select .bs-searchbox .form-control {
  outline: none;
  box-shadow: none;
  border: 2px solid var(--color-border);
  border-radius: var(--radius);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  color: var(--color-body);
  height: 30px;
}
.rbt-modern-select .bs-searchbox .form-control::placeholder {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  color: var(--color-body);
}
.rbt-modern-select .dropdown-item:focus, .rbt-modern-select .dropdown-item:hover {
  color: var(--color-heading);
  background-color: var(--color-gray-100);
}
.rbt-modern-select .btn-group > .btn-group:not(:last-child) > .btn,
.rbt-modern-select .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
.rbt-modern-select .bs-actionsbox,
.rbt-modern-select .bs-donebutton,
.rbt-modern-select .bs-searchbox {
  padding: 10px;
  padding-bottom: 0px;
}
.rbt-modern-select .bs-searchbox + .bs-actionsbox {
  padding: 0 10px 4px;
}
.rbt-modern-select .bs-actionsbox .btn-group button {
  width: calc(50% - 10px);
  margin: 5px;
  margin-left: 5px !important;
}
.rbt-modern-select .bs-actionsbox .btn-group {
  display: block;
  margin: -5px;
}
.rbt-modern-select .bootstrap-select > select {
  left: 0;
}
.rbt-modern-select.rbt-rounded-styled .bootstrap-select button.btn-light {
  border-radius: 60px;
  border: 2px solid var(--color-gray-200);
  background: var(--color-brand-50);
  box-shadow: none;
}
.rbt-modern-select.rbt-sm-size .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: auto;
  min-width: 120px;
}
.rbt-modern-select.rbt-sm-size button.btn-light {
  padding: 6px 12px;
  padding-right: 30px;
  background-color: transparent;
  border: 2px solid var(--color-gray-200);
  height: 36px;
  box-shadow: none;
  color: var(--color-heading);
}
.rbt-modern-select.rbt-modern-select-md-width .dropdown-menu {
  min-width: 300px;
}
.rbt-modern-select.rbt-modern-select-btn .bootstrap-select {
  width: 100% !important;
}
.rbt-modern-select.rbt-modern-select-btn .bootstrap-select button.btn-light {
  background: transparent;
  border: 2px solid var(--color-gray-200);
  color: var(--color-gray-400);
}
.rbt-modern-select.rbt-modern-select-btn .dropdown-menu {
  width: 100%;
}
.rbt-modern-select.inner-width-100 .dropdown-menu {
  width: 100%;
}
.rbt-modern-select.rbt-bordered-style .bootstrap-select button.btn-light {
  border: 2px solid var(--color-gray-200);
}

.rbt-combo-prd-content-section .rbt-modern-select .bootstrap-select button.btn-light {
  box-shadow: none;
  background-color: transparent;
  border: 2px solid var(--color-gray-200);
}
.rbt-combo-prd-content-section .rbt-modern-select .bootstrap-select button.btn-light .filter-option-inner-inner {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  font-weight: var(--f-medium);
}

.rbt-search-with-category .rbt-modern-select .dropdown-toggle::before {
  content: "";
  position: absolute;
  right: 2px;
  top: 0;
  height: 100%;
  z-index: 0;
  width: 52px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.9) 45.02%, #FFF 86.62%);
}

.rbt-product-card {
  height: unset;
  overflow: visible;
  transition: var(--transition);
}
.rbt-product-card .rbt-card-img {
  border-radius: 8px 8px 0 0;
}
@media only screen and (max-width: 767px) {
  .rbt-product-card .rbt-card-img {
    border-radius: 4px 4px 0 0;
  }
}
.rbt-product-card .rbt-card-img.rbt-card-img-bg-blue {
  background-color: var(--color-element-bg-blue);
}
.rbt-product-card .rbt-card-img.rbt-card-img-bg-yellow {
  background-color: var(--color-element-bg-yellow);
}
.rbt-product-card .rbt-card-img.rbt-card-img-bg-green {
  background-color: var(--color-extra-six);
}
.rbt-product-card .rbt-card-img .rbt-btn {
  --margin-width: 16px;
  margin: 0 var(--margin-width);
  width: calc(100% - 2 * var(--margin-width));
}
.rbt-product-card .rbt-card-img .rbt-btn.bottom-position {
  position: absolute;
  bottom: 16px;
  left: 0;
}
.rbt-product-card .rbt-card-img .hover-appear-element {
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.rbt-product-card .rbt-card-img.rbt-bg-color-default {
  background: var(--color-brand-100);
}
.rbt-product-card .rbt-card-img.top-rounded-md {
  border-radius: 12px 12px 0 0;
}
.rbt-product-card .rbt-card-img.rbt-has-hover-img {
  position: relative;
  transition: opacity 0.4s ease, transform 0.6s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-product-card .rbt-card-img.rbt-has-hover-img .rbt-hover-img {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.4s ease, transform 0.6s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-product-card .rbt-card-img.rbt-has-hover-img:hover .rbt-hover-img {
  opacity: 1;
  visibility: visible;
  transform: scale(1.04);
}
.rbt-product-card .rbt-card-img.rbt-has-hover-img:hover .rbt-prd-img {
  opacity: 0;
  visibility: hidden;
}
.rbt-product-card .rbt-card-img.rbt-has-hover-video {
  position: relative;
  transition: opacity 0.4s ease, transform 0.6s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-product-card .rbt-card-img.rbt-has-hover-video .rbt-hover-video {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.4s ease, transform 0.6s cubic-bezier(0, 0, 0.34, 0.54);
  height: 100%;
}
.rbt-product-card .rbt-card-img.rbt-has-hover-video .rbt-hover-video video {
  object-fit: cover;
}
.rbt-product-card .rbt-card-img.rbt-has-hover-video:hover .rbt-hover-video {
  opacity: 1;
  visibility: visible;
  transform: scale(1.04);
}
.rbt-product-card .rbt-card-img.rbt-has-hover-video:hover .rbt-prd-img {
  opacity: 0;
  visibility: hidden;
}
.rbt-product-card .rbt-card-img.rbt-card-img-h-md img {
  min-height: 312px;
}
.rbt-product-card .rbt-card-video {
  height: 100%;
  width: 100%;
  transition: var(--transition);
  position: relative;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
.rbt-product-card .rbt-card-video video {
  object-fit: cover;
  height: 100%;
  width: 100%;
  transition: var(--transition);
  border-radius: 8px 8px 0 0;
}
.rbt-product-card:hover .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn i {
  background: var(--color-brand-300);
}
.rbt-product-card:hover .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn i:hover {
  background: var(--color-primary);
}
.rbt-product-card:hover .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn + .rbt-quick-btn::before {
  background: url(../images/icons/card-inner-svg/icon-layout-01-brand-color.svg);
}
.rbt-product-card:hover .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn {
  opacity: 1;
  visibility: visible;
}
.rbt-product-card:hover .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn i {
  background: var(--color-brand-300);
  color: var(--color-primary);
}
.rbt-product-card:hover .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn i:hover {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-product-card:hover .hover-appear-element {
  opacity: 1;
  visibility: visible;
}
.rbt-product-card .rbt-prd-qty-area p {
  margin-bottom: 0;
  color: var(--color-gray-500);
}
.rbt-product-card .rbt-prd-qty-area p strong {
  color: var(--color-black);
  font-weight: 600;
}
.rbt-product-card .rbt-prd-qty-area .progress {
  margin-top: 8px;
  border-radius: 50px;
  background: #E5FAE5;
  height: 6px;
}
@media only screen and (max-width: 767px) {
  .rbt-product-card .rbt-prd-qty-area .progress {
    margin-top: 4px;
  }
}
.rbt-product-card .rbt-prd-qty-area .progress .progress-bar {
  background: #24BD25;
  border-radius: 5px;
}
.rbt-product-card .prd-btn-grp {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .prd-btn-grp {
    margin-top: 12px;
    gap: 4px;
  }
}
.rbt-product-card .prd-btn-grp .rbt-btn {
  text-align: center;
  border-width: 1px;
  color: var(--color-primary);
}
.rbt-product-card .prd-btn-grp .rbt-btn.rbt-btn-border.rbt-btn-sm {
  line-height: 34px;
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .prd-btn-grp .rbt-btn.rbt-btn-border.rbt-btn-sm {
    line-height: 28px;
  }
}
.rbt-product-card .prd-btn-grp .rbt-btn.has-left-icon i {
  margin-right: 4px;
}
.rbt-product-card .prd-btn-grp .rbt-btn.rbt-btn-primary {
  color: var(--color-white);
}
.rbt-product-card .prd-btn-grp .rbt-btn i {
  font-size: var(--font-size-b2);
  line-height: 15px;
}
.rbt-product-card .prd-btn-grp .rbt-btn:hover, .rbt-product-card .prd-btn-grp .rbt-btn:focus {
  color: var(--color-white) !important;
}
.rbt-product-card .prd-btn-grp .rbt-btn.rbt-btn-transparent {
  border: none;
  color: var(--color-gray-700);
}
.rbt-product-card .prd-btn-grp .rbt-btn.rbt-btn-transparent:hover {
  color: var(--color-white);
}
.rbt-product-card .prd-btn-grp .rbt-btn.rbt-compare-btn-activation.added-compare {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-product-card .prd-btn-grp .rbt-btn.rbt-compare-btn-activation.added-compare .fa-file-plus-minus::before {
  content: "\f00c";
}
.rbt-product-card .rbt-product-switch-area {
  display: flex;
  align-items: center;
  gap: 4px 12px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .rbt-product-switch-area {
    gap: 4px 8px;
  }
}
.rbt-product-card .rbt-product-switch-area .rbt-switcher-product-list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 8px;
}
@media only screen and (max-width: 767px) {
  .rbt-product-card .rbt-product-switch-area .rbt-switcher-product-list {
    gap: 4px;
  }
}
.rbt-product-card .rbt-product-switch-area .rbt-switcher-product-list li {
  display: block;
  width: 40px;
  transition: all 0.6s cubic-bezier(0, 0, 0.34, 0.54);
  border: 1px solid var(--color-gray-200);
  border-radius: 8px;
  padding: 2px;
  margin: 0;
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .rbt-product-switch-area .rbt-switcher-product-list li {
    width: 24px;
    padding: 1px;
  }
}
.rbt-product-card .rbt-product-switch-area .rbt-switcher-product-list li .rbt-switcher--prd {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}
.rbt-product-card .rbt-product-switch-area .rbt-switcher-product-list li .rbt-switcher--prd img {
  object-fit: cover;
  width: 100%;
  transform: scale(1);
  transition: all 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-product-card .rbt-product-switch-area .rbt-switcher-product-list li.active {
  border-color: var(--color-primary);
}
.rbt-product-card .rbt-product-switch-area .rbt-switcher-product-list li.active .rbt-switcher--prd img {
  transform: scale(1.2);
}
.rbt-product-card .rbt-product-switch-area .prd-link-text {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .rbt-product-switch-area .prd-link-text {
    font-size: 8px;
  }
}
.rbt-product-card .rbt-product-feature-badge {
  border-radius: 40px;
  background: linear-gradient(90deg, #FEEDDE 0%, rgba(254, 237, 222, 0) 100%);
  padding: 4px 8px;
  margin-top: 8px;
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  font-weight: 600;
  display: inline-block;
  color: #CD6E00;
}
.rbt-product-card .inner {
  padding: 8px;
  border-radius: 12px;
  border: 2px solid var(--color-gray-200);
  background: var(--color-white);
  transition: var(--transition);
}
@media only screen and (max-width: 767px) {
  .rbt-product-card .inner {
    padding: 4px;
    border-radius: var(--radius);
  }
}
.rbt-product-card .rbt-quick-btn-grp {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0, 0, 0.34, 0.54);
  z-index: 2;
}
.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn {
  position: relative;
  padding: 0;
  background: 0 !important;
  display: block;
  border: 0;
}
.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn i {
  border-radius: var(--radius-full);
  height: 36px;
  width: 36px;
  background: var(--color-white);
  color: var(--color-primary);
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  transition: var(--transition);
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn i {
    height: 24px;
    width: 24px;
    font-size: 12px;
  }
}
.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn + .rbt-quick-btn {
  margin-top: 6px;
}
.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn + .rbt-quick-btn::before {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  height: 24px;
  width: 15px;
  background: url(../images/icons/card-inner-svg/icon-layout-01.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}
.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn:hover i {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.added-wishlist, .rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.added-compare {
  background: transparent;
}
.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.added-wishlist i, .rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.added-compare i {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.added-wishlist:hover i, .rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.added-compare:hover i {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.rbt-stockout-btn:hover i {
  background: var(--color-gray-400);
  color: var(--color-white);
}
.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.rbt-stockout-btn:hover.tooltips span {
  background: var(--color-gray-400);
  color: var(--color-white);
}
.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.rbt-stockout-btn:hover.tooltips span::after {
  border-left-color: var(--color-gray-400);
}
.rbt-product-card .rbt-quick-btn-grp.rbt-top-right--position {
  position: absolute;
  top: 16px;
  right: 16px;
  transform: translateX(10px);
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .rbt-quick-btn-grp.rbt-top-right--position {
    top: 8px;
    right: 8px;
  }
}
.rbt-product-card .rbt-quick-btn-grp.bottom-right--position {
  position: absolute;
  bottom: 12px;
  right: 12px;
  transform: translateX(10px);
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .rbt-quick-btn-grp.bottom-right--position {
    bottom: 4px;
    right: 4px;
  }
}
.rbt-product-card .rbt-quick-btn-grp.hover-variation-one {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
}
.rbt-product-card .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn {
  opacity: 0;
  visibility: hidden;
}
.rbt-product-card .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn i {
  transition: var(--transition);
  background: rgba(255, 255, 255, 0.5);
  color: var(--color-gray-300);
}
.rbt-product-card .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn:first-child {
  opacity: 1;
  visibility: visible;
}
.rbt-product-card .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn.bg-light-one {
  background: none;
}
.rbt-product-card .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn.bg-light-one i {
  background: var(--color-brand-300);
  color: var(--color-primary);
}
.rbt-product-card .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn.bg-light-one.added-wishlist i, .rbt-product-card .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn.bg-light-one.added-compare i {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-product-card .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn.bg-light-one.added-wishlist:hover i, .rbt-product-card .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn.bg-light-one.added-compare:hover i {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-product-card .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn + .rbt-quick-btn::before {
  background: url(../images/icons/card-inner-svg/icon-layout-01-brand-color.svg);
}
.rbt-product-card:hover .rbt-quick-btn-grp {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
}
.rbt-product-card .rbt-product-badge.rbt-badge-top-left--position {
  position: absolute;
  top: 16px;
  left: 16px;
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .rbt-product-badge.rbt-badge-top-left--position {
    top: 8px;
    left: 8px;
  }
}
.rbt-product-card .rbt-product-badge.rbt-badge-top-left--position + .rbt-badge-top-left--position {
  margin-top: 28px;
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .rbt-product-badge.rbt-badge-top-left--position + .rbt-badge-top-left--position {
    margin-top: 18px;
  }
}
.rbt-product-card .rbt-card-body {
  padding: 8px;
  padding-top: 16px;
  text-align: left;
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .rbt-card-body {
    padding: 4px;
    padding-top: 8px;
  }
}
.rbt-product-card .rbt-card-body .rbt-card-subtitle {
  margin-top: 16px;
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .rbt-card-body .rbt-card-subtitle {
    margin-top: 8px !important;
  }
}
.rbt-product-card .rbt-card-body > *:nth-child(1) {
  margin-top: 0 !important;
}
.rbt-product-card .rbt-card-body > *:nth-child(1) *:nth-child(1) {
  margin-top: 0 !important;
}
.rbt-product-card .rbt-card-body .pricing-part {
  margin-top: 8px;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .rbt-card-body .pricing-part {
    margin-top: 4px;
    flex-wrap: wrap;
  }
}
.rbt-product-card .rbt-card-body .rbt-card-top-content.has-two-align {
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px 16px;
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .rbt-card-body .rbt-card-top-content.has-two-align {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px 8px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .rbt-card-body .rbt-card-top-content.has-two-align .right-part {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .rbt-card-body .rbt-card-top-content.has-two-align .right-part .bottom-part {
    text-align: left;
  }
}
.rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn {
  margin-top: 18px;
  gap: 8px;
}
@media only screen and (max-width: 767px) {
  .rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn {
    margin-top: 12px;
  }
}
.rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn .rbt-quick-btn-grp {
  flex-basis: 14%;
  display: flex;
}
.rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn .rbt-quick-btn-grp .rbt-quick-btn i {
  background: var(--color-brand-300);
}
.rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn .rbt-quick-btn-grp .rbt-quick-btn:hover i {
  background: var(--color-primary);
}
.rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn .rbt-quick-btn-grp .rbt-quick-btn.added-compare i, .rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn .rbt-quick-btn-grp .rbt-quick-btn.added-wishlist i {
  background: var(--color-green);
  color: var(--color-white);
}
.rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn .rbt-quick-btn-grp .rbt-quick-btn.added-compare:hover i, .rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn .rbt-quick-btn-grp .rbt-quick-btn.added-wishlist:hover i {
  background: var(--color-green);
  color: var(--color-white);
}
.rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn .rbt-quick-btn-grp .rbt-quick-btn + .rbt-quick-btn {
  margin-top: 0;
  margin-left: 6px;
}
.rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn .rbt-quick-btn-grp .rbt-quick-btn + .rbt-quick-btn::before {
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  width: 15px;
  right: calc(100% - 5px);
  left: unset;
  background: url(../images/icons/card-inner-svg/icon-layout-01-brand-color.svg);
}
.rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn .rbt-btn {
  flex-basis: 85%;
  text-align: center;
}
.rbt-product-card .rbt-card-body .right-part {
  text-align: end;
  display: flex;
  flex-direction: column;
  align-items: end;
}
.rbt-product-card .rbt-card-body.has-two-align {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .rbt-product-card .rbt-card-body.has-two-align {
    flex-wrap: wrap;
  }
}
.rbt-product-card .rbt-card-body.rbt-card-body-center-align {
  text-align: center;
  justify-content: center;
}
.rbt-product-card .rbt-card-body.rbt-card-body-center-align .rbt-card-subtitle,
.rbt-product-card .rbt-card-body.rbt-card-body-center-align .rbt-card-rating,
.rbt-product-card .rbt-card-body.rbt-card-body-center-align .pricing-part {
  justify-content: center;
}
.rbt-product-card .rating-digit {
  margin-bottom: 0;
}
.rbt-product-card .rbt-card-rating {
  gap: 8px;
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .rbt-card-rating {
    gap: 4px;
  }
}
.rbt-product-card .rbt-card-rating .rbt-text-group {
  font-size: var(--font-size-b4);
  height: 24px;
  line-height: 24px;
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .rbt-card-rating .rbt-text-group {
    height: 16px;
    line-height: 16px;
  }
}
.rbt-product-card .rbt-card-rating .icon {
  color: var(--color-heading);
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .rbt-card-rating .icon {
    font-size: var(--font-size-b4);
    line-height: 1;
  }
}
.rbt-product-card .rbt-countdown-one {
  margin-top: 16px;
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .rbt-countdown-one {
    margin-top: 8px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .rbt-countdown-one .countdown {
    gap: 4px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .rbt-countdown-one .countdown .countdown-container {
    padding: 4px 8px;
    width: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-card .rbt-countdown-one .countdown .countdown-container .countdown-value {
    font-size: 12px;
  }
}
.rbt-product-card .rbt-prd-qty-area {
  margin-top: 12px;
}
@media only screen and (max-width: 767px) {
  .rbt-product-card .rbt-prd-qty-area {
    margin-top: 8px;
  }
}
.rbt-product-card .prd-details-area {
  position: absolute;
  width: 100%;
  top: calc(100% - 16px);
  left: 0;
  height: auto;
  opacity: 0;
  visibility: hidden;
  padding: 16px;
  padding-top: 16px;
  clip: rect(0px, 200vw, 0, 0px);
  transform: translateZ(0);
  background: var(--color-white);
  border-radius: 0 0 10px 10px;
  border: 2px solid var(--color-gray-200);
  border-top: 0;
  z-index: 7;
  box-shadow: var(--shadow-product-item);
  transition: all 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .prd-details-area {
    padding: 4px;
    padding-top: 8px;
  }
}
.rbt-product-card .prd-details-area .wrapper {
  padding-top: 16px;
  border-top: 1px solid var(--color-border);
  padding-bottom: 16px;
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .prd-details-area .wrapper {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.rbt-product-card .prd-details-area .product-details-list {
  margin: 0;
  padding: 0;
  padding-left: 26px;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .prd-details-area .product-details-list {
    padding-left: 8px;
    gap: 4px;
  }
}
.rbt-product-card .prd-details-area .product-details-list li {
  margin: 0;
  position: relative;
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  color: var(--color-gray-500);
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .prd-details-area .product-details-list li {
    font-size: var(--font-size-b4);
    line-height: 1;
  }
}
.rbt-product-card .prd-details-area .product-details-list li::before {
  content: "";
  position: absolute;
  left: -15px;
  top: 8px;
  height: 4px;
  width: 4px;
  background: var(--color-heading);
  border-radius: var(--radius-full);
}
@media only screen and (max-width: 479px) {
  .rbt-product-card .prd-details-area .product-details-list li::before {
    left: -8px;
    top: 7px;
    height: 3px;
    width: 3px;
  }
}
.rbt-product-card .prd-details-area .product-details-list li .rbt-bold--text {
  color: var(--color-heading);
}
.rbt-product-card .prd-details-area .product-details-list li .text {
  color: var(--color-gray-400);
}
.rbt-product-card .prd-details-area .product-details-list li .shipment-quick-link {
  font-size: var(--font-size-b3);
  list-style: var(--line-height-b3);
  color: var(--color-primary);
}
.rbt-product-card .prd-details-area .product-details-list.shipment-details-list {
  margin-top: 12px;
  padding: 0;
}
.rbt-product-card .prd-details-area .product-details-list.shipment-details-list li {
  display: flex;
}
.rbt-product-card .prd-details-area .product-details-list.shipment-details-list li::before {
  display: none;
}
.rbt-product-card .prd-details-area .product-details-list.shipment-details-list li .icon {
  margin: 0 8px;
}
.rbt-product-card .product-hover-slider-list {
  display: flex;
  margin: 0;
  padding: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  list-style: none;
  top: 0;
  left: 0;
  gap: 5px;
  overflow: hidden;
}
.rbt-product-card .product-hover-slider-list li {
  flex-basis: 25%;
  margin: 0;
  margin: 0;
}
.rbt-product-card .product-hover-slider-list li a {
  display: block;
  height: 100%;
  border-bottom: 4px solid var(--color-gray-200);
}
.rbt-product-card .product-hover-slider-list li a:hover, .rbt-product-card .product-hover-slider-list li a:active, .rbt-product-card .product-hover-slider-list li a:focus, .rbt-product-card .product-hover-slider-list li a.active {
  border-color: var(--color-primary);
}
.rbt-product-card .rbt-btn:hover {
  box-shadow: none;
}
.rbt-product-card .rbt-countdown-wrap {
  transition: opacity 0.4s ease, transform 0.6s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-product-card.has-hover-box-shadow .inner {
  transition: all 0.6s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-product-card.has-hover-box-shadow:hover .inner {
  z-index: 5;
  position: relative;
  border-color: transparent;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.14);
}
.rbt-product-card:hover .prd-details-area {
  height: auto;
  opacity: 1;
  visibility: visible;
  clip: rect(0px, 100vw, 200vh, -30px);
  border-color: transparent;
}
.rbt-product-card:hover .rbt-card-img img {
  transform: scale(1.04);
  border-radius: 16px;
}
.rbt-product-card:hover .rbt-countdown-wrap {
  transform: translateX(-50%) translateY(50%);
  opacity: 0;
}
.rbt-product-card.rbt-list-view-variation {
  height: 100%;
}
.rbt-product-card.rbt-list-view-variation .inner {
  display: flex;
  height: 100%;
  gap: 12px;
  border: 0;
  padding: 0;
  align-items: center;
  background: transparent;
}
@media only screen and (max-width: 479px) {
  .rbt-product-card.rbt-list-view-variation .inner {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
.rbt-product-card.rbt-list-view-variation .rbt-card-body {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .rbt-product-card.rbt-list-view-variation .rbt-card-body {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .inner {
    flex-wrap: nowrap;
    flex-direction: row;
  }
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm + .rbt-list-view-sm {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--color-border);
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .rbt-card-title {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  margin: 0;
  margin-top: 4px;
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .rbt-rating-icon-list li i {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .pricing-part {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  margin-top: 4px;
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .pricing-part del {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .rbt-card-img {
  border-radius: 8px;
  flex-basis: 51%;
  width: 100%;
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .rbt-card-body {
  flex-basis: 49%;
  width: 100%;
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .rbt-card-rating {
  margin-top: 0;
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm.rbt-prd-sing-add-card {
  justify-content: space-between;
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm.rbt-prd-sing-add-card .rbt-card-img {
  flex-basis: 25%;
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm.rbt-prd-sing-add-card .rbt-card-body {
  flex-basis: 75%;
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm.rbt-prd-sing-add-card .rbt-card-body.rbt-card-body-sm-wider {
  flex-basis: 66%;
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm.rbt-prd-sing-add-card .rbt-card-title {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm.rbt-prd-sing-add-card .rbt-card-subtitle {
  color: var(--color-green);
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm.rbt-prd-sing-add-card .pricing-part {
  font-size: 18px;
  line-height: 1;
}
@media only screen and (max-width: 479px) {
  .rbt-product-card.rbt-list-view-variation.list-view-md .inner {
    flex-wrap: nowrap;
    flex-direction: row;
  }
}
.rbt-product-card.rbt-list-view-variation.list-view-md + .list-view-md {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 2px solid var(--color-border);
}
@media only screen and (max-width: 767px) {
  .rbt-product-card.rbt-list-view-variation.list-view-md + .list-view-md {
    margin-top: 12px;
    padding-top: 12px;
  }
}
.rbt-product-card.rbt-list-view-variation.list-view-md .rbt-card-title {
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  margin-top: 8px;
}
@media only screen and (max-width: 767px) {
  .rbt-product-card.rbt-list-view-variation.list-view-md .rbt-card-title {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
  }
}
.rbt-product-card.rbt-list-view-variation.list-view-md .rbt-rating-icon-list li i {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
}
@media only screen and (max-width: 767px) {
  .rbt-product-card.rbt-list-view-variation.list-view-md .rbt-rating-icon-list li i {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
  }
}
.rbt-product-card.rbt-list-view-variation.list-view-md .rbt-card-img {
  border-radius: 10px !important;
  flex-basis: 46%;
  width: 100%;
}
.rbt-product-card.rbt-list-view-variation.list-view-md .rbt-card-img a img {
  max-height: 164px;
}
.rbt-product-card.rbt-list-view-variation.list-view-md .rbt-card-body {
  flex-basis: 54%;
  width: 100%;
  padding: 0;
}
.rbt-product-card.rbt-list-view-variation.list-view-md .rbt-rating-icon-list {
  gap: 4px;
}
.rbt-product-card.rbt-list-view-variation.list-view-md .rbt-card-rating {
  margin-top: 0;
  gap: 4px;
}
.rbt-product-card.rbt-list-view-variation.list-view-md .pricing-part {
  margin-top: 10px;
}
.rbt-product-card.rbt-list-view-variation.list-view-md.list-view-md-var-one + .list-view-md-var-one {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 2px solid var(--color-border);
}
.rbt-product-card.rbt-list-view-variation.list-view-md.list-view-md-var-one .rbt-card-img {
  border-radius: var(--radius);
  flex-basis: 54%;
}
.rbt-product-card.rbt-list-view-variation.list-view-md.list-view-md-var-one .rbt-card-body {
  flex-basis: 46%;
}
.rbt-product-card.rbt-list-view-variation.list-view-md.list-view-md-var-one .rbt-card-title,
.rbt-product-card.rbt-list-view-variation.list-view-md.list-view-md-var-one .pricing-part {
  margin-top: 4px;
}
.rbt-product-card.rbt-list-view-variation.list-view-md.list-view-md-var-one .rbt-card-title {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  font-weight: 500;
}
.rbt-product-card.rbt-list-view-variation.list-view-md.list-view-md-var-one .rbt-rating-icon-list li i {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .inner {
  gap: 50px;
  padding: 16px;
  border: 2px solid var(--color-gray-200);
  justify-content: space-between;
  border-radius: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .inner {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .inner {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 16px !important;
    padding: 8px;
  }
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-discount-badge {
  height: 70px;
  width: 79px;
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-discount-badge.right--corner-style {
  top: -32px;
  right: -36px;
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-discount-badge span {
  color: var(--color-white);
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-img {
  width: 100%;
  border-radius: 12px;
  height: 100%;
}
@media only screen and (max-width: 1199px) {
  .rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-img {
    height: auto;
  }
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-img a {
  height: 100%;
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-img a img {
  min-height: 330px;
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-body {
  width: 100%;
  padding: 8px 0;
  padding-left: 16px;
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-prd-qty-area {
  margin-top: 12px;
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-subtitle {
  margin-top: 12px;
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-title {
  font-size: var(--h5);
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-title {
    font-size: var(--font-size-b1);
  }
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-countdown-one {
  position: absolute;
  bottom: 16px;
  transform: translateX(-50%);
  left: 50%;
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-countdown-one .countdown-container {
  background: var(--color-black);
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-countdown-one .countdown-value,
.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-countdown-one .countdown-heading {
  color: var(--color-white);
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-countdown-one .countdown-value {
  line-height: 1;
}
.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg:hover .inner {
  border-color: var(--color-primary);
}
.rbt-product-card.rbt-product-card-style-2 {
  --footer-h-sm: 54px;
  overflow: hidden;
  border-radius: 12px;
}
@media only screen and (max-width: 767px) {
  .rbt-product-card.rbt-product-card-style-2 {
    border-radius: 8px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-product-card.rbt-product-card-style-2 {
    --footer-h-sm: 46px;
  }
}
.rbt-product-card.rbt-product-card-style-2 .rbt-card-title {
  margin-top: 4px;
}
@media only screen and (max-width: 767px) {
  .rbt-product-card.rbt-product-card-style-2 .rbt-card-title {
    margin-top: 4px;
  }
}
.rbt-product-card.rbt-product-card-style-2 .rbt-card-img {
  border-radius: 16px !important;
}
@media only screen and (max-width: 767px) {
  .rbt-product-card.rbt-product-card-style-2 .rbt-card-img {
    border-radius: 8px !important;
  }
}
.rbt-product-card.rbt-product-card-style-2 .rbt-card-img img {
  transform: scale(1.04);
}
.rbt-product-card.rbt-product-card-style-2 .rbt-card-img.top-rounded-md {
  border-radius: 12px 12px 0 0 !important;
}
.rbt-product-card.rbt-product-card-style-2 .rbt-card-img.bg-gray {
  background: rgba(193, 193, 193, 0.1) !important;
}
.rbt-product-card.rbt-product-card-style-2 .product-hover-slider-list {
  transition: var(--transition);
}
.rbt-product-card.rbt-product-card-style-2 .rbt-card-body {
  margin-bottom: calc(-1 * var(--footer-h-sm));
  transition: var(--transition);
  background: var(--color-white);
  padding: 16px;
}
@media only screen and (max-width: 767px) {
  .rbt-product-card.rbt-product-card-style-2 .rbt-card-body {
    padding: 12px 8px;
  }
}
.rbt-product-card.rbt-product-card-style-2 .rbt-card-body:first-child {
  margin-top: 0 !important;
}
.rbt-product-card.rbt-product-card-style-2 .rbt-card-body.no-footer-body {
  margin-bottom: 0;
}
.rbt-product-card.rbt-product-card-style-2 .rbt-card-body.has-rbt-top-right-corner-portion {
  position: relative;
}
.rbt-product-card.rbt-product-card-style-2 .rbt-card-body.has-rbt-top-right-corner-portion .rbt-right-corner-portion {
  bottom: 99%;
  transition: 0.5s;
}
.rbt-product-card.rbt-product-card-style-2 .rbt-card-body.rbt-card-body-top-botttom-space {
  padding: 16px 0;
}
.rbt-product-card.rbt-product-card-style-2.transform-variation-one .rbt-card-body {
  margin-bottom: -104px;
  padding: 16px;
  padding-top: 28px;
  background-color: var(--color-white);
}
@media only screen and (max-width: 575px) {
  .rbt-product-card.rbt-product-card-style-2.transform-variation-one .rbt-card-body {
    margin-bottom: -80px;
    padding-top: 12px;
    padding: 12px;
  }
}
.rbt-product-card.rbt-product-card-style-2.transform-variation-one:hover .rbt-card-body {
  transform: translateY(-104px);
}
@media only screen and (max-width: 575px) {
  .rbt-product-card.rbt-product-card-style-2.transform-variation-one:hover .rbt-card-body {
    transform: translateY(-80px);
  }
}
.rbt-product-card.rbt-product-card-style-2.transform-variation-two {
  overflow: unset;
  --footer-h-sm: 96px;
}
.rbt-product-card.rbt-product-card-style-2.transform-variation-two .rbt-card-body {
  padding: 16px;
}
.rbt-product-card.rbt-product-card-style-2.transform-variation-two .rbt-card-img img {
  transform: scale(1);
}
.rbt-product-card.rbt-product-card-style-2.transform-variation-two .card-inner {
  overflow: hidden;
  border-radius: 12px;
}
.rbt-product-card.rbt-product-card-style-2.transform-variation-two .background-expand {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: var(--color-white);
  border-radius: 12px;
  transition: transform 0.4s cubic-bezier(0.2, 0.75, 0.5, 1);
  pointer-events: none;
  z-index: -1;
}
.rbt-product-card.rbt-product-card-style-2.transform-variation-two .background-expand::before {
  content: "";
  position: absolute;
  z-index: -2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-origin: center;
  background-color: transparent;
  background-color: transparent;
  opacity: 0;
  border-radius: 12px;
  box-shadow: var(--shadow-1);
  transition: opacity 0.4s cubic-bezier(0.2, 0.75, 0.5, 1);
}
.rbt-product-card.rbt-product-card-style-2.transform-variation-two:hover .background-expand {
  transform: scale(1.04, 1.04) translateY(0px) translateZ(0px);
}
.rbt-product-card.rbt-product-card-style-2.transform-variation-two:hover .background-expand::before {
  opacity: 1;
  pointer-events: all;
}
.rbt-product-card.rbt-product-card-style-2.transform-variation-two:hover .rbt-card-img img {
  transform: scale(0.96);
}
.rbt-product-card.rbt-product-card-style-2:hover .rbt-card-img img {
  transform: scale(1);
}
.rbt-product-card.rbt-product-card-style-2:hover .product-hover-slider-list {
  height: calc(100% - (var(--footer-h-sm)));
}
.rbt-product-card.rbt-product-card-style-2:hover .rbt-card-body {
  transform: translateY(calc(-1 * var(--footer-h-sm)));
}
.rbt-product-card.rbt-product-card-style-2:hover .rbt-card-body.no-footer-body {
  transform: none;
}
.rbt-product-card.rbt-product-card-style-2.wider-variation {
  transition: var(--transition);
  border-radius: 12px;
  padding: 16px;
  background: var(--color-white);
}
@media only screen and (max-width: 767px) {
  .rbt-product-card.rbt-product-card-style-2.wider-variation {
    padding: 12px;
  }
}
.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-card-body {
  background: var(--color-white) !important;
  padding: 16px 4px;
}
@media only screen and (max-width: 767px) {
  .rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-card-body {
    padding: 12px 4px;
  }
}
.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-card-top-content.has-two-align {
  flex-wrap: nowrap;
  flex-direction: row;
}
.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-card-img {
  border-radius: 8px !important;
}
.rbt-product-card.rbt-product-card-style-2.wider-variation img {
  max-height: 375px;
  transition: var(--transition);
}
.rbt-product-card.rbt-product-card-style-2.wider-variation img.sm--size {
  opacity: 0;
  visibility: hidden;
}
.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-right-corner-portion {
  opacity: 1;
  visibility: visible;
  right: 0;
}
.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-color-select-area {
  justify-content: flex-end;
  gap: 8px 12px;
}
@media only screen and (max-width: 767px) {
  .rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-color-select-area {
    flex-wrap: wrap;
  }
}
.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-corner-portion-wrapper {
  background: var(--color-white) !important;
}
.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-corner-portion-wrapper::before,
.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-corner-portion-wrapper::after {
  box-shadow: 15px 15px 0 0 var(--color-white) !important;
}
.rbt-product-card.rbt-product-card-style-2.wider-variation:hover .rbt-card-img img, .rbt-product-card.rbt-product-card-style-2.wider-variation.active .rbt-card-img img {
  border-radius: 8px !important;
  transform: scale(1);
}
.rbt-product-card.rbt-product-card-style-2.transform-variation-two {
  --footer-h-sm: 96px;
}
@media only screen and (max-width: 767px) {
  .rbt-product-card.rbt-product-card-style-2.transform-variation-two {
    --footer-h-sm: 100px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-product-card.rbt-product-card-style-2.transform-variation-two {
    --footer-h-sm: 88px;
  }
}
.rbt-product-card.rbt-product-card-style-3 {
  position: relative;
}
.rbt-product-card.rbt-product-card-style-3 .rbt-card-body {
  position: absolute;
  width: calc(100% - 32px);
  left: 16px;
  bottom: 16px;
  border-radius: 16px;
  border: 2px solid rgba(255, 255, 255, 0.8);
  background: linear-gradient(168deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.5) 100%);
  backdrop-filter: blur(50px);
  padding: 24px;
  padding-bottom: 28px;
}
@media only screen and (max-width: 767px) {
  .rbt-product-card.rbt-product-card-style-3 .rbt-card-body {
    padding: 8px;
    padding-bottom: 12px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-card.rbt-product-card-style-3 .rbt-card-body {
    padding: 8px;
    padding-bottom: 12px;
  }
}
.rbt-product-card.rbt-product-card-style-3.variation-two {
  border-radius: 8px;
}
.rbt-product-card.rbt-product-card-style-3.variation-two .rbt-card-body {
  width: fit-content;
  left: 50%;
  transform: translate(-50%, 50%);
  padding: 40px 80px;
  border-radius: 8px;
}
@media only screen and (max-width: 767px) {
  .rbt-product-card.rbt-product-card-style-3.variation-two .rbt-card-body {
    padding: 16px;
    padding-bottom: 24px;
  }
}
.rbt-product-card.rbt-product-card-style-3.variation-two .rbt-card-title-2 {
  white-space: nowrap;
}
.rbt-product-card.rbt-stock-out-product-card .rbt-card-img img,
.rbt-product-card.rbt-stock-out-product-card .rbt-card-img video {
  filter: grayscale(1);
  opacity: 0.9;
}

.card-grp-area {
  display: flex;
  gap: 48px;
  justify-content: center;
}

.rbt-list-card-box {
  padding: 24px;
  background: transparent;
  border-radius: 16px;
  border: 2px solid var(--color-brand-100);
  transition: var(--transition);
}
@media only screen and (max-width: 767px) {
  .rbt-list-card-box {
    padding: 8px;
    border-radius: 8px;
  }
}
.rbt-list-card-box.rbt-list-card-box-lg {
  padding: 24px 32px;
}
@media only screen and (max-width: 767px) {
  .rbt-list-card-box.rbt-list-card-box-lg {
    padding: 16px;
  }
}
.rbt-list-card-box.rbt-list-card-box-primary-bordered {
  border-color: var(--color-primary);
}
.rbt-list-card-box:hover {
  border-color: var(--color-primary);
}

.rbt-product-card:hover .rbt-card-img.top-rounded-md img {
  border-radius: 12px 12px 0 0;
}

/*----------------------------- 
    Product Nav Styles
-------------------------------*/
@media only screen and (max-width: 479px) {
  .mobile-horizontal-scroll-section {
    overflow-x: auto;
    width: 100%;
  }
  .mobile-horizontal-scroll-section::-webkit-scrollbar {
    display: none;
  }
}

.rbt-product-nav-section {
  display: flex;
  gap: 5px;
}
.rbt-product-nav-section .rbt-product-nav-grp {
  position: relative;
}
.rbt-product-nav-section .rbt-product-nav-grp + .rbt-product-nav-grp::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../images/pagination/pagination-mid-01.svg);
  width: 22px;
  height: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.rbt-product-nav-section .rbt-product-nav-grp.rbt-product-nav-grp-sm {
  padding: 3px 4px;
  gap: 4px;
}
.rbt-product-nav-section .rbt-product-nav-grp.rbt-product-nav-grp-sm li .rbt-product-nav {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
}
.rbt-product-nav-section.rbt-product-nav-var-primary .rbt-product-nav-grp {
  background: var(--color-brand-200);
}
.rbt-product-nav-section.rbt-product-nav-var-primary .rbt-product-nav-grp + .rbt-product-nav-grp::before {
  background-image: url(../images/pagination/pagination-mid-02.svg);
}
.rbt-product-nav-section.rbt-product-nav-var-primary li .rbt-product-nav.active, .rbt-product-nav-section.rbt-product-nav-var-primary li .rbt-product-nav:hover {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-product-nav-section.rbt-product-nav-var-primary .rbt-bg-highlight {
  background: var(--color-primary);
}
.rbt-product-nav-section.rbt-product-nav-var-brand .rbt-product-nav-grp {
  background: var(--color-white);
  border: 1px solid var(--color-gray-200);
}
.rbt-product-nav-section.rbt-product-nav-var-brand .rbt-product-nav-grp + .rbt-product-nav-grp::before {
  background-image: url(../images/pagination/pagination-mid-02.svg);
}
.rbt-product-nav-section.rbt-product-nav-var-brand .rbt-bg-highlight {
  background: var(--color-brand-200);
}

.rbt-product-nav-grp {
  padding: 6px 8px;
  display: flex;
  gap: 12px;
  background: var(--color-extra-three);
  border-radius: 40px;
}
.rbt-product-nav-grp li {
  margin: 0;
}
.rbt-product-nav-grp li .rbt-product-nav {
  padding: 4px 12px;
  background: transparent;
  color: var(--color-gray-400);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  line-height: 1.6;
  font-weight: var(--f-medium);
  border-radius: 20px;
  transition: var(--transition);
  display: block;
  position: relative;
  z-index: 1;
  text-align: center;
  white-space: nowrap;
}
@media only screen and (max-width: 479px) {
  .rbt-product-nav-grp li .rbt-product-nav {
    padding: 4px 6px;
    font-size: 10px;
    line-height: var(--line-height-b4);
  }
}
.rbt-product-nav-grp li .rbt-product-nav:hover, .rbt-product-nav-grp li .rbt-product-nav.active {
  background: var(--color-white);
  color: var(--color-heading);
}

.rbt-nav-effect-activation {
  position: relative;
  overflow: hidden;
}
.rbt-nav-effect-activation .transp-link {
  position: relative;
  z-index: 3;
}
.rbt-nav-effect-activation .rbt-bg-highlight {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: var(--color-white);
  border-radius: 8px;
  transition: all 0.3s;
  z-index: 0;
  border-radius: 40px;
}
@media only screen and (max-width: 1199px) {
  .rbt-nav-effect-activation .rbt-product-nav-grp {
    overflow-x: scroll;
  }
}
.rbt-nav-effect-activation .rbt-product-nav-grp::-webkit-scrollbar {
  display: none;
}
.rbt-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav:hover, .rbt-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav.active {
  background: transparent;
}
.rbt-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav:hover {
  color: var(--color-heading);
}
.rbt-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav.active:hover {
  color: var(--color-heading);
}
.rbt-nav-effect-activation.rbt-product-nav-var-primary .rbt-product-nav-grp li .rbt-product-nav.active {
  color: var(--color-white);
}
.rbt-nav-effect-activation.rbt-product-nav-var-primary .rbt-product-nav-grp li .rbt-product-nav.active:hover {
  color: var(--color-white);
}
.rbt-nav-effect-activation.rbt-product-nav-var-primary .rbt-product-nav-grp li .rbt-product-nav:hover {
  color: var(--color-primary);
}
.rbt-nav-effect-activation.rbt-product-nav-var-primary .rbt-bg-highlight {
  background: var(--color-primary);
}
.rbt-nav-effect-activation.rbt-product-nav-var-black .rbt-product-nav-grp li .rbt-product-nav.active {
  color: var(--color-white);
}
.rbt-nav-effect-activation.rbt-product-nav-var-black .rbt-product-nav-grp li .rbt-product-nav.active:hover {
  color: var(--color-white);
}
.rbt-nav-effect-activation.rbt-product-nav-var-black .rbt-bg-highlight {
  background: var(--color-black);
}

.rbt-product-card .rbt-card-body .rbt-scroll-animation {
  width: 1000px;
}
.rbt-product-card .rbt-card-body .rbt-scroll-animation-wrapper {
  padding: 6px;
  overflow: hidden;
  margin: 0 -16px;
  position: absolute;
  top: -28px;
  background: var(--color-brand-400);
}
@media only screen and (max-width: 767px) {
  .rbt-product-card .rbt-card-body .rbt-scroll-animation-wrapper {
    top: -26px;
  }
}
.rbt-product-card .rbt-card-body .rbt-scroll-animation-wrapper .rbt-category-list {
  gap: 12px;
}
.rbt-product-card .rbt-card-body .rbt-scroll-animation-wrapper .rbt-category-list a {
  font-size: 12px;
  line-height: 1.2;
  align-items: baseline;
}
.rbt-product-card .rbt-card-body .rbt-scroll-animation-wrapper .rbt-catagory-icon img {
  max-width: 12px;
  height: auto;
}
.rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner {
  position: absolute;
  top: -29px;
  --box-size: 30px;
  width: 100%;
  left: 0;
  z-index: 2;
}
.rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before, .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner:after {
  content: "";
  position: absolute;
  height: var(--box-size);
  width: var(--box-size);
  background: transparent;
  border-radius: var(--radius-full);
  box-shadow: -12px 12px 0 0 var(--color-white);
}
.rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before {
  top: 0;
  left: 0;
}
.rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::after {
  top: 0;
  right: 0;
  box-shadow: 12px 12px 0 0 var(--color-white);
}

.rbt-component-area.rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before, .rbt-component-area.rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner:after,
.rbt-component-area .rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before,
.rbt-component-area .rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner:after {
  box-shadow: -12px 12px 0 0 var(--color-gray-light);
}
.rbt-component-area.rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before,
.rbt-component-area .rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before {
  top: 0;
  left: 0;
}
.rbt-component-area.rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::after,
.rbt-component-area .rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::after {
  top: 0;
  right: 0;
  box-shadow: 12px 12px 0 0 var(--color-gray-light);
}
.rbt-component-area.rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before, .rbt-component-area.rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner:after,
.rbt-component-area .rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before,
.rbt-component-area .rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner:after {
  box-shadow: -12px 12px 0 0 var(--color-white);
}
.rbt-component-area.rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before,
.rbt-component-area .rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before {
  top: 0;
  left: 0;
}
.rbt-component-area.rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::after,
.rbt-component-area .rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::after {
  top: 0;
  right: 0;
  box-shadow: 12px 12px 0 0 var(--color-white);
}

.rbt-wishlisted-btn.active i {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-wishlisted-btn.added-wishlist {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-wishlisted-btn.added-wishlist::after, .rbt-wishlisted-btn.added-wishlist:hover {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-wishlisted-btn.added-wishlist i::before {
  content: "\f00c";
}
.rbt-wishlisted-btn.bg-light-one.active i {
  background: var(--color-black);
  color: var(--color-white);
}
.rbt-wishlisted-btn.bg-light-one.added-wishlist {
  background: var(--color-black);
  color: var(--color-white);
}
.rbt-wishlisted-btn.bg-light-one.added-wishlist::after, .rbt-wishlisted-btn.bg-light-one.added-wishlist:hover {
  background: var(--color-black);
  color: var(--color-white);
}

.rbt-compare-btn.active i {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-compare-btn.added-compare {
  background: var(--color-green);
  color: var(--color-white);
}
.rbt-compare-btn.added-compare::after, .rbt-compare-btn.added-compare:hover {
  background: var(--color-green);
  color: var(--color-white);
}
.rbt-compare-btn.added-compare i::before {
  content: "\f00c";
}
.rbt-compare-btn.bg-light-one.active i {
  background: var(--color-black);
  color: var(--color-white);
}
.rbt-compare-btn.bg-light-one.added-wishlist {
  background: var(--color-black);
  color: var(--color-white);
}
.rbt-compare-btn.bg-light-one.added-wishlist::after, .rbt-compare-btn.bg-light-one.added-wishlist:hover {
  background: var(--color-black);
  color: var(--color-white);
}

.rbt-content-top-left {
  position: absolute;
  top: 16px;
  left: 16px;
}
@media only screen and (max-width: 479px) {
  .rbt-content-top-left {
    top: 8px;
    left: 8px;
  }
}
.rbt-content-top-left + .rbt-content-top-left {
  margin-top: 32px;
}
@media only screen and (max-width: 479px) {
  .rbt-content-top-left + .rbt-content-top-left {
    margin-top: 18px;
  }
}

.rbt-content-top-right {
  position: absolute;
  top: 16px;
  right: 16px;
}
@media only screen and (max-width: 479px) {
  .rbt-content-top-right {
    top: 8px;
    right: 8px;
  }
}
.rbt-content-top-right + .rbt-content-top-right {
  margin-top: 32px;
}
@media only screen and (max-width: 479px) {
  .rbt-content-top-right + .rbt-content-top-right {
    margin-top: 18px;
  }
}

.rbt-content-bottom-left {
  position: absolute;
  bottom: 16px;
  left: 16px;
}
@media only screen and (max-width: 479px) {
  .rbt-content-bottom-left {
    bottom: 8px;
    left: 8px;
  }
}
.rbt-content-bottom-left + .rbt-content-bottom-left {
  margin-bottom: 32px;
}
@media only screen and (max-width: 479px) {
  .rbt-content-bottom-left + .rbt-content-bottom-left {
    margin-bottom: 18px;
  }
}

.rbt-content-bottom-right {
  position: absolute;
  bottom: 16px;
  right: 16px;
}
@media only screen and (max-width: 479px) {
  .rbt-content-bottom-right {
    bottom: 8px;
    right: 8px;
  }
}
.rbt-content-bottom-right + .rbt-content-bottom-right {
  margin-bottom: 32px;
}
@media only screen and (max-width: 479px) {
  .rbt-content-bottom-right + .rbt-content-bottom-right {
    margin-bottom: 18px;
  }
}

.rbt-content-bottom-center {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
}

/*--------------------------
    Bootstrap Tooltips Styles
---------------------------*/
.tooltip {
  position: relative;
  display: inline-block;
  opacity: 0;
  transition: opacity 0.15s linear;
  z-index: 9999;
  padding: 0 !important;
}

.tooltip.show {
  opacity: 1;
}

.tooltip-inner {
  color: var(--color-white);
  background: var(--color-black-opacity);
  padding: 6px 12px;
  border-radius: var(--radius);
  font-size: var(--font-size-b4);
  line-height: 1.4;
  text-align: center;
  max-width: 150px;
  transition: var(--transiton);
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
}
.tooltip-arrow::before {
  display: none;
}

/* Tooltip Positions */
.tooltip.top .tooltip-inner {
  margin-top: 10px;
}

.tooltip.top .tooltip-arrow {
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-color: var(--color-black) transparent transparent transparent; /* Arrow color */
  display: none;
}

.tooltip.right .tooltip-inner {
  margin-left: 10px;
}

.tooltip.right .tooltip-arrow {
  left: 100%;
  top: 50%;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent var(--color-black); /* Arrow color */
}

.tooltip.bottom .tooltip-inner {
  margin-top: 10px;
}

.tooltip.bottom .tooltip-arrow {
  top: 100%; /* Position the arrow below */
  left: 50%;
  margin-left: -5px; /* Center the arrow */
  border-width: 0 5px 5px;
  border-color: transparent transparent var(--color-black) transparent; /* Arrow color */
}

.tooltip.left .tooltip-inner {
  margin-right: 10px;
}

.tooltip.left .tooltip-arrow {
  right: 100%; /* Position the arrow to the left */
  top: 50%;
  margin-top: -5px; /* Center the arrow */
  border-width: 5px 5px 5px 0;
  border-color: transparent var(--color-black) transparent transparent; /* Arrow color */
}

/* Color Variations */
.tooltip[data-tooltip-type=primary] .tooltip-inner {
  background-color: var(--color-primary);
}

.tooltip[data-tooltip-type=secondary] .tooltip-inner {
  background-color: var(--color-secondary);
}

.tooltip[data-tooltip-type=black] .tooltip-inner {
  background-color: var(--color-black);
}

.tooltip[data-tooltip-type=success] .tooltip-inner {
  background-color: #27ae60;
}

.tooltip[data-tooltip-type=warning] .tooltip-inner {
  background-color: #f39c12;
}

.tooltip[data-tooltip-type=danger] .tooltip-inner {
  background-color: #c0392b;
}

.tooltip-distance-lg .tooltip-inner {
  padding: 8px 16px;
  font-size: 14px;
  line-height: 1.4;
}
.tooltip-distance-lg.bs-tooltip-top .tooltip-inner {
  margin-bottom: 12px;
}
.tooltip-distance-lg.bs-tooltip-bottom .tooltip-inner {
  margin-top: 12px;
}

.popover {
  border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-10);
  padding: 4px 0;
}
.popover.bs-popover-start > .popover-arrow::before {
  border-left-color: var(--color-gray-200);
}
.popover.bs-popover-top > .popover-arrow::before {
  border-top-color: var(--color-gray-200);
}
.popover.bs-popover-end > .popover-arrow::before {
  border-right-color: var(--color-gray-200);
}
.popover.bs-popover-bottom > .popover-arrow::before {
  border-bottom-color: var(--color-gray-200);
}
.popover .popover-header {
  font-size: var(--font-size-b1);
  border: none;
  background: none;
  font-weight: var(--f-medium);
  padding-bottom: 4px;
}
.popover .popover-body {
  font-size: var(--font-size-b2);
  color: var(--color-body);
  padding: 4px 12px 8px;
}

/*-------------------------
    Alert Area  
--------------------------*/
.rbt-toaster {
  background: var(--color-green);
  color: var(--color-white);
  padding: 4px 16px;
  border-radius: var(--radius);
  pointer-events: none;
  position: fixed;
  left: 20px;
  bottom: 20px;
  transform: translateY(100px);
  z-index: 99999;
  transition: transform ease 0.4s;
}

.rbt-toaster.is-visible {
  transform: translateY(0);
}

.rbt-toaster-style-2 {
  padding: 16px;
  max-width: 236px;
  background: var(--color-primary);
  border-radius: var(--radius-10);
  position: fixed;
  bottom: 16px;
  left: 16px;
  transform: translateY(100%) scale(0.5);
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  transition: var(--transition);
}
.rbt-toaster-style-2.isVisible {
  transform: translateY(0) scale(1);
  opacity: 1;
  visibility: visible;
}
.rbt-toaster-style-2 .rbt-close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  background: var(--color-brand-100);
  border: none;
  border-radius: var(--radius-full);
  font-size: var(--font-size-b3);
  position: absolute;
  right: -12px;
  top: -12px;
  transition: var(--transition-2);
}
.rbt-toaster-style-2 .rbt-close-btn i {
  transition: var(--transition-2);
}
.rbt-toaster-style-2 .rbt-close-btn:hover {
  transform: scale(0.9);
}
.rbt-toaster-style-2 .rbt-close-btn:hover i {
  transform: scale(1.1);
  color: var(--color-primary);
}

.rbt-cookies {
  max-width: fit-content;
  border-radius: var(--radius-60);
  border: 2px solid var(--color-extra-four);
  background: var(--color-white);
  padding: 16px 24px;
  box-shadow: var(--shadow-6);
  display: flex;
  gap: 8px;
  align-items: center;
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%) translateY(150%) scale(0.85);
  opacity: 0;
  visibility: hidden;
  z-index: 99;
  transition: all 0.4s ease-in-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-cookies {
    bottom: 72px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-cookies {
    flex-direction: column;
    border-radius: var(--radius-12);
    padding: 12px;
    bottom: 72px;
  }
}
.rbt-cookies.position-bottom-left {
  left: 24px;
  bottom: 24px;
  transform: translateX(-20%) scale(0.8);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-cookies.position-bottom-left {
    left: 16px;
    bottom: 72px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-cookies.position-bottom-left {
    bottom: 80px;
  }
}
.rbt-cookies.position-bottom-left.isVisible {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.rbt-cookies.position-bottom-right {
  right: 24px;
  bottom: 24px;
  transform: translateX(100%) scale(0.8);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-cookies.position-bottom-right {
    left: 16px;
    bottom: 72px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-cookies.position-bottom-right {
    bottom: 80px;
  }
}
.rbt-cookies.position-bottom-right.isVisible {
  transform: translateX(50%) scale(1);
  opacity: 1;
  visibility: visible;
}
.rbt-cookies.isVisible {
  transform: translateX(-50%) translateY(0) scale(1);
  opacity: 1;
  visibility: visible;
}
.rbt-cookies .rbt-icon {
  height: 48px;
  min-width: 48px;
}
.rbt-cookies .rbt-content {
  display: flex;
  gap: 16px;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .rbt-cookies .rbt-content {
    flex-direction: column;
  }
}
.rbt-cookies .rbt-content .rbt-cookie-info {
  width: 267px;
}
@media only screen and (max-width: 767px) {
  .rbt-cookies .rbt-content .rbt-cookie-info {
    text-align: center;
  }
}
.rbt-cookies .rbt-content .rbt-btn-link {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
}
@media only screen and (max-width: 767px) {
  .rbt-cookies .rbt-content .rbt-btn-group {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-cookies .rbt-content .rbt-btn-group .rbt-btn {
    flex-basis: 48%;
  }
}
.rbt-cookies .rbt-close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  border: none;
  border-radius: var(--radius-full);
  background: transparent;
  font-size: var(--font-size-b3);
  position: absolute;
  right: 6px;
  top: 0;
  transition: var(--transition);
}
@media only screen and (max-width: 767px) {
  .rbt-cookies .rbt-close-btn {
    top: 6px;
  }
}
.rbt-cookies .rbt-close-btn::after {
  background: var(--color-gray-light);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: var(--transition);
  transform: scale(1);
  border-radius: var(--radius-full);
  z-index: -1;
  box-shadow: var(--shadow-8);
}
.rbt-cookies .rbt-close-btn:hover {
  color: var(--color-heading);
}
.rbt-cookies .rbt-close-btn:hover::after {
  opacity: 1;
  transform: scale(1.2);
}

/*--------------------------
    Single Product Styles
---------------------------*/
.rbt-single-product-area .rbt-card-subtitle {
  display: flex;
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  color: var(--color-primary);
  font-weight: var(--f-medium);
}
.rbt-single-product-area .rbt-card-title {
  margin-top: 8px;
  margin-bottom: 0;
  font-weight: 700;
}
.rbt-single-product-area .rbt-card-rating {
  gap: 8px;
}
@media only screen and (max-width: 479px) {
  .rbt-single-product-area .rbt-card-rating {
    gap: 4px;
  }
}
.rbt-single-product-area .rbt-card-rating .rbt-text-group {
  font-size: var(--font-size-b3);
  height: 24px;
  line-height: 24px;
}
.rbt-single-product-area .rbt-card-rating .icon {
  color: var(--color-heading);
}
@media only screen and (max-width: 479px) {
  .rbt-single-product-area .rbt-card-rating .icon {
    font-size: var(--font-size-b3);
    line-height: 1;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-single-product-area .rbt-qty-area {
    padding: 10px 12px;
  }
}
.rbt-single-product-area .payment-img-link li img {
  max-height: 28px;
}
.rbt-single-product-area .description-text {
  margin-top: 16px;
  color: var(--color-gray-500);
  margin-bottom: 0;
}
@media only screen and (max-width: 479px) {
  .rbt-single-product-area .description-text {
    margin-top: 8px;
  }
}
.rbt-single-product-area .rbt-category {
  margin-bottom: 15px;
}
.rbt-single-product-area .rbt-card-rating {
  display: flex;
  align-items: center;
  margin-top: 8px;
  gap: 8px;
}
.rbt-single-product-area .rbt-card-rating .rating-digit {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  color: var(--color-gray-700);
  font-weight: var(--f-medium);
  margin-bottom: 0;
}
.rbt-single-product-area .pricing-part {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: var(--color-black);
}
@media only screen and (max-width: 767px) {
  .rbt-single-product-area .pricing-part {
    font-size: 16px;
    margin-top: 8px;
    gap: 4px;
  }
}
.rbt-single-product-area .pricing-part del {
  font-weight: var(--f-medium);
  color: var(--color-gray-400);
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
}
@media only screen and (max-width: 767px) {
  .rbt-single-product-area .pricing-part del {
    font-size: 14px;
  }
}
.rbt-single-product-area .rbt-info-wrapper {
  display: flex;
  align-items: center;
  margin-top: 16px;
  gap: 8px 0;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .rbt-single-product-area .rbt-info-wrapper {
    margin-top: 8px;
  }
}
.rbt-single-product-area .rbt-product-card .rbt-card-body .right-part {
  align-items: start;
}
.rbt-single-product-area .prd-info-section {
  display: flex;
  gap: 8px;
  align-items: center;
}
.rbt-single-product-area .prd-info-section.has-left-separator {
  padding-left: 16px;
  position: relative;
  margin-left: 16px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-single-product-area .prd-info-section.has-left-separator {
    margin-left: 8px;
    padding-left: 0;
  }
}
.rbt-single-product-area .prd-info-section.has-left-separator::before {
  content: "";
  display: block;
  height: 18px;
  width: 2px;
  background: var(--color-gray-200);
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-single-product-area .prd-info-section.has-left-separator::before {
    display: none;
  }
}
.rbt-single-product-area .rbt-quick-access-banner-action-btn .rbt-btn {
  z-index: unset;
}
.rbt-single-product-area .prd-id-text {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media only screen and (max-width: 767px) {
  .rbt-single-product-area .prd-id-text {
    flex-wrap: wrap;
    gap: 4px;
  }
}
.rbt-single-product-area .prd-id-text img {
  max-height: 24px;
}
.rbt-single-product-area .prd-id-text p {
  font-size: var(--font-size-b2);
  margin: 0;
  color: var(--color-gray-500);
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .rbt-single-product-area .prd-id-text p {
    font-size: var(--font-size-b4);
  }
}
.rbt-single-product-area .prd-id-text p.text-bold {
  font-weight: 600;
  color: var(--color-heading);
}
.rbt-single-product-area .product-styles-grp {
  display: flex;
  gap: 8px 16px;
  margin-top: 16px;
  align-items: baseline;
}
.rbt-single-product-area .product-styles-grp .content {
  display: flex;
  gap: 6px;
}
.rbt-single-product-area .product-styles-grp .content .rbt-btn {
  padding: 0 16px;
  color: var(--color-primary);
}
.rbt-single-product-area .product-styles-grp .content .rbt-btn:hover, .rbt-single-product-area .product-styles-grp .content .rbt-btn:focus, .rbt-single-product-area .product-styles-grp .content .rbt-btn.active {
  color: var(--color-white);
}
.rbt-single-product-area .product-styles-grp .title {
  margin: 0;
  white-space: nowrap;
  font-weight: 600;
  color: var(--color-heading);
}
.rbt-single-product-area .rbt-card-text {
  color: var(--color-body);
  margin-bottom: 20px;
}
@media only screen and (max-width: 1199px) {
  .rbt-single-product-area .rbt-card-text {
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-single-product-area .rbt-card-text {
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media only screen and (max-width: 1199px) {
  .rbt-single-product-area .rbt-author-meta {
    margin-bottom: 10px !important;
  }
}
.rbt-single-product-area .rbt-review {
  margin-bottom: 12px;
}
.rbt-single-product-area .rbt-card-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.rbt-single-product-area .rbt-card-bottom .rbt-btn-link {
  font-size: 14px;
}
.rbt-single-product-area .rbt-product-switch-area {
  display: flex;
  align-items: center;
  gap: 12px;
}
.rbt-single-product-area .rbt-product-switch-area .rbt-switcher-product-list {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 8px;
  flex-wrap: wrap;
}
.rbt-single-product-area .rbt-product-switch-area .rbt-switcher-product-list li {
  margin: 0;
}
.rbt-single-product-area .rbt-product-switch-area .rbt-switcher-product-list li .rbt-switcher--prd {
  display: block;
  position: relative;
  height: auto;
  width: 64px;
  border-radius: 6px;
}
.rbt-single-product-area .rbt-product-switch-area .rbt-switcher-product-list li .rbt-switcher--prd > img {
  min-width: 100%;
  border-radius: 6px;
  border: 2px solid transparent;
}
.rbt-single-product-area .rbt-product-switch-area .rbt-switcher-product-list li.active .rbt-switcher--prd > img {
  border-color: var(--color-primary);
}
.rbt-single-product-area .rbt-product-switch-area .title {
  margin: 0;
  white-space: nowrap;
  font-weight: 600;
  color: var(--color-heading);
  display: block;
}
.rbt-single-product-area .rbt-product-switch-area .prd-link-text {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
}
.rbt-single-product-area .rbt-qty-area input {
  border: 0 !important;
}
.rbt-single-product-area .product-btn-grp {
  margin-top: 16px;
  display: flex;
  gap: 16px;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-single-product-area .product-btn-grp {
    gap: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-single-product-area .product-btn-grp {
    margin-top: 12px;
  }
}
.rbt-single-product-area .product-btn-grp .rbt-btn {
  flex-grow: 1;
}
.rbt-single-product-area .rbt-prd-qty-area {
  display: flex;
  gap: 12px;
}
.rbt-single-product-area .rbt-prd-qty-area p {
  margin-bottom: 0;
  color: var(--color-gray-500);
  white-space: nowrap;
}
.rbt-single-product-area .rbt-prd-qty-area p strong {
  color: var(--color-black);
  font-weight: 600;
}
.rbt-single-product-area .rbt-prd-qty-area .progress {
  margin-top: 8px;
  border-radius: 50px;
  background: #E5FAE5;
  height: 8px;
  width: 100%;
}
.rbt-single-product-area .rbt-prd-qty-area .progress .progress-bar {
  background: #24BD25;
  border-radius: 5px;
}
.rbt-single-product-area .prd-btn-grp {
  margin-top: 12px;
}
.rbt-single-product-area .rbt-quick-link-grp {
  display: flex;
  gap: 16px;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: 16px;
  padding: 0 16px;
}
@media only screen and (max-width: 767px) {
  .rbt-single-product-area .rbt-quick-link-grp {
    padding: 0;
    gap: 8px;
    margin-top: 12px;
    justify-content: space-between;
  }
}
.rbt-single-product-area .rbt-quick-link {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: var(--f-medium);
  white-space: nowrap;
  padding: 0;
  border: 0;
  outline: unset;
  cursor: pointer;
  padding: 0;
  border: 0;
  background: transparent;
}
@media only screen and (max-width: 767px) {
  .rbt-single-product-area .rbt-quick-link {
    font-size: var(--font-size-b4);
  }
}
.rbt-single-product-area .rbt-quick-link i {
  margin-right: 4px;
}
.rbt-single-product-area .rbt-quick-link:hover {
  transform: translateY(-2px);
}
.rbt-single-product-area .rbt-info-box {
  padding: 24px;
  border-radius: var(--radius-12);
}
.rbt-single-product-area .rbt-info-box .rbt-info-title {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  font-weight: 600;
  color: var(--color-heading);
  margin-bottom: 16px;
}
.rbt-single-product-area .rbt-info-box .rbt-single-element {
  gap: 12px 32px;
}
@media only screen and (max-width: 767px) {
  .rbt-single-product-area .rbt-info-box .rbt-single-element {
    gap: 12px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-single-product-area .rbt-info-box .rbt-single-element {
    flex-wrap: wrap;
  }
}
.rbt-single-product-area .product-details-list {
  margin: 0;
  padding: 0;
  padding-left: 26px;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.rbt-single-product-area .product-details-list li {
  margin: 0;
  position: relative;
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  color: var(--color-gray-500);
}
.rbt-single-product-area .product-details-list li .rbt-bold--text {
  color: var(--color-heading);
}
.rbt-single-product-area .product-details-list li .text {
  color: var(--color-gray-500);
}
.rbt-single-product-area .product-details-list.shipment-details-list {
  margin-top: 12px;
  padding: 0;
}
.rbt-single-product-area .product-details-list.shipment-details-list li {
  display: flex;
}
.rbt-single-product-area .product-details-list.shipment-details-list li::before {
  display: none;
}
.rbt-single-product-area .product-details-list.shipment-details-list li .icon {
  margin-right: 8px;
}
@media only screen and (max-width: 767px) {
  .rbt-single-product-area .bootstrap-select {
    width: max-content !important;
  }
}

.rbt-product-single-img {
  background: var(--color-gray-100);
}

.rbt-single-product-media-area.sticky-top {
  position: sticky;
  top: 150px;
}

.rbt-file-upload-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.rbt-file-upload-container .file-upload-area {
  width: 100%;
  text-align: center;
  transition: border-color 0.3s;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 2px dashed var(--color-gray-200);
  border-radius: 8px;
  text-align: center;
  transition: border-color 0.3s;
  padding: 32px;
  position: relative;
  background: var(--color-gray-light);
}
@media only screen and (max-width: 767px) {
  .rbt-file-upload-container .file-upload-area {
    padding: 32px;
  }
  .rbt-file-upload-container .file-upload-area .file-upload-content {
    flex-wrap: wrap;
  }
}
.rbt-file-upload-container .file-upload-area.dragging {
  border-color: var(--color-primary);
}
.rbt-file-upload-container .file-upload-content {
  display: flex;
  align-items: center;
  gap: 8px;
}
.rbt-file-upload-container .rbt-title,
.rbt-file-upload-container .rbt-icon {
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  font-weight: 500;
  color: var(--color-heading);
  margin-bottom: 0;
}
.rbt-file-upload-container .upload-icon {
  width: 50px;
  margin-bottom: 10px;
}
.rbt-file-upload-container .fileCount {
  color: var(--color-gray-400);
  position: absolute;
  bottom: 12px;
  right: 12px;
  margin-bottom: 0;
}
.rbt-file-upload-container .file-list {
  width: 100%;
  z-index: 1;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  max-height: 45vh;
  padding-right: 16px;
  margin-right: -16px;
}
.rbt-file-upload-container .file-list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: var(--color-gray-200);
  border-radius: 40px;
  height: 337px;
}
.rbt-file-upload-container .file-list::-webkit-scrollbar {
  width: 4px;
  height: 337px;
  background-color: var(--color-gray-200);
}
.rbt-file-upload-container .file-list::-webkit-scrollbar-thumb {
  border-radius: 40px;
  background-color: var(--color-gray-400);
}
.rbt-file-upload-container .file-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  padding: 10px;
  margin-top: 16px;
}
.rbt-file-upload-container .file-name {
  flex: 1;
}
.rbt-file-upload-container .cancel-button {
  background-color: var(--color-gray-200);
  color: var(--color-heading);
  border: none;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
  transition: var(--transition);
}
.rbt-file-upload-container .cancel-button:hover {
  background-color: var(--color-danger);
  color: var(--color-white);
}

.rbt-single-product-media-area.position-sticky-top {
  position: sticky;
  top: 150px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-single-product-media-area {
    justify-content: center;
    gap: 16px !important;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-single-product-media-area {
    flex-wrap: nowrap;
  }
}
.rbt-single-product-media-area .rbt-thumb-slide-part .swiper-slide button .rbt-thumb-img-sm img {
  border: 2px solid transparent;
  transition: var(--transition);
  max-height: 120px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-single-product-media-area .rbt-thumb-slide-part .swiper-slide button .rbt-thumb-img-sm img {
    max-height: unset;
  }
}
.rbt-single-product-media-area .rbt-thumb-slide-part .swiper-slide-thumb-active.swiper-slide button .rbt-thumb-img-sm img {
  border-color: var(--color-primary);
}

.rbt-single-product-content > *:first-child {
  margin-top: 0 !important;
}
.rbt-single-product-content.rbt-single-product-content-sticky-one {
  position: sticky;
  top: 150px;
}
.rbt-single-product-content.rbt-content-top-sticky-on-img {
  position: sticky;
  top: 150px;
  margin-top: -240px;
  padding: 32px;
  z-index: 2;
  border-radius: 16px;
  border: 2px solid var(--color-gray-200);
  background: var(--gradient-white-b);
  backdrop-filter: blur(50px);
  width: 488px;
  margin-left: 48px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-single-product-content.rbt-content-top-sticky-on-img {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-single-product-content.rbt-content-top-sticky-on-img {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .rbt-single-product-content.rbt-content-top-sticky-on-img {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
  }
}
.rbt-single-product-content.rbt-content-top-sticky-on-img.rbt-content-top-sticky-on-img-vr {
  margin-left: 0;
  margin-right: -160px;
  width: 960px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-single-product-content.rbt-content-top-sticky-on-img.rbt-content-top-sticky-on-img-vr {
    margin-right: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .rbt-single-product-content.rbt-content-top-sticky-on-img.rbt-content-top-sticky-on-img-vr {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
}

.rbt-thumb-slide-part.rbt-sticky-top-150 {
  height: 100%;
}

/*---------------------------
    Rbt Countdown Banner Styles 
------------------------------*/
.rbt-countdown-banner {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .rbt-countdown-banner {
    flex-wrap: wrap;
  }
}
.rbt-countdown-banner .rbt-title {
  white-space: nowrap;
  font-weight: var(--f-semi-bold);
  color: var(--color-heading);
}
.rbt-countdown-banner .rbt-desc {
  color: var(--color-gray-700);
}
.rbt-countdown-banner.rbt-countdown-banner-sm {
  padding: 16px;
  border-radius: 8px;
  border: 1px dashed var(--color-primary);
}
@media only screen and (max-width: 767px) {
  .rbt-countdown-banner.rbt-countdown-banner-sm {
    justify-content: center;
  }
}
.rbt-countdown-banner.rbt-countdown-banner-sm {
  padding: 16px;
  border-radius: 8px;
  border: 1px dashed var(--color-primary);
}
.rbt-countdown-banner.rbt-countdown-banner-has-bg-01 {
  background-image: url("../images/countdown/countdown-banner-sm-01.webp");
  background-color: var(--color-brand-300);
}

.rbt-coupon {
  min-width: 70%;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.rbt-coupon .inner {
  border: 2px dashed var(--color-primary);
  padding: 16px;
  background: var(--color-brand-300);
  display: flex;
  border-radius: 8px;
}
@media only screen and (max-width: 767px) {
  .rbt-coupon .inner {
    padding: 8px;
  }
}
@media only screen and (max-width: 1199px) {
  .rbt-coupon {
    min-width: 100%;
  }
}
.rbt-coupon .left-part {
  flex-basis: 12%;
  border-right: 2px dashed var(--color-primary);
  text-align: center;
  display: flex;
  align-items: center;
  margin-right: 16px;
  position: relative;
}
.rbt-coupon .left-part::before, .rbt-coupon .left-part::after {
  content: "";
  position: absolute;
  height: 32px;
  width: 32px;
  background: var(--color-brand-50);
  border-radius: 50%;
  left: 100%;
  transform: translate(-50%);
  top: 100%;
  border: 2px dashed var(--color-primary);
  z-index: 4;
}
.rbt-coupon .left-part::after {
  bottom: 100%;
  top: unset;
}
.rbt-coupon .rbt-coupon-code-text {
  color: var(--color-primary);
  text-align: center;
  font-size: var(--font-size-b2);
  font-weight: 500;
  line-height: var(--line-height-b2);
  transform: rotate(180deg);
  white-space: nowrap;
  writing-mode: vertical-lr;
  padding: 0;
  height: auto;
  border: 0;
  width: auto;
  max-height: 100px;
}
.rbt-coupon .coupon-details .rbt-coupon-info-title,
.rbt-coupon .coupon-details .rbt-coupon-info-sub-title {
  font-weight: 600;
  margin-bottom: 0;
  color: var(--color-heading);
}
.rbt-coupon .coupon-details .rbt-coupon-info-list {
  margin: 0;
  margin: -4px 0;
}
.rbt-coupon .coupon-details .rbt-coupon-info-list li {
  margin: 4px 0;
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
}
@media only screen and (max-width: 479px) {
  .rbt-coupon .coupon-details .rbt-coupon-info-list li {
    font-size: var(--font-size-b4);
  }
}
.rbt-coupon .copy-icon {
  display: flex;
  width: 36px;
  height: 36px;
  justify-content: center;
  align-items: center;
  font-size: var(--font-size-b3);
  position: absolute;
  right: 16px;
  top: 16px;
}
.rbt-coupon .copy-icon::after {
  content: attr(data-tooltip);
  width: 80px;
  height: 30px;
  top: 124%;
  right: 0;
  border-radius: var(--radius-60);
  font-size: var(--font-size-b3);
  line-height: 30px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  background-color: var(--color-primary);
  color: var(--color-gray-200);
  transform: translateY(-10px) translateX(-50%);
  text-align: center;
  transition: var(--transition);
}
.rbt-coupon .copy-icon::before {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  margin-bottom: -47px;
  border-bottom: 8px solid var(--color-primary);
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  opacity: 0;
  transform: translateY(-10px);
  transition: var(--transition);
}
.rbt-coupon .copy-icon:hover::after {
  opacity: 1;
  transform: translateY(0) translateX(-50%);
}
.rbt-coupon .copy-icon:hover::before {
  opacity: 1;
  transform: unset;
}
.rbt-coupon.rbt-coupon-expired .inner {
  border-color: var(--color-gray-300);
  background: var(--color-brand-50);
  justify-content: space-between;
}
.rbt-coupon.rbt-coupon-expired .left-part {
  border-color: var(--color-gray-300);
}
.rbt-coupon.rbt-coupon-expired .left-part::after, .rbt-coupon.rbt-coupon-expired .left-part::before {
  border-color: var(--color-gray-300);
}
.rbt-coupon.rbt-coupon-expired .rbt-coupon-code-text {
  color: var(--color-gray-400);
}
.rbt-coupon.rbt-coupon-expired .coupon-details .rbt-coupon-info-title,
.rbt-coupon.rbt-coupon-expired .coupon-details .rbt-coupon-info-sub-title {
  color: var(--color-gray-400);
}
.rbt-coupon.rbt-coupon-expired .coupon-details .rbt-coupon-info-list li {
  color: var(--color-gray-400);
}
.rbt-coupon.rbt-coupon-expired .coupon-details .rbt-coupon-info-list li::marker {
  color: var(--color-gray-400);
}
.rbt-coupon.rbt-coupon-expired .rbt-btn {
  cursor: not-allowed;
  position: absolute;
  right: 16px;
  top: 16px;
}
.rbt-coupon.rbt-coupon-bg-white .left-part::after, .rbt-coupon.rbt-coupon-bg-white .left-part::before {
  background: var(--color-white);
}
.rbt-coupon.rbt-coupon-lg .rbt-coupon-code-text {
  max-height: 160px;
  width: 100%;
  font-size: 20px;
  line-height: 20px;
}

/*---------------------------
    Rbt Combo Box Styles 
------------------------------*/
.rbt-combo-prd-box {
  padding: 32px;
  border-radius: 18px;
  border: 2px solid var(--color-gray-200);
}
@media only screen and (max-width: 479px) {
  .rbt-combo-prd-box {
    padding: 16px;
  }
}
.rbt-combo-prd-box .rbt-combo-title-section {
  color: var(--color-heading);
  font-weight: var(--f-semi-bold);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media only screen and (max-width: 479px) {
  .rbt-combo-prd-box .rbt-combo-title-section {
    gap: 8px;
  }
}
.rbt-combo-prd-box .rbt-combo-title-section i {
  font-size: 32px;
}
@media only screen and (max-width: 479px) {
  .rbt-combo-prd-box .rbt-combo-title-section i {
    font-size: 18px;
  }
}
.rbt-combo-prd-box .rbt-title {
  font-weight: 700;
}
.rbt-combo-prd-box .rbt-prd-pricing-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.rbt-combo-prd-box .rbt-pricing-box-top {
  padding: 28px;
  background: var(--color-gray-light);
  border-radius: 16px;
  display: flex;
  gap: 12px 32px;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .rbt-combo-prd-box .rbt-pricing-box-top {
    padding: 12px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-combo-prd-box .rbt-pricing-box-top {
    padding: 8px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.rbt-combo-prd-box .rbt-prd-img-area {
  display: flex;
  align-items: center;
  gap: 32px;
  overflow-x: auto;
}
.rbt-combo-prd-box .rbt-prd-img-area::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: var(--color-gray-200);
  border-radius: 40px;
  width: 337px;
}
.rbt-combo-prd-box .rbt-prd-img-area::-webkit-scrollbar {
  height: 6px;
  width: 337px;
  background-color: var(--color-gray-200);
  cursor: pointer;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .rbt-combo-prd-box .rbt-prd-img-area::-webkit-scrollbar {
    height: 4px;
  }
}
.rbt-combo-prd-box .rbt-prd-img-area::-webkit-scrollbar-thumb {
  border-radius: 40px;
  background-color: var(--color-gray-400);
}
.rbt-combo-prd-box .rbt-prd-img-area.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 767px) {
  .rbt-combo-prd-box .rbt-prd-img-area {
    gap: 8px;
    padding-bottom: 8px;
  }
}
.rbt-combo-prd-box .rbt-prd-img-area .single-product-img-box {
  background: var(--color-white);
  border-radius: 8px;
  border: 2px solid var(--color-gray-200);
  padding: 4px;
  position: relative;
  min-width: 150px;
}
.rbt-combo-prd-box .rbt-prd-img-area .single-product-img-box:first-child .icon {
  display: none;
}
.rbt-combo-prd-box .rbt-prd-img-area .single-product-img-box .rbt-img {
  background: var(--color-brand-100);
  border-radius: var(--radius);
}
.rbt-combo-prd-box .rbt-prd-img-area .single-product-img-box .icon {
  position: absolute;
  left: -25px;
  color: var(--color-heading);
  font-weight: var(--f-bold);
  top: 50%;
  transform: translateY(-50%);
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .rbt-combo-prd-box .rbt-prd-img-area .single-product-img-box .icon {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-combo-prd-box .rbt-pricing-area {
    flex-wrap: wrap;
  }
}
.rbt-combo-prd-box .rbt-pricing-area h6 {
  font-weight: 400;
}
.rbt-combo-prd-box .rbt-pricing-area .rbt-button-group .rbt-btn {
  margin: 0;
}
.rbt-combo-prd-box .rbt-combo-prd-list .rbt-single-prd {
  display: flex;
  gap: 8px 16px;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .rbt-combo-prd-box .rbt-combo-prd-list .rbt-single-prd {
    flex-wrap: wrap;
    margin: 32px 0;
  }
}
.rbt-combo-prd-box .rbt-combo-prd-list .rbt-single-prd .input-part input[type=checkbox] ~ label {
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  color: var(--color-heading);
}
.rbt-combo-prd-box .rbt-combo-prd-list .rbt-single-prd .pricing-part .price-text {
  color: var(--color-primary);
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  font-weight: var(--f-semi-bold);
}
.rbt-combo-prd-box .rbt-combo-prd-list .rbt-single-prd .pricing-part del.price-text {
  color: var(--color-gray-400);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
}

.rbt-block-title {
  color: var(--color-heading);
  font-weight: var(--f-bold);
}

.rbt-block-desc {
  color: var(--color-gray-500);
}

.rbt-block-banner-img img {
  border-radius: 12px;
}

.rbt-block-banner-video video {
  width: 100%;
  max-width: 100%;
  border-radius: 12px;
}

/*---------------------------
    Rbt Single Specification Styles 
------------------------------*/
.rbt-single-specification {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 2px solid var(--color-gray-100);
}
.rbt-single-specification:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.rbt-single-specification .title {
  font-weight: 600;
  color: var(--color-heading);
}

ul.rbt-specification-list {
  margin: -12px 0;
}
ul.rbt-specification-list li {
  margin: 12px 0;
  color: var(--color-heading);
}

.rbt-specification-content,
.rbt-specification-list {
  flex-basis: 70%;
}
.rbt-specification-content .desc,
.rbt-specification-list .desc {
  color: var(--color-heading);
}

/*---------------------------
    Rbt Single Review Styles 
------------------------------*/
.rbt-avr-review {
  display: flex;
  gap: 16px;
  align-items: center;
}
.rbt-avr-review .rbt-abr-review-number-text {
  font-weight: var(--f-bold);
  color: var(--color-heading);
  font-size: var(--h1);
  line-height: 1.3;
}
.rbt-avr-review .rbt-rating-icon-list li i {
  font-size: var(--h4);
  line-height: 1;
}

.rbt-rating-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.rbt-rating-item .icon {
  color: var(--color-yellow);
}
.rbt-rating-item .progress {
  height: 8px;
}
.rbt-rating-item .progress .progress-bar {
  background: var(--color-yellow);
}
.rbt-rating-item .number-text {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  color: var(--color-heading);
  font-weight: var(--f-medium);
}

.rbt-rating-breakdown {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.rbt-contact-input-field-grp {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.rbt-review-inp-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 8px 0;
  overflow: auto;
  -ms-overflow-style: none;
}
.rbt-review-inp-list::-webkit-scrollbar {
  width: 0 !important;
  display: none;
}
.rbt-review-inp-list > li {
  margin: 0;
}
.rbt-review-inp-list > li + li {
  margin-left: 16px;
  padding-left: 16px;
  border-left: 2px solid var(--color-border);
}
@media only screen and (max-width: 767px) {
  .rbt-review-inp-list > li + li {
    margin-left: 8px;
    padding-left: 8px;
  }
}
.rbt-review-inp-list > li label {
  padding-left: 0;
}
.rbt-review-inp-list > li label::before, .rbt-review-inp-list > li label::after {
  display: none;
}
.rbt-review-inp-list > li label .rbt-rated-icon {
  color: var(--color-gray-300);
}
.rbt-review-inp-list > li input:checked ~ label .rbt-rated-icon {
  color: var(--color-yellow);
}

.rbt-prd-single-faq-section .rbt-section-title-area {
  padding: 24px;
  border-radius: var(--radius-md);
  margin-bottom: 24px;
}

.rbt-combo-prd-content-section .rbt-button-group {
  display: flex;
  margin: 0;
  gap: 16px;
}

.rbt-color-select-area {
  display: flex;
  align-items: center;
  gap: 12px 6px;
  margin-bottom: 0;
}
@media only screen and (max-width: 479px) {
  .rbt-color-select-area {
    flex-wrap: wrap;
  }
}
.rbt-color-select-area .rbt-switcher-color-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 8px;
}
@media only screen and (max-width: 479px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-color-select-area .rbt-switcher-color-list {
    gap: 4px;
  }
}
.rbt-color-select-area .rbt-switcher-color-list li {
  margin: 0;
}
.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color {
  display: block;
  transition: var(--transition);
  border-radius: var(--radius-full);
  position: relative;
  height: 24px;
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color {
    height: 20px;
    width: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color {
    height: 12px;
    width: 12px;
  }
}
.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color::after {
  content: "";
  height: 100%;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-full);
  transition: all 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
@media only screen and (max-width: 479px) {
  .rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color::after {
    height: 12px;
    width: 12px;
  }
}
.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color .rbt-color-circle {
  height: calc(100% - 8px);
  width: calc(100% - 8px);
  border-radius: var(--radius-full);
  display: block;
  transition: transform 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
@media only screen and (max-width: 479px) {
  .rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color .rbt-color-circle {
    height: 8px;
    width: 8px;
  }
}
.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color.rbt-switcher--color-one .rbt-color-circle {
  background: #2B2B2B;
}
.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color.rbt-switcher--color-two .rbt-color-circle {
  background: #CAA1A4;
}
.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color.rbt-switcher--color-three .rbt-color-circle {
  background: #9C9B9E;
}
.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color.rbt-switcher--color-four .rbt-color-circle {
  background: #F2EDE7;
}
.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color.rbt-switcher--color-five .rbt-color-circle {
  background: #B4B7C5;
}
.rbt-color-select-area .rbt-switcher-color-list li.active .rbt-switcher--color {
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rbt-color-select-area .rbt-switcher-color-list li.active .rbt-switcher--color::after {
  border: 1px solid var(--color-primary);
}
.rbt-color-select-area .rbt-switcher-color-list li.active .rbt-color-circle {
  transform: scale(0.875);
}
.rbt-color-select-area .rbt-switcher-color-list.rbt-switcher-color-list-lg {
  gap: 16px;
}
@media only screen and (max-width: 767px) {
  .rbt-color-select-area .rbt-switcher-color-list.rbt-switcher-color-list-lg {
    gap: 8px;
  }
}
.rbt-color-select-area .rbt-switcher-color-list.rbt-switcher-color-list-lg li .rbt-switcher--color .rbt-color-circle {
  height: 24px;
  width: 24px;
}
@media only screen and (max-width: 767px) {
  .rbt-color-select-area .rbt-switcher-color-list.rbt-switcher-color-list-lg li .rbt-switcher--color .rbt-color-circle {
    height: 12px;
    width: 12px;
  }
}
.rbt-color-select-area .rbt-switcher-color-list.rbt-switcher-color-list-lg li .rbt-switcher--color::after {
  height: calc(100% + 12px);
  width: calc(100% + 12px);
}
@media only screen and (max-width: 767px) {
  .rbt-color-select-area .rbt-switcher-color-list.rbt-switcher-color-list-lg li .rbt-switcher--color::after {
    height: 16px;
    width: 16px;
  }
}
.rbt-color-select-area .prd-link-text {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
}
@media only screen and (max-width: 479px) {
  .rbt-color-select-area .prd-link-text {
    font-size: 10px;
    line-height: 1;
  }
}

.rbt-360-view-thumbnail {
  background: transparent;
  padding: 20px;
  border: 2px solid var(--color-border);
  display: flex;
  align-items: center;
  border-radius: var(--radius);
  position: relative;
  min-height: 500px;
}

.rbt-image-tooltip-box {
  padding: 4px;
  border-radius: var(--radius);
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  background: var(--color-primary);
  width: 200%;
  height: auto;
  text-align: center;
  transition: var(--transition);
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}
.rbt-image-tooltip-box img {
  object-fit: cover;
  border-radius: 4px;
  background: var(--color-gray-200);
}
.rbt-image-tooltip-box .img-desc-text {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  color: var(--color-white);
}
.rbt-image-tooltip-box::after {
  position: absolute;
  content: "";
  top: 95%;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid var(--color-primary);
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.rbt-image-tooltip-activation:hover .rbt-image-tooltip-box {
  opacity: 1;
  visibility: visible;
}

.video-popup-wrapper.xs-video-wrapper {
  border-radius: 4px;
}
.video-popup-wrapper.xs-video-wrapper img {
  min-height: auto;
}
.video-popup-wrapper.xs-video-wrapper .rbt-btn.rounded-player {
  height: 40px;
  width: 40px;
  line-height: 1;
}
.video-popup-wrapper.xs-video-wrapper .rbt-btn.rounded-player span i {
  font-size: 14px;
}
.video-popup-wrapper.md-video-wrapper {
  border-radius: 12px;
}
.video-popup-wrapper.md-video-wrapper .rbt-btn.rounded-player {
  height: 80px;
  width: 80px;
  line-height: 1;
}
.video-popup-wrapper.md-video-wrapper .rbt-btn.rounded-player span i {
  font-size: 24px;
}

.cloudimage-360 .cloudimage-360-loader {
  display: none;
}

.rbt-remaining-popup {
  background: var(--color-white);
  display: flex;
  align-items: center;
  max-width: 524px;
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%) translateX(90%) scale(0.2);
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  box-shadow: var(--shadow-1);
  border-radius: var(--radius-10);
  overflow: hidden;
  transition: var(--transition);
}
@media only screen and (max-width: 767px) {
  .rbt-remaining-popup {
    max-width: 220px;
    flex-wrap: wrap;
  }
}
.rbt-remaining-popup.isVisible {
  transform: translateY(-50%) translateX(0%) scale(1);
  opacity: 1;
  visibility: visible;
}
.rbt-remaining-popup .rbt-close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  border: none;
  border-radius: var(--radius-full);
  background: var(--color-gray-light);
  font-size: var(--font-size-b3);
  position: absolute;
  top: 16px;
  right: 16px;
  transition: var(--transition-2);
}
.rbt-remaining-popup .rbt-close-btn i {
  transition: var(--transition-2);
}
.rbt-remaining-popup .rbt-close-btn:hover {
  background: var(--color-black);
  transform: scale(0.9);
  color: var(--color-white);
}
.rbt-remaining-popup .rbt-close-btn:hover i {
  transform: scale(1.1);
  color: var(--color-white);
}
.rbt-remaining-popup .rbt-product-img {
  min-width: 212px;
  min-height: 212px;
  width: 212px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-brand-200);
}
@media only screen and (max-width: 767px) {
  .rbt-remaining-popup .rbt-product-img {
    width: 100%;
  }
}
.rbt-remaining-popup .rbt-content {
  padding: 24px 16px;
}

.rbt-notify-box .rbt-input-field {
  border-radius: var(--radius-60);
}

.rbt-alternate-product-box .minicart-item:hover .thumbnail img {
  transform: scale(1.05);
}
.rbt-alternate-product-box .thumbnail {
  width: 130px;
  height: 100px;
  border-radius: var(--radius-10);
  overflow: hidden;
  background: var(--color-white);
}
@media only screen and (max-width: 767px) {
  .rbt-alternate-product-box .thumbnail {
    width: 88px;
    height: 78px;
  }
}
.rbt-alternate-product-box .thumbnail img {
  transition: var(--transition);
}
.rbt-alternate-product-box .rbt-minicart-wrapper .minicart-item {
  min-width: unset;
}
.rbt-alternate-product-box .rbt-minicart-wrapper .thumbnail a img {
  width: unset;
}
.rbt-alternate-product-box .product-content {
  max-width: 260px;
}

.rbt-scroll-vertical-wrapper {
  margin-right: 12px;
}

/* Scrollable Content */
.rbt-scroll-vertical {
  overflow-y: overlay;
  scrollbar-gutter: stable;
  max-height: 100%;
}

/* Default Scrollbar */
.rbt-scroll-vertical::-webkit-scrollbar {
  width: 6px;
  transition: width 0.4s ease;
}
.rbt-scroll-vertical::-webkit-scrollbar-thumb {
  background-color: var(--color-black) !important;
  border-radius: 40px;
}
.rbt-scroll-vertical::-webkit-scrollbar-track {
  border-radius: 40px;
  background-color: var(--color-gray-300) !important;
  padding: 1px;
}
.rbt-scroll-vertical:hover::-webkit-scrollbar {
  width: 6px;
}

.rbt-scroll-vertical.rbt-vertical-height-sm {
  max-height: 216px;
  scrollbar-width: thin;
}

.rbt-vertical-height-sm::-webkit-scrollbar {
  width: 8px;
}

.rbt-vertical-height-sm::-webkit-scrollbar-thumb {
  height: 30px;
  background-color: var(--color-black) !important;
  border-radius: 40px;
}

.rbt-vertical-height-sm::-webkit-scrollbar-track {
  background: transparent;
  height: 30px;
}

.rbt-save-more-box-list {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
}
.rbt-save-more-box-list.rbt-list-row {
  flex-direction: column;
}
.rbt-save-more-box-list.rbt-list-row .rbt-single-box {
  width: 100%;
}
.rbt-save-more-box-list.rbt-list-row .rbt-single-box .rbt-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px 16px 42px;
}
.rbt-save-more-box-list.rbt-list-row .rbt-single-box .rbt-label .pricing-part {
  order: 2;
}
.rbt-save-more-box-list.rbt-list-row .rbt-single-box .rbt-label .rbt-product-quantity {
  font-size: var(--font-size-b1);
  color: var(--color-heading);
}

.rbt-single-box input[type=radio] {
  opacity: 1 !important;
}
.rbt-single-box input[type=radio]:checked + label {
  border-color: var(--color-primary);
  background: var(--color-brand-200);
}
.rbt-single-box input[type=radio]:checked + label::before {
  border-color: var(--color-primary);
}
.rbt-single-box input[type=radio]:checked + label::after {
  opacity: 1;
}
.rbt-single-box .rbt-label {
  border: 2px solid var(--color-gray-200);
  background: var(--color-gray-light);
  border-radius: var(--radius);
  width: 100%;
  padding: 8px 16px 8px 42px;
  cursor: pointer;
  transition: var(--transition);
  position: relative;
}
.rbt-single-box .rbt-label::before {
  content: " ";
  position: absolute;
  left: 16px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border: var(--border-width) solid var(--color-black);
  border-radius: var(--radius-full);
  transition: var(--transition);
}
.rbt-single-box .rbt-label::after {
  content: " ";
  position: absolute;
  left: 22px;
  width: 6px;
  height: 6px;
  background: var(--color-primary);
  border-radius: var(--radius-full);
  opacity: 0;
  transition: var(--transition);
}
.rbt-single-box .rbt-label .rbt-product-quantity {
  font-size: var(--font-size-b3);
  margin: 0;
  color: var(--color-gray-500);
  font-weight: var(--f-medium);
}
.rbt-single-box .rbt-off-amount {
  font-size: var(--font-size-b1);
  font-weight: var(--f-medium);
}

.rbt-enlarge-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  border: none;
  background: none;
  display: flex;
  align-items: center;
  color: var(--color-gray-500);
  padding: 0;
}
.rbt-enlarge-btn .rbt-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  width: 45px;
  background: var(--color-white);
  border-radius: var(--radius);
  font-size: var(--font-size-b1);
  z-index: 1;
}
.rbt-enlarge-btn .rbt-enlarge-text {
  height: 45px;
  line-height: 45px;
  background: var(--color-white);
  border-radius: var(--radius) 0 0 var(--radius);
  padding-left: 12px;
  padding-right: 24px;
  position: absolute;
  right: 50%;
  white-space: nowrap;
  clip: rect(0px, 100vw, 100vh, 30vh);
  transition: opacity 0.4s ease, clip 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-enlarge-btn:hover .rbt-enlarge-text {
  clip: rect(0px, 100vw, 100vh, 0vh);
}
.rbt-enlarge-btn.position-top-left {
  right: unset;
  left: 16px;
}
.rbt-enlarge-btn.position-top-left .rbt-enlarge-text {
  padding-left: 24px;
  padding-right: 12px;
  right: unset;
  left: 50%;
  clip: rect(0px, 0vw, 100vh, 0px);
  border-radius: 0 var(--radius) var(--radius) 0;
}
.rbt-enlarge-btn.position-top-left:hover .rbt-enlarge-text {
  clip: rect(0px, 30vw, 100vh, 0px);
}
.rbt-enlarge-btn.position-bottom-left {
  right: unset;
  top: unset;
  left: 16px;
  bottom: 16px;
}
.rbt-enlarge-btn.position-bottom-left .rbt-enlarge-text {
  padding-left: 24px;
  padding-right: 12px;
  right: unset;
  left: 50%;
  clip: rect(0px, 0vw, 100vh, 0px);
  border-radius: 0 var(--radius) var(--radius) 0;
}
.rbt-enlarge-btn.position-bottom-left:hover .rbt-enlarge-text {
  clip: rect(0px, 30vw, 100vh, 0px);
  transition: all 1s linear;
}
.rbt-enlarge-btn.position-bottom-right {
  top: unset;
  bottom: 16px;
}
.rbt-enlarge-btn.position-bottom-right:hover .rbt-enlarge-text {
  clip: rect(0px, 100vw, 100vh, 0vh);
  transition: all 1s linear;
}

.rbt-video-thumb {
  background: none;
  position: relative;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0;
  border-radius: var(--radius);
  overflow: hidden;
}
.rbt-video-thumb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4392156863);
  z-index: 1;
}
.rbt-video-thumb:hover img {
  transform: scale(1.1);
}
.rbt-video-thumb img {
  transition: var(--transition);
}
.rbt-video-thumb .rbt-icon {
  height: 28px;
  width: 28px;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-white);
  font-size: var(--font-size-b3);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-gray-500);
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .rbt-info-wrapper.mt--28 {
    margin-top: 16px !important;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-info-wrapper.mt--24 {
    margin-top: 16px !important;
  }
}

.rbt-combo-prd-list.liststyle {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.rbt-combo-prd-list.liststyle li {
  margin: 0 !important;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-single-mobile-view-sidebar {
    display: flex;
    gap: 24px;
  }
  .rbt-single-mobile-view-sidebar .rbt-block-banner-img.mt--32 {
    margin-top: 0 !important;
  }
  .rbt-single-mobile-view-sidebar .rbt-block-banner-img img {
    max-height: 1160px;
  }
}

.rbt-video-thumb-wrapper {
  max-width: 100px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-video-thumb-wrapper {
    max-width: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-video-thumb-wrapper {
    max-width: unset;
  }
}

.rbt-single-product-area .content.rbt-scroll-vertical {
  padding-right: 16px;
  max-height: 313px;
}

.rbt-single-product-media-area .thumbnail {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  border: 0;
  padding: 0;
}
.rbt-single-product-media-area .swiper-thumbs .thumbnail {
  border-radius: 4px;
  border: 2px solid var(--color-border);
}
.rbt-single-product-media-area .swiper-slide-thumb-active .thumbnail {
  border-color: var(--color-primary);
}

.rbt-store-variation-controls .rbt-info-wrapper .prd-id-text {
  flex-direction: column;
  align-items: start;
}
.rbt-store-variation-controls .rbt-variation-label {
  display: flex;
  gap: 8px;
}
.rbt-store-variation-controls .rbt-disabled {
  filter: grayscale(1);
  opacity: 0.9;
  pointer-events: none;
}
.rbt-store-variation-controls .rbt-disabled.rbt-switcher--color {
  filter: unset;
  opacity: 1;
}
.rbt-store-variation-controls .dropdown-menu .disabled {
  background: var(--color-gray-200) !important;
}
.rbt-store-variation-controls.rbt-store-variation-controls-verticle .prd-info-section {
  width: 100%;
}
.rbt-store-variation-controls.rbt-store-variation-controls-verticle .prd-id-text {
  width: 100%;
  justify-content: space-between;
  flex-direction: row;
}

/*-----------------------
    Modals Styles  
------------------------*/
body.modal-open .rbt-header .rbt-header-wrapper.rbt-sticky,
body.modal-open .rbt-header-common-sticky-activation, body.hide-scrollbar .rbt-header .rbt-header-wrapper.rbt-sticky,
body.hide-scrollbar .rbt-header-common-sticky-activation {
  padding-right: 17px !important;
}
@media only screen and (max-width: 1199px) {
  body.modal-open .rbt-header .rbt-header-wrapper.rbt-sticky,
  body.modal-open .rbt-header-common-sticky-activation, body.hide-scrollbar .rbt-header .rbt-header-wrapper.rbt-sticky,
  body.hide-scrollbar .rbt-header-common-sticky-activation {
    padding-right: 0 !important;
  }
}
body.modal-open .rbt-header-common-sticky-activation.rbt-sticky, body.hide-scrollbar .rbt-header-common-sticky-activation.rbt-sticky {
  padding-right: 17px !important;
}
@media only screen and (max-width: 1199px) {
  body.modal-open .rbt-header-common-sticky-activation.rbt-sticky, body.hide-scrollbar .rbt-header-common-sticky-activation.rbt-sticky {
    padding-right: 0 !important;
  }
}
body.modal-open .rbt-progress-parent, body.hide-scrollbar .rbt-progress-parent {
  opacity: 0;
  visibility: hidden;
}
body.modal-open .side-menu, body.modal-open .rbt-cart-side-menu, body.hide-scrollbar .side-menu, body.hide-scrollbar .rbt-cart-side-menu {
  margin-right: 17px !important;
}

.rbt-team-modal,
.rbt-default-modal {
  z-index: 9999;
  padding: 60px 30px !important;
  backdrop-filter: blur(5px);
  background: rgba(0, 0, 0, 0.5);
  cursor: url(../images/cursor-x.webp), pointer;
}
@media only screen and (max-width: 767px) {
  .rbt-team-modal,
  .rbt-default-modal {
    padding: 16px !important;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-team-modal,
  .rbt-default-modal {
    padding: 12px !important;
  }
}
.rbt-team-modal .modal-news,
.rbt-default-modal .modal-news {
  max-width: 1000px !important;
}
.rbt-team-modal .modal-dialog,
.rbt-default-modal .modal-dialog {
  width: 100%;
  margin: auto;
  max-width: 930px;
}
.rbt-team-modal .modal-dialog .modal-content,
.rbt-default-modal .modal-dialog .modal-content {
  max-width: 2560px;
  margin: 0 auto;
  padding: 32px;
  border-radius: 12px;
  border: none;
  z-index: 1;
  background: var(--color-white);
  box-shadow: var(--shadow-1);
  cursor: default;
}
@media only screen and (max-width: 767px) {
  .rbt-team-modal .modal-dialog .modal-content,
  .rbt-default-modal .modal-dialog .modal-content {
    padding: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-team-modal .modal-dialog .modal-content,
  .rbt-default-modal .modal-dialog .modal-content {
    padding: 16px;
  }
}
.rbt-team-modal .modal-dialog .modal-content .modal-header,
.rbt-default-modal .modal-dialog .modal-content .modal-header {
  padding: 0;
  border: none;
}
.rbt-team-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn,
.rbt-default-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn {
  right: -20px;
  position: absolute;
  top: -20px;
  opacity: 1;
  transition: var(--transition);
  font-size: 16px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  background: transparent;
  color: var(--color-heading);
}
.rbt-team-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn::after,
.rbt-default-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn::after {
  background: var(--color-gray-light);
  transform: scale(1);
  opacity: 1;
  box-shadow: var(--shadow-8);
}
.rbt-team-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn:hover,
.rbt-default-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn:hover {
  color: var(--color-heading) !important;
}
.rbt-team-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn:hover::after,
.rbt-default-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn:hover::after {
  transform: scale(1.1);
}
.rbt-team-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn:active::after,
.rbt-default-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn:active::after {
  transform: scale(0.9);
  transition: var(--transition-short-cubic);
}
.rbt-team-modal .modal-dialog .modal-content .modal-body .inner,
.rbt-default-modal .modal-dialog .modal-content .modal-body .inner {
  position: relative;
}
.rbt-team-modal .modal-dialog .modal-content .modal-body .inner .thumb img,
.rbt-default-modal .modal-dialog .modal-content .modal-body .inner .thumb img {
  border-radius: var(--radius);
}
.rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info,
.rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info {
  margin-bottom: 20px;
}
.rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info .title,
.rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info .title {
  margin-bottom: 7px;
}
.rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info .designation,
.rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info .designation {
  display: block;
  font-size: 19px;
  font-weight: var(--f-medium);
  margin-bottom: 12px;
}
.rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details p,
.rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details p {
  padding-right: 16%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details p,
  .rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details p {
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details p,
  .rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details p {
    padding-right: 0;
  }
}
.rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details .team-form,
.rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details .team-form {
  display: block;
  font-size: 14px;
  margin-bottom: 12px;
  letter-spacing: 0.6px;
  font-style: italic;
}
.rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details .team-form img,
.rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details .team-form img {
  padding-right: 10px;
  max-height: 18px;
}
.rbt-team-modal .modal-dialog.container-size,
.rbt-default-modal .modal-dialog.container-size {
  max-width: 1460px;
}
.rbt-team-modal .modal-dialog.xl-size,
.rbt-default-modal .modal-dialog.xl-size {
  max-width: 1600px;
}
.rbt-team-modal .modal-dialog.sm-size,
.rbt-default-modal .modal-dialog.sm-size {
  max-width: 750px;
}
.rbt-team-modal .modal-dialog.xs-size,
.rbt-default-modal .modal-dialog.xs-size {
  max-width: 624px;
}
.rbt-team-modal .modal-dialog.xxs-size,
.rbt-default-modal .modal-dialog.xxs-size {
  max-width: 460px;
}
.rbt-team-modal .modal-dialog.xxs-size .modal-content,
.rbt-default-modal .modal-dialog.xxs-size .modal-content {
  padding: 30px 24px;
}
.rbt-team-modal .modal-dialog.modal-dialog-fullwidth,
.rbt-default-modal .modal-dialog.modal-dialog-fullwidth {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .rbt-team-modal .rbt-overlay-counter.counter-sm,
  .rbt-default-modal .rbt-overlay-counter.counter-sm {
    display: none;
  }
}

.modal {
  --folder-shaper-top-h: 89px;
  --folder-shaper-top-w: 85px;
}
.modal .rbt-folder-shape-right-portion > svg {
  display: none;
}
.modal.has-rbt-top-folder-shape .modal-content {
  position: relative;
  padding: 0 !important;
  padding-top: var(--folder-shaper-top-h) !important;
  background: transparent;
}
.modal.has-rbt-top-folder-shape .modal-content::before {
  position: absolute;
  content: "";
  background: var(--color-white);
  width: calc(100% - var(--folder-shaper-top-w));
  height: var(--folder-shaper-top-h);
  border-top-left-radius: 12px;
  left: 0;
  top: 0;
  z-index: -1;
}
.modal.has-rbt-top-folder-shape .rbt-top-folder-shape-wrapper {
  padding: 32px;
  background: var(--color-white);
  border-radius: 0 0 12px 12px;
}
@media only screen and (max-width: 767px) {
  .modal.has-rbt-top-folder-shape .rbt-top-folder-shape-wrapper {
    padding: 24px;
  }
}
.modal.has-rbt-top-folder-shape .rbt-folder-shape-right-portion {
  position: absolute;
  right: 0;
  top: 0;
  height: var(--folder-shaper-top-h);
  width: var(--folder-shaper-top-w);
  z-index: -1;
}
.modal.has-rbt-top-folder-shape .rbt-content-trs-portion {
  margin-top: calc(-1 * (var(--folder-shaper-top-w)));
}
.modal.has-rbt-top-folder-shape .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn {
  top: 13px;
  right: 8px;
}
.modal.has-rbt-top-folder-shape .rbt-folder-shape-right-portion > svg {
  display: block;
}

.rbt-product-restock-modal-area .modal-header {
  border-radius: var(--radius-12) var(--radius-12) 0 0;
  overflow: hidden;
}

.rbt-welcome-text-area {
  width: 100%;
  background: var(--color-brand-300);
  padding: 16px 40px;
}
@media only screen and (max-width: 767px) {
  .rbt-welcome-text-area {
    padding: 16px;
  }
}
.rbt-welcome-text-area .rbt-welcome-title-header {
  color: var(--color-primary);
  font-family: var(--font-primary);
  font-weight: var(--f-bold);
  margin-bottom: 4px;
}
.rbt-welcome-text-area .rbt-description {
  color: var(--color-gray-700);
  font-size: var(--font-size-b2);
  font-weight: var(--f-medium);
  line-height: var(--line-height-b2);
}
@media only screen and (max-width: 767px) {
  .rbt-welcome-text-area .rbt-description {
    font-size: var(--font-size-b4);
  }
}

.rbt-cart-product-edit-area {
  display: flex;
  gap: 16px;
}
@media only screen and (max-width: 767px) {
  .rbt-cart-product-edit-area {
    height: 100%;
  }
}
.rbt-cart-product-edit-area .rbt-cart-product-thumb {
  display: inline-block;
  max-width: 160px;
  height: auto;
  background: var(--color-brand-100);
  border-radius: var(--radius);
}
@media only screen and (max-width: 767px) {
  .rbt-cart-product-edit-area .rbt-cart-product-thumb {
    min-height: 100%;
    max-width: 50%;
  }
}
.rbt-cart-product-edit-area .rbt-cart-product-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .rbt-cart-product-edit-area .rbt-qty-area.rbt-qty-sm {
    height: 30px;
  }
}
.rbt-cart-product-edit-area .rbt-product-info .rbt-card-title {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--font-size-b2);
  font-weight: var(--f-medium);
  line-height: var(--line-height-b2);
  margin-bottom: 4px;
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .rbt-cart-product-edit-area .rbt-product-info .rbt-card-title {
    font-size: var(--font-size-b4);
  }
}
.rbt-cart-product-edit-area .rbt-product-info .pricing-part {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--h6);
  font-weight: var(--f-semi-bold);
}
@media only screen and (max-width: 767px) {
  .rbt-cart-product-edit-area .rbt-product-info .pricing-part {
    font-size: var(--font-size-b4);
  }
}
.rbt-cart-product-edit-area .rbt-product-info .pricing-part del {
  color: var(--color-gray-400);
  font-weight: var(--f-regular);
}

.rbt-cart-edit-area.modal-dialog {
  max-width: 890px;
}
.rbt-cart-edit-area button.dropdown-toggle {
  width: 250px;
}
@media only screen and (max-width: 767px) {
  .rbt-cart-edit-area button.dropdown-toggle {
    width: auto;
  }
}

.rbt-modal-title {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-weight: var(--f-bold);
  margin-bottom: 4px;
}

.rbt-modal-description {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-weight: var(--f-regular);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  margin-bottom: 8px;
}

.rbt-modal-subtitle {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  font-weight: var(--f-semi-bold);
  margin-bottom: 0;
}

.rbt-wishlist-modal-content {
  width: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-wishlist-modal-content .rbt-transparent-table-one-wrapper {
    overflow-x: auto;
  }
}

.rbt-wishlist-modal-footer .rbt-link {
  font-weight: 500;
}
@media only screen and (max-width: 479px) {
  .rbt-wishlist-modal-footer .rbt-link {
    font-size: var(--font-size-b4);
  }
}

.rbt-added-comparison-modal .modal-dialog {
  width: fit-content;
}
.rbt-added-comparison-modal .modal-content {
  padding: 12px !important;
}
.rbt-added-comparison-modal .modal-content .rbt-comparison-popup-area .inner {
  display: flex;
  gap: 16px;
  align-items: center;
}
@media only screen and (max-width: 575px) {
  .rbt-added-comparison-modal .modal-content .rbt-comparison-popup-area .inner {
    flex-direction: column;
  }
}

.rbt-comparison-prd-box {
  border: 2px solid var(--color-gray-200);
  border-radius: 12px;
  padding: 10px;
  max-width: 240px;
  position: relative;
  transition: var(--transition);
  overflow: unset;
}
.rbt-comparison-prd-box .close-btn {
  position: absolute;
  top: -12px;
  right: -10px;
  height: 24px;
  width: 24px;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.rbt-comparison-prd-box .close-btn::after {
  background: var(--color-brand-100);
  opacity: 1;
  visibility: visible;
}
.rbt-comparison-prd-box .rbt-comparison-prd-img {
  background: var(--color-gray-200);
  border-radius: 8px 8px 0 0;
  transition: var(--transition);
  position: relative;
  overflow: hidden;
}
.rbt-comparison-prd-box .rbt-comparison-prd-img img {
  transition: var(--transition);
}
.rbt-comparison-prd-box .rbt-product-title {
  font-size: 15px;
  margin: 8px 0 0 0;
}
.rbt-comparison-prd-box:hover .rbt-comparison-prd-img img {
  transform: scale(1.04);
}
.rbt-comparison-prd-box:hover .close-btn {
  opacity: 1;
  visibility: visible;
}

.rbt-popup-action-area {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rbt-popup-action-area .icon {
  font-size: var(--h1);
  color: #0CB90D;
}

.rbt-comparison-message-area {
  background: var(--color-white);
  border-radius: 8px 8px 0 0;
  box-shadow: var(--shadow-4);
  padding: 24px;
  position: fixed;
  width: 100%;
  bottom: 0;
  transform: translateY(8px);
  visibility: hidden;
  opacity: 0;
  transition: var(--transition);
  z-index: -1;
}
.rbt-comparison-message-area.comparison-active {
  transform: translateY(0px);
  visibility: visible;
  opacity: 1;
  z-index: 9999;
}
.rbt-comparison-message-area .close-canvas-btn {
  height: 40px;
  width: 40px;
  font-size: 16px;
  position: absolute;
  top: 16px;
  right: 16px;
}
.rbt-comparison-message-area .close-canvas-btn::after {
  background: var(--color-brand-100);
  opacity: 1;
  visibility: visible;
}
.rbt-comparison-message-area .rbt-compare-title {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rbt-comparison-message-area .rbt-compare-products {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding: 16px 0;
}
.rbt-comparison-message-area .rbt-compare-products::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-comparison-message-area .rbt-popup-action-area {
    flex-direction: row;
    gap: 12px;
  }
}

.rbt-demo-prev-wrapper {
  max-height: 58vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.rbt-demo-prev-wrapper::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: var(--color-gray-200);
  border-radius: 40px;
  height: 337px;
}
.rbt-demo-prev-wrapper::-webkit-scrollbar {
  width: 4px;
  height: 337px;
  background-color: var(--color-gray-200);
}
.rbt-demo-prev-wrapper::-webkit-scrollbar-thumb {
  border-radius: 40px;
  background-color: var(--color-gray-400);
}

.rbt-default-modal .modal-dialog.rbt-coupon-modal-dialog {
  max-width: 564px;
}
.rbt-default-modal .modal-dialog.rbt-coupon-modal-dialog .rbt-coupon-wrapper {
  border-radius: var(--radius-12);
}

.rbt-register-form-modal .rbt-login-form .rbt-login-form-inner {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}
.rbt-register-form-modal .rbt-login-form .rbt-login-form-bottom {
  padding: 24px;
  margin: -32px;
  margin-top: 32px;
  background: var(--color-gray-100);
}
.rbt-register-form-modal .rbt-login-form .rbt-login-form-top {
  padding: 0;
}

.rbt-default-modal .rbt-product-nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.rbt-default-modal .rbt-btn-prev {
  left: -90px;
}
.rbt-default-modal .rbt-btn-next {
  right: -90px;
}

/*----------------------------- 
    Breadcrumb Styles
-------------------------------*/
.rbt-breadcrumb-inner .rbt-breadcrumb-title {
  font-weight: 400;
}
.rbt-breadcrumb-inner .rbt-breadcrumb-title span {
  font-weight: 700;
}
.rbt-breadcrumb-inner .rbt-breadcrumb-page-list {
  margin: 0;
  margin-top: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  gap: 10px;
}
@media only screen and (max-width: 767px) {
  .rbt-breadcrumb-inner .rbt-breadcrumb-page-list {
    flex-wrap: wrap;
  }
}
.rbt-breadcrumb-inner .rbt-breadcrumb-page-list li {
  margin: 0;
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: var(--f-medium);
  color: var(--color-gray-400);
}

.rbt-breadcrumb-two {
  padding: 24px 0;
}
@media only screen and (max-width: 767px) {
  .rbt-breadcrumb-two {
    padding-bottom: 12px;
  }
}
.rbt-breadcrumb-two .rbt-breadcrumb-inner {
  flex-wrap: wrap;
  gap: 12px;
}
@media only screen and (max-width: 767px) {
  .rbt-breadcrumb-two .rbt-breadcrumb-inner {
    flex-wrap: wrap;
    gap: 12px;
  }
}

.rbt-breadcrumb-default.bg-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.rbt-breadcrumb-default.bg-image .rbt-breadcrumb-title {
  color: var(--color-white);
}
.rbt-breadcrumb-default.bg-image .rbt-breadcrumb-page-list li,
.rbt-breadcrumb-default.bg-image .rbt-breadcrumb-page-list li a {
  color: var(--color-gray-200);
}
.rbt-breadcrumb-default.bg-image .rbt-breadcrumb-page-list li.active,
.rbt-breadcrumb-default.bg-image .rbt-breadcrumb-page-list li a.active {
  color: var(--color-white);
}
.rbt-breadcrumb-default.bg-image .rbt-breadcrumb-page-list li a {
  color: var(--color-gray-200);
}
.rbt-breadcrumb-default.bg-image .rbt-breadcrumb-page-list li a.active {
  color: var(--color-white);
}
.rbt-breadcrumb-default.rbt-breadcrumb-bg-1 {
  background-image: url(../images/breadcrumb-bg/breadcrumb-bg-01.webp);
}

.rbt-products-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.rbt-products-nav .rbt-dropdown {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 100%;
  left: 0;
  transform: translateY(5px);
  z-index: 2;
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
@media only screen and (max-width: 767px), only screen and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 1600px) and (max-width: 1919px) {
  .rbt-products-nav .rbt-dropdown {
    right: 0;
    left: unset;
  }
}
.rbt-products-nav .rbt-dropdown.rbt-dropdown-from-right {
  right: 0;
  left: unset;
}
.rbt-products-nav .rbt-product-card {
  max-width: 306px;
  min-width: 306px;
  padding: 12px;
  background: var(--color-gray-light);
  box-shadow: var(--shadow-2);
  border-radius: var(--radius);
}
.rbt-products-nav .rbt-event-hover {
  position: relative;
}
.rbt-products-nav .rbt-event-hover:hover .rbt-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/*----------------------------- 
    Brands Styles
-------------------------------*/
.rbt-brand {
  height: 100%;
}
.rbt-brand.style-one .rbt-brand-inner {
  border-radius: 8px;
  background: var(--color-white);
  padding: 24px;
  height: 100%;
}
@media only screen and (max-width: 479px) {
  .rbt-brand.style-one .rbt-brand-inner {
    padding: 16px 8px;
  }
}
.rbt-brand.style-one .brand-image {
  min-height: 60px;
  max-height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 479px) {
  .rbt-brand.style-one .brand-image {
    min-height: 38px;
    max-height: 38px;
  }
}
.rbt-brand.style-one .brand-image img {
  transition: var(--transition);
}
@media only screen and (max-width: 479px) {
  .rbt-brand.style-one .brand-image img {
    max-width: 50%;
  }
}
.rbt-brand.style-one .brand-image .rbt-divider-arrow {
  position: absolute;
  height: 2px;
  width: 40px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-55%);
  background: var(--color-gray-300);
  transition: var(--transition);
}
.rbt-brand.style-one .brand-image .rbt-divider-arrow.has-right-angel-animation::before, .rbt-brand.style-one .brand-image .rbt-divider-arrow.has-right-angel-animation::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 10px;
  top: -3px;
  right: -3px;
  background: var(--color-gray-300);
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  border-radius: 10px;
  transform: translateY(-5px) translateX(-5px) rotate(45deg);
}
.rbt-brand.style-one .brand-image .rbt-divider-arrow.has-right-angel-animation::after {
  transform: translateY(12px) translateX(-5px) rotate(-45deg);
}
.rbt-brand.style-one .discount-text {
  display: block;
  margin-top: 20px;
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  color: var(--color-gray-700);
  font-weight: 600;
}
@media only screen and (max-width: 479px) {
  .rbt-brand.style-one .discount-text {
    font-size: 10px;
    line-height: 1;
  }
}
.rbt-brand.style-one:hover .brand-image img {
  transform: scale(1.05);
}
.rbt-brand.style-one:hover .brand-image .rbt-divider-arrow {
  transform: translateX(-50%);
}
.rbt-brand.style-one:hover .brand-image .rbt-divider-arrow.has-right-angel-animation::before, .rbt-brand.style-one:hover .brand-image .rbt-divider-arrow.has-right-angel-animation::after {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) translateX(0) rotate(45deg);
}
.rbt-brand.style-one:hover .brand-image .rbt-divider-arrow.has-right-angel-animation::after {
  transform: translateY(6px) translateX(0) rotate(-45deg);
}
.rbt-brand.style-one.rbt-content-transform-style .rbt-content {
  transition: all 0.4s;
  position: relative;
  margin-top: 24px;
}
.rbt-brand.style-one.rbt-content-transform-style .prd-text {
  transition: all 0.4s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  color: var(--color-heading);
  text-align: center;
  width: 100%;
  transform: translateY(10px);
}
.rbt-brand.style-one.rbt-content-transform-style .prd-text .prd-number {
  font-weight: 500;
  text-decoration: underline;
  color: var(--color-primary);
}
.rbt-brand.style-one.rbt-content-transform-style .discount-text {
  transition: all 0.4s;
  margin-top: 0;
}
.rbt-brand.style-one.rbt-content-transform-style:hover .prd-text {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.rbt-brand.style-one.rbt-content-transform-style:hover .discount-text {
  visibility: hidden;
  transform: translateY(-10px);
  opacity: 0;
}
.rbt-brand.style-two {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  border-radius: 8px;
  padding-top: 120px;
  min-height: 245px;
}
.rbt-brand.style-two .rbt-brand-inner {
  z-index: 2;
  display: flex;
  flex-direction: column;
  color: var(--color-white);
}
.rbt-brand.style-two .title {
  margin-bottom: 4px;
  color: var(--color-white);
}
.rbt-brand.style-two .brand-image {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 8px;
  overflow: hidden;
}
.rbt-brand.style-two .brand-image img {
  max-height: 245px;
  border-radius: 8px;
  transition: var(--transition);
  width: 100%;
  transform: scale(1.04);
  min-height: 100%;
}
.rbt-brand.style-two .brand-image::after {
  content: "";
  position: absolute;
  border-radius: 0 0 8px 8px;
  width: 100%;
  height: 60%;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}
.rbt-brand.style-two .prd-text {
  transition: all 0.4s;
  color: var(--color-white);
}
.rbt-brand.style-two .prd-text .prd-number {
  font-weight: 500;
  text-decoration: underline;
  color: var(--color-white);
}
.rbt-brand.style-two .sm-logo {
  bottom: 0;
  position: absolute;
  padding: 3px;
  border-radius: var(--radius-full);
  height: 72px;
  width: 72px;
  background: var(--color-white);
  z-index: 3;
  margin-bottom: -36px;
}
.rbt-brand.style-two:hover .brand-image img {
  transform: none;
}
.rbt-brand.style-three .brand-image {
  max-height: 60px;
  width: auto;
}
.rbt-brand.style-three .desc {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  margin-bottom: 16px;
}
.rbt-brand.style-three .rbt-btn.rbt-btn-sm {
  padding: 0 18px;
}
.rbt-brand.style-four .rbt-brand-inner {
  padding: 18px 42px;
  background: var(--color-gray-light);
  border-radius: 12px;
}
@media only screen and (max-width: 767px) {
  .rbt-brand.style-four .rbt-brand-inner {
    padding: 12px;
    border-radius: 6px;
  }
}
.rbt-brand.style-four .rbt-brand-inner .brand-image img {
  transition: var(--transition);
}
.rbt-brand.style-four:hover .brand-image img {
  transform: scale(1.1);
}

.rbt-brand-group {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.rbt-brand.style-five {
  flex-basis: 30%;
  display: flex;
  justify-content: center;
  transition: 0.3s;
}
.rbt-brand.style-five .rbt-brand-inner .rbt-brand-image {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-full);
  margin: 0 auto;
  background: var(--color-gray-100);
}
.rbt-brand.style-five .rbt-brand-inner .rbt-brand-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
.rbt-brand.style-five .rbt-brand-inner .brand-title {
  color: var(--color-gray-700);
  text-align: center;
  font-family: var(--font-primary);
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  font-weight: var(--f-medium);
  margin-top: 8px;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-brand.style-five .rbt-brand-inner .brand-title {
    font-size: var(--font-size-b3);
  }
}
.rbt-brand.style-five:hover {
  transform: translateY(-3px);
}

/*----------------------------- 
    Instagram Post Styles
-------------------------------*/
.rbt-instapost {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.rbt-instapost img {
  transition: var(--transition);
}
.rbt-instapost:hover img {
  transform: scale(1.03);
}
.rbt-instapost.rbt-instapost-style-one {
  transition: var(--transition);
}
.rbt-instapost.rbt-instapost-style-one .instapost-img {
  border: 0;
  padding: 0;
  margin: 0;
  outline: none;
}
.rbt-instapost.rbt-instapost-style-one .instapost-img img {
  width: 100%;
  object-fit: cover;
}
.rbt-instapost.rbt-instapost-style-one .instapost-img::after {
  content: "";
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), 50%/cover no-repeat;
  opacity: 0.5;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: var(--transition);
  visibility: hidden;
  opacity: 0;
}
.rbt-instapost.rbt-instapost-style-one .insta-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 48px;
  color: var(--color-white);
  z-index: 1;
  transition: var(--transition);
  visibility: hidden;
  opacity: 0;
  line-height: 1;
}
.rbt-instapost.rbt-instapost-style-one .insta-icon.insta-icon-sm {
  font-size: 28px;
}
.rbt-instapost.rbt-instapost-style-one .insta-icon.insta-icon-md {
  font-size: 36px;
}
.rbt-instapost.rbt-instapost-style-one .instapost-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 48px;
  color: var(--color-white);
  z-index: 1;
  transition: var(--transition);
  visibility: hidden;
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  cursor: pointer;
}
.rbt-instapost.rbt-instapost-style-one .instapost-content .insta-icon {
  position: static;
  transform: none;
}
.rbt-instapost.rbt-instapost-style-one:hover .instapost-img::after {
  opacity: 1;
  visibility: visible;
}
.rbt-instapost.rbt-instapost-style-one:hover .insta-icon {
  opacity: 1;
  visibility: visible;
}
.rbt-instapost.rbt-instapost-style-one:hover .instapost-content {
  opacity: 1;
  visibility: visible;
}
.rbt-instapost.rbt-instapost-style-one.rounded {
  border-radius: var(--radius-full) !important;
  position: relative;
  overflow: hidden;
}
.rbt-instapost.rbt-instapost-style-one.rounded .instapost-img img {
  border-radius: var(--radius-full) !important;
  height: 200px;
  width: 200px;
  border-radius: var(--radius-full) !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-instapost.rbt-instapost-style-one.rounded .instapost-img img {
    height: 120px;
    width: 120px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-instapost.rbt-instapost-style-one.rounded .instapost-img img {
    height: 170px;
    width: 170px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-instapost.rbt-instapost-style-one.rounded .instapost-img img {
    height: 100px;
    width: 100px;
  }
}
.rbt-instapost.rbt-instapost-style-one.rbt-instapost-boxed-round-style {
  border-radius: 0;
}
.rbt-instapost .rbt-btn-link {
  color: var(--color-gray-light);
}
@media only screen and (max-width: 767px) {
  .rbt-instapost .rbt-btn-link {
    display: none;
  }
}
.rbt-instapost .rbt-btn-link:hover {
  color: var(--color-white) !important;
}

.rbt-instapost-grp {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .rbt-instapost-grp {
    gap: 12px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-instapost-grp {
    flex-wrap: nowrap;
  }
}
.rbt-instapost-grp .rbt-instapost {
  max-width: 200px;
}
@media only screen and (max-width: 767px) {
  .rbt-instapost-grp .rbt-instapost {
    max-width: 100px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-instapost-grp .rbt-instapost {
    max-width: 150px;
  }
}

.rbt-instapost-social-area {
  min-width: 470px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--color-gray-light);
  border-radius: 16px;
}
@media only screen and (max-width: 767px) {
  .rbt-instapost-social-area {
    min-width: 300px;
    padding: 15px 0;
    width: 100%;
  }
}
.rbt-instapost-social-area .title {
  margin-bottom: 8px;
  font-weight: 400;
}
.rbt-instapost-social-area .title span {
  font-weight: 700;
}
.rbt-instapost-social-area .desc {
  margin-bottom: 16px;
}

.rbt-insta-single-modal .modal-dialog {
  max-width: 1405px;
}
.rbt-insta-single-modal .rbt-component-section-title {
  padding: 32px 0 24px 0;
  margin: 0;
  border: 0;
}
.rbt-insta-single-modal .rbt-right-modal-content {
  max-height: 690px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 12px;
}
@media only screen and (max-width: 767px) {
  .rbt-insta-single-modal .rbt-right-modal-content {
    padding: 0 8px !important;
  }
}
.rbt-insta-single-modal .rbt-right-modal-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: var(--color-gray-200);
  border-radius: 40px;
  height: 337px;
}
.rbt-insta-single-modal .rbt-right-modal-content::-webkit-scrollbar {
  width: 4px;
  height: 337px;
  background-color: var(--color-gray-200);
}
.rbt-insta-single-modal .rbt-right-modal-content::-webkit-scrollbar-thumb {
  border-radius: 40px;
  background-color: var(--color-gray-400);
}
.rbt-insta-single-modal .rbt-single-insta-img,
.rbt-insta-single-modal .rbt-single-insta-img img {
  height: 100%;
}
.rbt-insta-single-modal .rbt-product-card .rbt-card-body .pricing-part {
  flex-wrap: wrap;
}

.rbt-instagram-card .instagram-thumbnail {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.rbt-instagram-card .rounded-player {
  position: absolute;
  top: 40%;
  left: 40%;
}
.rbt-instagram-card .rbt-instagram-caption {
  margin-top: 16px;
  color: var(--color-heading);
}

/*-----------------------
    Social Icons 
-------------------------*/
.rbt-social-default {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  justify-content: center;
  margin: -5px;
}
.rbt-social-default li {
  margin: 5px;
}
@media only screen and (max-width: 767px) {
  .rbt-social-default li {
    margin: 5px 2px;
  }
}
.rbt-social-default li a {
  width: 48px;
  background-color: var(--color-gray-light);
  height: 48px;
  line-height: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-full);
  transition: var(--transition);
  color: var(--color-body);
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .rbt-social-default li a {
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-social-default li a {
    width: 28px;
    height: 28px;
    line-height: 28px !important;
    font-size: 12px;
  }
}
.rbt-social-default li a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: var(--color-primary);
  transform: scale(0.5);
  opacity: 0;
  transition: var(--transition);
  border-radius: var(--radius-full);
}
.rbt-social-default li a:hover {
  color: var(--color-white);
}
.rbt-social-default li a:hover::after {
  transform: scale(1);
  opacity: 1;
}
.rbt-social-default li a i {
  vertical-align: middle;
}
.rbt-social-default.rbt-social-default-v1 li a::after {
  display: none;
}
.rbt-social-default.rbt-social-default-v1 li a i {
  transition: var(--transition);
}
.rbt-social-default.rbt-social-default-v1 li a:hover i {
  transform: scale(1.2);
}
.rbt-social-default.social-icon-md li a {
  width: 40px;
  height: 40px;
}
.rbt-social-default.social-icon-md li a i {
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .rbt-social-default.social-icon-md li a {
    width: 35px;
    height: 35px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-social-default.social-icon-md li a {
    width: 28px;
    height: 28px;
    line-height: 28px !important;
    font-size: 12px;
  }
}
.rbt-social-default.social-icon-sm li a {
  width: 32px;
  height: 32px;
}
.rbt-social-default.social-icon-sm li a i {
  vertical-align: middle;
}
.rbt-social-default.transparent-with-border li a {
  line-height: 41px;
  background: transparent;
  border: 2px solid var(--color-border);
}
.rbt-social-default.transparent-with-border li a:hover {
  border-color: transparent !important;
}
.rbt-social-default.transparent-with-border li a::after {
  border: 1px solid var(--color-primary);
}
.rbt-social-default.with-bg-primary li a {
  transition: var(--transition);
  line-height: 40px;
  color: var(--color-white);
  z-index: 1;
}
.rbt-social-default.with-bg-primary li a::after {
  background-color: var(--color-primary);
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.rbt-social-default.with-bg-primary li a:hover {
  background-color: transparent;
  color: var(--color-white);
}
.rbt-social-default.with-bg-primary li a:hover::after {
  transform: scale(1.15);
}
.rbt-social-default.with-bg-white li a {
  transition: var(--transition);
  line-height: 40px;
  z-index: 1;
  background: transparent;
}
.rbt-social-default.with-bg-white li a::after {
  background-color: var(--color-white);
  opacity: 0;
  visibility: hidden;
  transform: scale(0.5);
}
.rbt-social-default.with-bg-white li a:hover {
  color: var(--color-primary) !important;
}
.rbt-social-default.with-bg-white li a:hover::after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.rbt-social-default.icon-naked {
  margin: -10px;
}
.rbt-social-default.icon-naked li {
  margin: 10px;
}
.rbt-social-default.icon-naked li a {
  background: transparent !important;
  width: auto;
  height: auto;
  line-height: initial;
}
.rbt-social-default.icon-naked li a::after {
  display: none;
}
.rbt-social-default.icon-naked li a:hover {
  color: var(--color-primary) !important;
}
.rbt-social-default.icon-large li a {
  font-size: 36px;
  opacity: 0.7;
}
.rbt-social-default.color-white li a {
  color: var(--color-white);
}

.rbt-social-share-box {
  background: var(--color-white);
  position: absolute;
  z-index: 99;
  padding: 24px;
  border-radius: var(--radius-12);
  box-shadow: var(--shadow-4);
  top: calc(100% + 36px);
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.rbt-social-share-box.show-share-option {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
  visibility: visible;
}
.rbt-social-share-box .rbt-indicator-shape {
  position: absolute;
  bottom: calc(100% - 4px);
  left: 50%;
  transform: translateX(-50%);
}
.rbt-social-share-box .rbt-social-box-inner {
  position: relative;
  z-index: 1;
}
.rbt-social-share-box .rbt-close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  border: none;
  background: var(--color-brand-100);
  border-radius: var(--radius-full);
}
.rbt-social-share-box .rbt-close-btn i {
  font-size: 16px;
  transition: var(--transition);
}
.rbt-social-share-box .rbt-close-btn:hover {
  transform: scale(0.95);
}
.rbt-social-share-box .rbt-close-btn:hover i {
  transform: scale(1.2);
  color: var(--color-primary);
}

/*----------------------------- 
    Lookbook Styles
-------------------------------*/
.rbt-lookbook-dot {
  display: block;
  height: 32px;
  width: 32px;
  background: var(--color-primary);
  border-radius: var(--radius-full);
  border: 9px solid var(--color-white);
  padding: 0;
  position: absolute;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-lookbook-dot {
    height: 24px;
    width: 24px;
    border: 6px solid var(--color-white);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-lookbook-dot {
    height: 16px;
    width: 16px;
    border: 5px solid var(--color-white);
    z-index: 9;
  }
}
.rbt-lookbook-dot::after {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  inset: -8px;
  display: block;
  animation: rbt-dot-scaler 2s ease infinite;
  border-radius: var(--radius-full);
  backface-visibility: hidden;
  perspective: 800px;
}

.rbt-lookbook-banner {
  position: relative;
  display: inline-block;
  width: 100%;
}
.rbt-lookbook-banner .rbt-lookbook-portion {
  position: absolute;
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--transition);
}
@media only screen and (max-width: 767px) {
  .rbt-lookbook-banner .rbt-lookbook-portion {
    width: 20px;
    height: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-lookbook-banner .rbt-lookbook-portion {
    width: 20px;
    height: 20px;
  }
}
.rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content {
  max-width: 274px;
  position: absolute;
  width: 274px;
  z-index: 10;
  visibility: hidden;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.35);
  border-radius: 12px;
  text-align: center;
  opacity: 0;
  transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
}
.rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content.lookbook-content-width--420 {
  width: 420px;
  max-width: 420px;
}
.rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content.placed-bottom {
  top: 64px;
  left: 50%;
  transform: translateX(-50%) translateY(20px) translateZ(0);
}
.rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content.placed-top {
  bottom: 64px;
  left: 50%;
  transform: translateX(-50%) translateY(-20px) translateZ(0);
}
.rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content.placed-left {
  top: 50%;
  right: 64px;
  transform: translateX(-20px) translateY(-50%) translateZ(0);
}
.rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content.placed-right {
  top: 50%;
  left: 64px;
  transform: translateX(20px) translateY(-50%) translateZ(0);
}
.rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content .rbt-card.card-list-styled {
  border-radius: 12px;
  width: 100%;
  height: auto;
}
.rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content .rbt-card.card-list-styled .rbt-card-img {
  border-radius: 12px 0 0 12px;
  max-width: 175px;
}
.rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content .rbt-card.card-list-styled .rbt-card-img img {
  border-radius: 12px 0 0 12px;
}
.rbt-lookbook-banner .rbt-lookbook-portion:hover .rbt-lookbook-dot-content {
  visibility: visible;
  opacity: 1;
  transform: none;
  pointer-events: visible;
}
.rbt-lookbook-banner .rbt-lookbook-portion:hover .rbt-lookbook-dot-content.placed-bottom {
  transform: translateX(-50%) translateY(0);
}
.rbt-lookbook-banner .rbt-lookbook-portion:hover .rbt-lookbook-dot-content.placed-top {
  transform: translateX(-50%) translateY(0);
}
.rbt-lookbook-banner .rbt-lookbook-portion:hover .rbt-lookbook-dot-content.placed-left {
  transform: translateX(0) translateY(-50%);
}
.rbt-lookbook-banner .rbt-lookbook-portion:hover .rbt-lookbook-dot-content.placed-right {
  transform: translateX(0) translateY(-50%);
}
.rbt-lookbook-banner.hover-appeardot-style .rbt-lookbook-portion {
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 1199px) {
  .rbt-lookbook-banner.hover-appeardot-style .rbt-lookbook-portion {
    opacity: 1;
    visibility: visible;
  }
}
.rbt-lookbook-banner.hover-appeardot-style:hover .rbt-lookbook-portion {
  opacity: 1;
  visibility: visible;
}

.rbt-lookbook-area-one .rbt-lookbook-content {
  padding: 0 156px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-lookbook-area-one .rbt-lookbook-content {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-lookbook-area-one .rbt-lookbook-content {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-lookbook-area-one .rbt-lookbook-content {
    padding: 0 15px;
  }
}

.rbt-lookbook-section.rbt-lookbook-style--two {
  position: relative;
  z-index: 2;
  padding: 0 56px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-lookbook-section.rbt-lookbook-style--two {
    padding: 0 25px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-lookbook-section.rbt-lookbook-style--two {
    padding: 0 15px;
  }
}

.rbt-lookbook-section.lookbook-listbanner-style.lookbook-listbanner-style-one {
  display: flex;
  border-radius: 24px;
  align-items: center;
  position: relative;
  height: 100%;
  background: var(--color-primary);
}
@media only screen and (max-width: 1199px) {
  .rbt-lookbook-section.lookbook-listbanner-style.lookbook-listbanner-style-one {
    flex-direction: column;
  }
}
.rbt-lookbook-section.lookbook-listbanner-style.lookbook-listbanner-style-one .lookbook-left-portion img {
  border-radius: 24px 0 0 24px;
}
@media only screen and (max-width: 1199px) {
  .rbt-lookbook-section.lookbook-listbanner-style.lookbook-listbanner-style-one .lookbook-left-portion {
    flex-basis: 100%;
  }
  .rbt-lookbook-section.lookbook-listbanner-style.lookbook-listbanner-style-one .lookbook-left-portion img {
    border-radius: 24px 24px 0 0;
  }
}
.rbt-lookbook-section.lookbook-listbanner-style.lookbook-listbanner-style-one .lookbook-right-portion {
  padding: 0 44px;
  color: var(--color-white);
  flex-basis: 50%;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 1600px) and (max-width: 1919px) {
  .rbt-lookbook-section.lookbook-listbanner-style.lookbook-listbanner-style-one .lookbook-right-portion {
    padding: 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .rbt-lookbook-section.lookbook-listbanner-style.lookbook-listbanner-style-one .lookbook-right-portion {
    flex-basis: 100%;
    padding: 20px;
  }
}
.rbt-lookbook-section.lookbook-listbanner-style.lookbook-listbanner-style-one .lookbook-right-portion .title {
  color: var(--color-white);
  font-size: 36px;
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .rbt-lookbook-section.lookbook-listbanner-style.lookbook-listbanner-style-one .lookbook-right-portion .title {
    font-size: 24px;
  }
}

@keyframes rbt-dot-scaler {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    transform: scale(0.8);
  }
}
.rbt-dot-lookbok-product-wrapper > button {
  position: fixed;
  right: 30px;
  top: 30px;
  width: 40px;
  height: 40px;
  background: var(--color-gray-light);
  font-size: 16px;
  line-height: 40px;
  border: 0;
  color: var(--color-heading);
  border-radius: var(--radius-full);
  display: none;
  box-shadow: var(--shadow-1);
  font-size: 16px;
}

.rbt-lookbook-box-content {
  padding: 32px;
  padding-top: 24px;
  border-radius: 12px;
}
.rbt-lookbook-box-content .title {
  margin-bottom: 8px;
}
.rbt-lookbook-box-content .desc {
  margin-bottom: 16px;
  color: var(--color-gray-500);
}
.rbt-lookbook-box-content .rbt-btn {
  color: var(--color-primary);
}
.rbt-lookbook-box-content .rbt-btn:hover {
  color: var(--color-white);
}
.rbt-lookbook-box-content.box-content-bg-green {
  background: var(--color-extra-six);
}
.rbt-lookbook-box-content.box-content-bg-yellow {
  background: var(--color-element-bg-yellow);
}

.min-h-700 {
  min-height: 700px;
}

/**
 * Mobile device
**/
@media (max-width: 992px) {
  .rbt-dot-lookbok-product-wrapper > button {
    display: block;
  }
  .rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content {
    transform: unset;
  }
  .rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content {
    position: static;
    transition: all 0s;
  }
  .rbt-dot-lookbok-product-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    left: 0;
    top: 0;
    transition: all 0.3s;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .rbt-lookbook-banner .rbt-lookbook-portion:hover .rbt-dot-lookbok-product-wrapper {
    opacity: 1;
    visibility: visible;
  }
  .rbt-lookbook-banner .rbt-lookbook-portion .rbt-dot-lookbok-product-wrapper .rbt-lookbook-dot-content {
    position: static;
  }
  .rbt-lookbook-banner .rbt-lookbook-portion:hover .rbt-dot-lookbok-product-wrapper .rbt-lookbook-dot-content {
    transform: unset;
  }
}
.search-trigger-active .search-icon::before,
.rbt-common-search-trigger-active .search-icon::before {
  opacity: 1;
  visibility: visible;
  transition: 0.4s;
}
.search-trigger-active.rbt-modern-close-btn .modern-close-wrapper::before, .search-trigger-active.rbt-modern-close-btn .modern-close-wrapper::after,
.rbt-common-search-trigger-active.rbt-modern-close-btn .modern-close-wrapper::before,
.rbt-common-search-trigger-active.rbt-modern-close-btn .modern-close-wrapper::after {
  opacity: 0;
  visibility: hidden;
}
.search-trigger-active.open,
.rbt-common-search-trigger-active.open {
  background: var(--color-gray-300);
}
.search-trigger-active.open .search-icon::before,
.rbt-common-search-trigger-active.open .search-icon::before {
  opacity: 0;
  visibility: hidden;
}
.search-trigger-active.open .rbt-toolbar-label,
.rbt-common-search-trigger-active.open .rbt-toolbar-label {
  opacity: 0;
  visibility: hidden;
}
.search-trigger-active.open.rbt-modern-close-btn .modern-close-wrapper::before,
.rbt-common-search-trigger-active.open.rbt-modern-close-btn .modern-close-wrapper::before {
  animation-name: crossRight;
  animation-delay: 0.3s;
}
.search-trigger-active.open.rbt-modern-close-btn .modern-close-wrapper::after,
.rbt-common-search-trigger-active.open.rbt-modern-close-btn .modern-close-wrapper::after {
  animation-name: crossLeft;
  animation-delay: 0.15s;
}

.rbt-search-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  box-shadow: 0 4px 16px rgba(8, 10, 18, 0.1);
  clip-path: polygon(0 0, 200% 0, 200% 0%, 0 0%);
  transition: var(--transition);
  border-top: 1px solid var(--color-gray-200);
}
.rbt-search-dropdown.active {
  clip-path: polygon(0 0, 200% 0, 200% 200%, 0 200%);
  z-index: 104;
}
.rbt-search-dropdown.media-upload-wrapper-open::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  z-index: 99;
  transition: all 0.7s;
  background: rgba(0, 0, 0, 0.5);
  z-index: 3;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-search-dropdown {
    max-height: 500px;
    overflow-y: scroll;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-search-dropdown {
    max-height: 500px;
    overflow-y: scroll;
  }
}
.rbt-search-dropdown .wrapper {
  max-width: 1100px;
  margin: 40px auto;
  padding: 0;
  font-weight: 400;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-search-dropdown .wrapper {
    max-width: 920px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-search-dropdown .wrapper {
    margin: 30px auto;
    display: block;
    max-width: 750px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-search-dropdown .wrapper {
    display: block;
    max-width: 100%;
    padding: 15px;
    margin: 0;
  }
}
.rbt-search-dropdown .wrapper .rbt-component-section-title {
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .rbt-search-dropdown .wrapper .rbt-component-section-title {
    margin-bottom: 8px;
  }
}
.rbt-search-dropdown .wrapper form {
  display: flex;
  position: relative;
  margin-bottom: 48px;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .rbt-search-dropdown .wrapper form {
    margin-bottom: 12px;
  }
}
.rbt-search-dropdown .wrapper form .search-input {
  height: 48px;
  line-height: 1;
  margin: 0 12px 0 0;
  padding: 0 36px;
  border: 2px solid var(--color-gray-200);
  color: var(--color-gray-400);
  border-radius: 80px;
  transition: var(--transition);
  box-shadow: none;
  font-size: var(--font-size-b1);
}
@media only screen and (max-width: 575px) {
  .rbt-search-dropdown .wrapper form .search-input {
    font-size: 14px;
    height: 40px;
  }
}
.rbt-search-dropdown .wrapper form .search-input::placeholder {
  font-size: var(--font-size-b1);
  color: var(--color-gray-400);
}
.rbt-search-dropdown .wrapper form .search-input:focus {
  border-color: var(--color-primary);
}
.rbt-search-dropdown .wrapper form .inner-search-icon {
  color: var(--color-gray-400);
  font-size: 16px;
  line-height: 16px;
  position: absolute;
  left: 16px;
  top: 17px;
}
@media only screen and (max-width: 575px) {
  .rbt-search-dropdown .wrapper form .inner-search-icon {
    top: 15px;
    font-size: var(--font-size-b4);
  }
}
.rbt-search-dropdown .wrapper form .media-search-btn {
  color: var(--color-gray-400);
  font-size: 16px;
  line-height: 16px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 16px;
  height: 100%;
  border: 0;
  outline: none;
  background: transparent;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-search-dropdown .rbt-search-with-category {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-search-dropdown .rbt-search-with-category {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-search-dropdown.search-with-category-popup {
    overflow-y: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-search-dropdown.search-with-category-popup {
    overflow-y: inherit;
  }
}

body::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
  transition: var(--transition);
  backdrop-filter: blur(5px);
  opacity: 0;
  visibility: hidden;
  cursor: url(../images/cursor-x.webp), pointer;
}

.common-close_search_dropdown,
.rbt-ms-dismiss-outsider {
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  transition: var(--transition);
  cursor: url(../images/cursor-x.webp), pointer;
}

.side-nav-opened body::before,
.header-top-menu-nav-opened .common-close_search_dropdown {
  opacity: 1;
  visibility: visible;
}

.menu-nav-opened .common-close_search_dropdown {
  opacity: 1;
  visibility: visible;
}

/*-------------------------
    Search Style Default  
--------------------------*/
.rbt-search-style {
  position: relative;
}
.rbt-search-style input {
  background: transparent;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  padding-right: 60px;
  border-radius: 500px;
  min-width: 300px;
  border: 2px solid var(--color-white);
  color: var(--color-white);
}
.rbt-search-style input:focus {
  border-color: var(--color-white);
}
.rbt-search-style .rbt-search-btn {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
.rbt-search-style .rbt-search-btn i {
  color: var(--color-white);
  transition: var(--transition);
}
.rbt-search-style .rbt-search-btn:hover i {
  color: var(--color-primary);
}

/*-------------------------
    Search Style One  
--------------------------*/
.rbt-search-style-1 {
  position: relative;
}
.rbt-search-style-1 input {
  height: 50px;
  line-height: 50px;
  padding-right: 50px;
}
.rbt-search-style-1 .search-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  background: transparent;
  padding: 0;
  border: 0 none;
  display: block;
  width: 50px;
  text-align: center;
  transition: var(--transition);
}
.rbt-search-style-1 .search-btn:hover {
  color: var(--color-primary);
}

.rbt-media-search-section {
  position: absolute;
  width: 100%;
  padding: 24px;
  background: var(--color-white);
  box-shadow: 0px 12px 30px 10px rgba(0, 0, 0, 0.15);
  z-index: 10;
  border-radius: 8px;
  top: calc(100% + 8px);
  left: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
  transition: var(--transition);
}
@media only screen and (max-width: 479px) {
  .rbt-media-search-section {
    padding: 12px;
  }
}
.rbt-media-search-section.opened {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.rbt-media-search-section.opened .rbt-ms-dismiss-outsider {
  opacity: 1;
  visibility: visible;
}
.rbt-media-search-section .rbt-media-wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: relative;
}
@media only screen and (max-width: 479px) {
  .rbt-media-search-section .rbt-media-wrapper {
    gap: 12px;
    padding: 12px;
  }
}
.rbt-media-search-section .rbt-file-upload-container .file-upload-area {
  min-height: 200px;
}
@media only screen and (max-width: 479px) {
  .rbt-media-search-section .rbt-file-upload-container .file-upload-area {
    min-height: 110px;
    width: 100%;
  }
}
.rbt-media-search-section .section-title {
  text-align: center;
  font-weight: 500;
  color: var(--color-heading);
}
@media only screen and (max-width: 479px) {
  .rbt-media-search-section .section-title {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
  }
}
.rbt-media-search-section .rbt-copy-link-part {
  margin: 0;
}
.rbt-media-search-section .rbt-copy-link-part .rbt-search-form input {
  margin-right: 0 !important;
  width: 100%;
}
@media only screen and (max-width: 479px) {
  .rbt-media-search-section .rbt-copy-link-part .rbt-search-form input {
    font-size: 14px;
    padding: 0 16px;
    padding-right: 80px;
    height: 36px;
    margin-bottom: 0;
    line-height: 36px;
  }
}
.rbt-media-search-section .rbt-ms-dismiss-btn {
  color: var(--color-heading);
  font-weight: 700;
  position: absolute;
  right: 0;
  top: 0;
}

.rbt-search-input-section.rbt-sm-search-section {
  position: relative;
  display: block;
  width: 100%;
}
.rbt-search-input-section.rbt-sm-search-section input {
  padding: 0 36px 0 16px;
  color: var(--color-heading);
}
.rbt-search-input-section.rbt-sm-search-section input::placeholder {
  color: var(--color-gray-500);
}
.rbt-search-input-section.rbt-sm-search-section .search-btn {
  height: 28px;
  width: 28px;
  border-radius: var(--radius);
  border: none;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}

.rbt-inner-search-label-animate-activation {
  position: relative;
  display: inline-block;
  width: 100%;
  z-index: 1;
}
.rbt-inner-search-label-animate-activation .cd-headline {
  position: absolute;
  top: 50%;
  left: 0;
  width: calc(100% - 16px);
  font-size: var(--font-size-b3);
  color: var(--color-gray-400);
  transform: translateY(-50%);
  z-index: -1;
}
.rbt-inner-search-label-animate-activation .cd-headline.clip b {
  font-weight: 400;
}
.rbt-inner-search-label-animate-activation .cd-words-wrapper::after {
  display: none;
}
.rbt-inner-search-label-animate-activation.has-left-catagory-section .cd-headline {
  padding-left: 156px;
}

/*=====================
    All Product Banner Style
=======================*/
.rbt-product-banner {
  position: relative;
  z-index: 1;
  border-radius: 16px;
  border: 2px solid var(--color-brand-100);
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner {
    border-radius: 8px;
  }
}
.rbt-product-banner .rbt-banner-inner {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner .rbt-banner-inner {
    border-radius: 8px;
  }
}
.rbt-product-banner .rbt-banner-description {
  margin-bottom: 0;
}
.rbt-product-banner .rbt-banner-subtitle {
  font-size: var(--font-size-b1);
  line-height: 100%;
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner .rbt-banner-subtitle {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner .rbt-banner-subtitle {
    font-size: 8px;
    line-height: 1;
  }
}
.rbt-product-banner .rbt-pricing-part {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 32px;
}
@media only screen and (max-width: 479px) {
  .rbt-product-banner .rbt-pricing-part {
    gap: 8px;
    flex-wrap: wrap;
  }
}
.rbt-product-banner .rbt-pricing-part .rbt-dis-price-text {
  color: var(--color-gray-400);
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner .rbt-pricing-part .rbt-dis-price-text {
    font-size: var(--font-size-b1);
  }
}
.rbt-product-banner .rbt-pricing-part .rbt-price-text {
  color: var(--color-primary);
  font-weight: 700;
  font-size: var(--h2);
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner .rbt-pricing-part .rbt-price-text {
    font-size: var(--h4);
  }
}
.rbt-product-banner .rbt-pricing-part .rbt-offer-badge {
  padding: 4px 8px;
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner .rbt-pricing-part .rbt-offer-badge {
    font-size: 10px;
    line-height: 1;
  }
}
.rbt-product-banner .rbt-banner-title {
  margin-top: 12px;
  font-weight: 400;
  line-height: 100%;
}
@media only screen and (max-width: 575px) {
  .rbt-product-banner .rbt-banner-title {
    margin-top: 4px;
  }
}
.rbt-product-banner .rbt-banner-title .rbt-bold--text {
  font-weight: 700;
}
.rbt-product-banner .rbt-banner-title.text-fsize-38 {
  font-size: 38px;
  line-height: 1.2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-product-banner .rbt-banner-title.text-fsize-38 {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner .rbt-banner-title.text-fsize-38 {
    font-size: 30px;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner .rbt-banner-title.text-fsize-38 {
    font-size: 18px;
    line-height: 1.2;
  }
}
.rbt-product-banner .rbt-banner-title.title-capitalize-text {
  text-transform: uppercase;
}
.rbt-product-banner .rbt-banner-title.rbt-banner-title-lg {
  font-size: var(--h1);
  line-height: 1.33;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-product-banner .rbt-banner-title.rbt-banner-title-lg {
    font-size: 32px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner .rbt-banner-title.rbt-banner-title-lg {
    font-size: 30px;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner .rbt-banner-title.rbt-banner-title-lg {
    font-size: 30px;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-product-banner .rbt-banner-title.rbt-banner-title-lg {
    font-size: 26px;
    line-height: 1;
  }
}
.rbt-product-banner .rbt-secondery-subtitle {
  font-family: var(--font-secondary);
  font-weight: 700;
  color: var(--color-primary);
  margin-top: 8px;
  line-height: 100%;
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner .rbt-secondery-subtitle {
    margin-top: 4px;
  }
}
.rbt-product-banner .rbt-product-banner-img img {
  transition: var(--transition);
}
.rbt-product-banner .rbt-product-banner-img.rbt-full-width-img {
  width: 100%;
  height: 100%;
}
.rbt-product-banner .rbt-product-banner-img.rbt-full-width-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rbt-product-banner [data-overlay="2"]:before,
.rbt-product-banner [data-black-overlay="2"]:before,
.rbt-product-banner [data-white-overlay="2"]:before,
.rbt-product-banner [data-gradient-overlay="2"]:before {
  z-index: 3;
}
.rbt-product-banner.rbt-banner-has-curved-section {
  border-radius: 0;
}
.rbt-product-banner.rbt-banner-has-curved-section .rbt-curved-portion {
  --box-size: 22px;
  position: absolute;
  transition: var(--transition);
  z-index: 1;
  width: 60%;
}
.rbt-product-banner.rbt-banner-has-curved-section .rbt-curved-portion .rbt-wrapper {
  position: relative;
  height: 35px;
  width: 100%;
  background: var(--color-gray-light);
}
.rbt-product-banner.rbt-banner-has-curved-section .rbt-curved-portion .rbt-wrapper::before, .rbt-product-banner.rbt-banner-has-curved-section .rbt-curved-portion .rbt-wrapper:after {
  content: "";
  position: absolute;
  height: var(--box-size);
  width: var(--box-size);
  background: transparent;
  border-radius: var(--radius-full);
}
.rbt-product-banner.rbt-banner-has-top-left-curved .rbt-left-corner-portion {
  left: 0;
  top: 0;
}
.rbt-product-banner.rbt-banner-has-top-left-curved .rbt-left-corner-portion .rbt-wrapper {
  border-radius: 0 0 40px 0;
}
.rbt-product-banner.rbt-banner-has-top-left-curved .rbt-left-corner-portion .rbt-wrapper::before, .rbt-product-banner.rbt-banner-has-top-left-curved .rbt-left-corner-portion .rbt-wrapper:after {
  box-shadow: -8px -11px 0 0 var(--color-gray-light);
}
.rbt-product-banner.rbt-banner-has-top-left-curved .rbt-left-corner-portion .rbt-wrapper::before {
  top: 0px;
  left: 100%;
}
.rbt-product-banner.rbt-banner-has-top-left-curved .rbt-left-corner-portion .rbt-wrapper::after {
  top: 100%;
  left: 0;
}
.rbt-product-banner.rbt-banner-has-top-right-curved .rbt-right-corner-portion {
  right: 0;
  top: 0;
}
.rbt-product-banner.rbt-banner-has-top-right-curved .rbt-right-corner-portion .rbt-wrapper {
  border-radius: 0 0 0 40px;
}
.rbt-product-banner.rbt-banner-has-top-right-curved .rbt-right-corner-portion .rbt-wrapper::before, .rbt-product-banner.rbt-banner-has-top-right-curved .rbt-right-corner-portion .rbt-wrapper:after {
  box-shadow: 13px -13px 0 0 var(--color-gray-light);
}
.rbt-product-banner.rbt-banner-has-top-right-curved .rbt-right-corner-portion .rbt-wrapper::before {
  top: 0px;
  right: 100%;
}
.rbt-product-banner.rbt-banner-has-top-right-curved .rbt-right-corner-portion .rbt-wrapper::after {
  top: 100%;
  right: 0;
}
.rbt-product-banner:hover .rbt-product-banner-img img {
  transform: scale(1.03);
}
.rbt-product-banner.has-no-hover-img-scale:hover .rbt-product-banner-img img {
  transform: none;
}
.rbt-product-banner.rbt-product-banner-style-one {
  border: 0;
}
@media only screen and (max-width: 1199px) {
  .rbt-product-banner.rbt-product-banner-style-one {
    background-color: var(--color-gray-light);
    padding: 36px;
    margin-bottom: 30px;
    border: 2px solid var(--color-brand-100);
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-one {
    padding: 16px 0;
    margin-bottom: 16px;
  }
}
.rbt-product-banner.rbt-product-banner-style-one .rbt-banner-inner {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 0 80px;
}
@media only screen and (max-width: 1199px) {
  .rbt-product-banner.rbt-product-banner-style-one .rbt-banner-inner {
    padding: 0;
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-product-banner.rbt-product-banner-style-one .rbt-banner-inner {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-one .rbt-banner-inner {
    display: flex;
    flex-direction: column;
    align-items: normal;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-product-banner.rbt-product-banner-style-one .rbt-banner-inner {
    padding: 0 20px;
  }
}
.rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-img {
  position: absolute;
  left: 80px;
  bottom: 0;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-img {
    max-width: 350px;
    left: 40px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-img {
    max-width: 250px;
    left: unset;
    bottom: unset;
    top: unset;
    transform: none;
    position: relative;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-img {
    max-width: 400px;
    left: 40px;
    bottom: unset;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-img {
    position: absolute;
    left: 48px;
    bottom: 8px;
    max-width: 275px;
  }
}
.rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 56px 0;
}
@media only screen and (max-width: 1199px) {
  .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content {
    position: relative;
    z-index: 1;
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content {
    padding: 20px 0;
  }
}
.rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content .rbt-content-section {
  border-left: 3px solid #E7E9EC;
  padding-left: 56px;
  margin-left: 56px;
}
@media only screen and (max-width: 1199px) {
  .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content .rbt-content-section {
    padding-left: 20px;
    margin-left: 20px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content .rbt-content-section {
    padding-left: 0;
    margin-left: 0;
    border: 0;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content .rbt-content-section .rbt-banner-title {
    font-size: 16px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content .rbt-content-section .rbt-banner-subtitle {
    font-size: 12px;
  }
}
.rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content .rbt-banner-btn {
  margin-left: 94px;
}
@media only screen and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content .rbt-banner-btn {
    margin-left: 54px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content .rbt-banner-btn {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content .rbt-banner-btn .rbt-btn {
    height: 54px;
    width: 54px;
    padding: 12px 16px;
    font-size: 8px;
    line-height: 1;
  }
}
.rbt-product-banner.rbt-product-banner-style-two {
  overflow: hidden;
}
.rbt-product-banner.rbt-product-banner-style-two .rbt-banner-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.rbt-product-banner.rbt-product-banner-style-two .rbt-product-banner-content {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 10%;
}
@media only screen and (max-width: 479px) {
  .rbt-product-banner.rbt-product-banner-style-two .rbt-product-banner-content {
    width: 100%;
  }
}
.rbt-product-banner.rbt-product-banner-style-two .rbt-banner-btn {
  display: inline-block;
  margin-top: 170px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner.rbt-product-banner-style-two .rbt-banner-btn {
    margin-top: 115px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-two .rbt-banner-btn {
    margin-top: 32px;
  }
}
.rbt-product-banner.rbt-product-banner-style-two .rbt-banner-btn .rbt-btn {
  border: 1px solid var(--color-white);
}
@media only screen and (max-width: 479px) {
  .rbt-product-banner.rbt-product-banner-style-two .rbt-banner-btn .rbt-btn.rbt-round-btn {
    height: 70px;
    width: 70px;
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
  }
}
.rbt-product-banner.rbt-product-banner-style-two .rbt-banner-btn .rbt-btn:hover {
  border-color: var(--color-primary);
}
.rbt-product-banner.rbt-banner-center-style .rbt-product-banner-img {
  height: 100%;
  width: 100%;
}
.rbt-product-banner.rbt-banner-center-style .rbt-product-banner-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.rbt-product-banner.rbt-banner-center-style .rbt-product-banner-content {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.rbt-product-banner.rbt-banner-right-style .rbt-product-banner-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.rbt-product-banner.rbt-banner-bgdark-style .rbt-banner-subtitle,
.rbt-product-banner.rbt-banner-bgdark-style .rbt-banner-title {
  color: var(--color-white);
}
.rbt-product-banner.rbt-banner-bgdark-style .rbt-content-section .rbt-banner-description {
  color: var(--color-gray-200) !important;
}
.rbt-product-banner.rbt-banner-bgdark-style .rbt-product-banner-img {
  z-index: 1;
}
.rbt-product-banner.rbt-bg-color-gray-one {
  background-color: var(--color-extra-one);
}
.rbt-product-banner.rbt-bg-color-yellow-one {
  background-color: var(--color-extra-two);
}
.rbt-product-banner.rbt-product-banner-style-three {
  overflow: hidden;
}
.rbt-product-banner.rbt-product-banner-style-three .rbt-product-banner-img {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.rbt-product-banner.rbt-product-banner-style-three .rbt-product-banner-img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.rbt-product-banner.rbt-product-banner-style-three .rbt-content-section {
  max-width: 524px;
  margin-right: 72px;
}
@media only screen and (max-width: 479px) {
  .rbt-product-banner.rbt-product-banner-style-three .rbt-content-section {
    margin-right: 0;
  }
}
.rbt-product-banner.rbt-product-banner-style-three .rbt-content-section .rbt-banner-title {
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-three .rbt-content-section .rbt-banner-title {
    margin-top: 16px;
  }
}
.rbt-product-banner.rbt-product-banner-style-three .rbt-content-section .rbt-secondery-subtitle {
  margin-top: 24px;
}
.rbt-product-banner.rbt-product-banner-style-three .rbt-content-section .rbt-banner-subtitle {
  font-size: 18px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-three .rbt-content-section .rbt-banner-subtitle {
    font-size: 15px;
    margin-top: 8px;
  }
}
.rbt-product-banner.rbt-product-banner-style-three .rbt-content-section .rbt-secondery-subtitle {
  font-size: 36px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-three .rbt-content-section .rbt-secondery-subtitle {
    font-size: 18px;
    margin-top: 8px;
  }
}
.rbt-product-banner.rbt-product-banner-style-three .rbt-product-banner-content {
  position: relative;
  z-index: 2;
  padding: 77px 104px;
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-three .rbt-product-banner-content {
    padding: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-three .rbt-product-banner-content {
    padding: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-product-banner.rbt-product-banner-style-three .rbt-product-banner-content {
    padding: 32px 24px;
    flex-direction: column;
    gap: 8px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-product-banner.rbt-product-banner-style-three .rbt-btn {
    padding: 0 16px;
    background: var(--color-primary);
    height: 40px;
    width: auto;
    line-height: 40px;
    color: var(--color-white);
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease-in-out;
    border-radius: var(--radius-60);
    border: 0 none;
    outline: none;
  }
}
.rbt-product-banner.rbt-product-banner-style-three .rbt-btn i {
  margin-right: 5px;
  font-size: var(--font-size-b3);
}
.rbt-product-banner.rbt-product-banner-style-four {
  border: 0;
  overflow: hidden;
  width: 100%;
}
.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content {
  padding: 95px 56px;
  width: 100%;
  position: relative;
  z-index: 2;
}
.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content.has-lg-space-bottom {
  padding-bottom: 140px;
}
@media only screen and (max-width: 479px) {
  .rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content {
    padding: 81px 26px;
    padding-bottom: 40px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content {
    padding: 81px 26px;
    padding-bottom: 90px !important;
  }
}
.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content.rbt-content-style-one {
  padding-left: 48px;
  padding-right: 48px;
}
@media only screen and (max-width: 479px) {
  .rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content.rbt-content-style-one {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content.rbt-content-style-two {
  padding: 56px 80px;
}
@media only screen and (max-width: 479px) {
  .rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content.rbt-content-style-two {
    padding: 40px 20px;
    padding-bottom: 100px;
  }
}
.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section {
  max-width: 330px;
}
.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section.rbt-content-less-wider {
  max-width: 260px;
}
.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section.rbt-banner-content-wider {
  max-width: 348px;
}
.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section.rbt-banner-content-lg-wider {
  max-width: 425px;
}
.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section.rbt-content-section-full-wider {
  max-width: none;
}
.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section .rbt-banner-description {
  margin-top: 8px;
  margin-bottom: 0;
  color: var(--color-gray-400);
}
.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section .rbt-banner-description.text-color-darker {
  color: var(--color-gray-500);
}
@media only screen and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section .rbt-banner-description.text-color-darker {
    color: var(--color-gray-100);
  }
}
.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section .rbt-banner-btn {
  margin-top: 24px;
}
@media only screen and (max-width: 575px) {
  .rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section .rbt-banner-btn {
    margin-top: 30px;
  }
}
.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-img {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.rbt-product-banner.rbt-product-banner-style-four .rbt-product-image img,
.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-img img {
  transition: var(--transition);
  min-height: 100%;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-curved-style-box.rbt-curved-style-left {
  mask-image: url(../images/system/product-banner-10-left-curved-mask.webp);
  -webkit-mask-image: url(../images/system/product-banner-10-left-curved-mask.webp);
  background-image: url(../images/system/product-banner-10-left-curved-mask.webp);
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-curved-style-box.rbt-curved-style-right {
  mask-image: url(../images/system/product-banner-10-right-curved-mask.webp);
  -webkit-mask-image: url(../images/system/product-banner-10-right-curved-mask.webp);
  background-image: url(../images/system/product-banner-10-right-curved-mask.webp);
}
@media only screen and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-resp-var-one .rbt-product-banner-img {
    height: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-resp-var-one .rbt-product-banner-img img {
    height: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-resp-var-one .rbt-banner-subtitle,
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-resp-var-one .rbt-banner-title {
    color: var(--color-white);
  }
}
@media only screen and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-resp-var-one .rbt-product-banner-img {
    z-index: 1;
    width: 100% !important;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one .rbt-banner-subtitle {
  font-size: var(--h6);
  line-height: 1.44;
  font-weight: 400;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one .rbt-product-banner-content {
  padding: 80px 50px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 575px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one .rbt-product-banner-content {
    padding: 50px 20px;
    padding-bottom: 20px;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one .rbt-product-banner-content .rbt-pricing-part {
  gap: 12px;
  margin-top: 16px;
}
@media only screen and (max-width: 575px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one .rbt-product-banner-content .rbt-pricing-part {
    gap: 8px;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories .rbt-product-banner-content {
  padding: 72px 52px;
  padding-bottom: 240px !important;
}
@media only screen and (max-width: 575px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories .rbt-product-banner-content {
    padding: 50px 20px;
    padding-bottom: 120px !important;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories .rbt-product-banner-content .rbt-pricing-part {
  gap: 12px;
  margin-top: 8px;
}
@media only screen and (max-width: 575px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories .rbt-product-banner-content .rbt-pricing-part {
    gap: 8px;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories .rbt-banner-bg-shape {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two {
  position: relative;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content {
  padding: 170px 244px;
  max-width: 2150px;
  margin: 0 auto;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content.spacing--72 {
  padding: 72px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content {
    padding: 120px 180px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content {
    padding: 100px 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content {
    padding: 80px 100px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content {
    padding: 60px 20px;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content.rbt-product-banner-content-var-one {
  padding: 150px 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content.rbt-product-banner-content-var-one {
    padding: 120px 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content.rbt-product-banner-content-var-one {
    padding: 100px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content.rbt-product-banner-content-var-one {
    padding: 80px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content.rbt-product-banner-content-var-one {
    padding: 60px 20px;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content .rbt-content-section {
  max-width: 695px;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content .rbt-content-section .rbt-banner-subtitle-two {
  font-weight: 400;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content .rbt-content-section .rbt-banner-title {
  font-size: var(--font-size-xl);
  line-height: 1.18;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content .rbt-content-section .rbt-banner-title {
    font-size: var(--h2);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content .rbt-content-section .rbt-banner-title {
    font-size: var(--h3);
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content .rbt-content-section .rbt-pricing-part {
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content .rbt-content-section .rbt-pricing-part {
    margin-top: 16px;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content .rbt-content-section .rbt-pricing-part p {
  margin-bottom: 0;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content .rbt-content-section .rbt-pricing-part .rbt-price-text {
  line-height: 1.3;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content .rbt-content-section .rbt-banner-btn {
  margin-top: 32px;
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content .rbt-content-section .rbt-banner-btn {
    margin-top: 16px;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content .rbt-content-section.rbt-content-wider {
  max-width: 100% !important;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--color-gray-150);
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-img img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-cat-hero-banner-01 .rbt-product-banner-content {
    padding: 70px 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-cat-hero-banner-01 .rbt-product-banner-content {
    padding: 60px !important;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-cat-hero-banner-01 .rbt-product-banner-content {
    padding: 32px !important;
  }
}
@media only screen and (max-width: 1199px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-cat-hero-banner-01 .rbt-product-img {
    position: relative;
  }
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-cat-hero-banner-01 .rbt-product-img img {
    object-fit: contain;
    min-height: 100%;
    min-width: 100%;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-smaller .rbt-product-banner-content {
  padding: 95px 244px 145px;
  min-height: 56vh;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-smaller .rbt-product-banner-content {
    padding: 120px 180px;
    min-height: auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-smaller .rbt-product-banner-content {
    padding: 100px 150px;
    min-height: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-smaller .rbt-product-banner-content {
    padding: 80px 100px;
    min-height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-smaller .rbt-product-banner-content {
    padding: 60px 20px;
    min-height: auto;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-medium .rbt-product-banner-content {
  padding: 95px 244px 145px;
  min-height: 662px;
}
@media only screen and (min-width: 2560px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-medium .rbt-product-banner-content {
    padding: 100px 150px 120px;
    min-height: 66vh;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-medium .rbt-product-banner-content {
    padding: 100px 150px 120px;
    min-height: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-medium .rbt-product-banner-content {
    padding: 80px 100px 80px;
    min-height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-medium .rbt-product-banner-content {
    padding: 60px 80px;
    min-height: auto;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger .rbt-product-banner-content {
  min-height: 750px;
}
@media only screen and (min-width: 2560px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger .rbt-product-banner-content {
    min-height: 85vh;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger .rbt-product-banner-content {
    min-height: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger .rbt-product-banner-content {
    min-height: auto;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger-static .rbt-product-banner-content {
  min-height: 750px;
}
@media only screen and (min-width: 2560px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger-static .rbt-product-banner-content {
    min-height: 85vh;
  }
}
@media only screen and (max-width: 1199px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger-static .rbt-product-banner-content {
    min-height: 85vh;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger-static .rbt-product-img img {
  min-height: unset;
  min-width: unset;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger-static .rbt-product-img img {
    min-height: 100% !important;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-md-size .rbt-product-banner-content {
  min-height: 404px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 1600px) and (max-width: 1919px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-md-size .rbt-product-banner-content {
    min-height: auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-md-size .rbt-product-banner-content {
    min-height: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-md-size .rbt-product-banner-content {
    min-height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-md-size .rbt-product-banner-content {
    min-height: auto;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-classic .rbt-banner-inner {
  padding: 170px 0 100px;
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-classic .rbt-banner-inner {
    padding: 100px 0 48px;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-classic .rbt-hero-banner-content .subtitle {
  font-size: var(--h1);
  margin-bottom: 0;
  line-height: 1;
  font-weight: var(--f-black);
  font-style: italic;
  color: var(--color-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-classic .rbt-hero-banner-content .subtitle {
    font-size: var(--h3);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-classic .rbt-hero-banner-content .subtitle {
    font-size: var(--h4);
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-classic .rbt-hero-banner-content .title {
  color: var(--color-white);
  font-family: var(--font-tertiary);
  font-size: 100px;
  font-style: italic;
  font-weight: var(--f-black);
  line-height: 1;
  letter-spacing: 3px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-classic .rbt-hero-banner-content .title {
    font-size: 72px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-classic .rbt-hero-banner-content .title {
    font-size: 52px;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three {
  background: var(--color-brand-300);
  border-radius: 0 24px 24px 24px;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-product-img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-product-img {
    width: 100%;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-product-img img {
  object-fit: cover;
  min-height: 100%;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three:hover .rbt-product-banner-img img,
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three:hover .rbt-product-image img {
  transform: scale(1.02);
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-content-section {
  max-width: 695px;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-content-section .rbt-banner-subtitle-two {
  font-weight: 400;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-content-section .rbt-banner-title {
  font-size: var(--font-size-xl);
  line-height: 1.18;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-content-section .rbt-banner-title {
    font-size: var(--h2);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-content-section .rbt-banner-title {
    font-size: var(--h4);
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-content-section .rbt-pricing-part {
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-content-section .rbt-pricing-part {
    margin-top: 16px;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-content-section .rbt-pricing-part p {
  margin-bottom: 0;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-content-section .rbt-pricing-part .rbt-price-text {
  line-height: 1.3;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-content-section .rbt-banner-btn {
  margin-top: 32px;
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-content-section .rbt-banner-btn {
    margin-top: 16px;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-product-banner-content {
  padding: 140px 120px;
  width: 100%;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-product-banner-content {
    padding: 140px 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-product-banner-content {
    padding: 70px 60px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-product-banner-content {
    padding: 70px 60px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-product-banner-content {
    padding: 25px 20px;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.has-rbt-img-curved .rbt-img-file-shape-inner {
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  background-image: url(../images/system/banner-product-cosmetic-bg-shape-01.webp);
  -webkit-mask-image: url(../images/system/banner-product-cosmetic-bg-shape-01.webp);
  mask-image: url(../images/system/banner-product-cosmetic-bg-shape-01.webp);
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-has-larger-pb .rbt-product-banner-content {
  padding-bottom: 213px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-has-larger-pb .rbt-product-banner-content {
    padding: 140px 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-has-larger-pb .rbt-product-banner-content {
    padding: 70px 60px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-has-larger-pb .rbt-product-banner-content {
    padding: 70px 60px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-has-larger-pb .rbt-product-banner-content {
    padding: 40px 20px;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-product-image.rbt-product-image-fwidth {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-product-image.rbt-product-image-fwidth img {
  object-fit: cover;
  min-height: 100%;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-has-content-bg-shape {
  z-index: 1;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-has-content-bg-shape::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(../images/product-banner/banner-cos-bg-shape-01.svg);
  z-index: -1;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-lg {
  border-radius: 24px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-lg {
    border-radius: 12px;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-lg .rbt-product-banner-content {
  padding: 165px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-lg .rbt-product-banner-content {
    padding: 140px 40px !important;
  }
}
@media only screen and (max-width: 1199px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-lg .rbt-product-banner-content {
    padding: 70px 20px !important;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-lg .rbt-product-banner-content {
    padding: 70px 20px !important;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-lg .rbt-product-banner-content {
    padding: 40px 20px !important;
    padding-right: 0 !important;
  }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer {
  min-height: 550px;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer.rbt-bottom-position-content {
  display: flex;
  width: 100%;
  align-items: flex-end;
  justify-content: center;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer.rbt-bottom-position-content .rbt-banner-inner {
  width: 100%;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer.rbt-bottom-position-content .rbt-banner-inner .has-bg-black-overlay {
  width: 100%;
  background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer-two {
  min-height: 550px;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer-two.rbt-bottom-position-content {
  display: flex;
  width: 100%;
  align-items: flex-end;
  justify-content: center;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer-two.rbt-bottom-position-content .rbt-banner-inner {
  width: 100%;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer-two.rbt-bottom-position-content .rbt-banner-inner .has-bg-black-overlay {
  width: 100%;
  background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer-two .rbt-product-banner-content {
  position: static;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer-two .rbt-product-banner-img {
  position: relative;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer-two .rbt-banner-inner {
  position: absolute;
  bottom: 0;
  z-index: 5;
}
.rbt-product-banner.rbt-product-banner-style-five {
  border: 0;
  overflow: hidden;
  width: 100%;
  border-radius: 16px;
}
@media only screen and (max-width: 575px) {
  .rbt-product-banner.rbt-product-banner-style-five {
    border-radius: 12px !important;
  }
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content {
  position: absolute;
  background: var(--color-gray-light);
  z-index: 3;
  border-radius: 0 16px 0 0;
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content .rbt-banner-btn {
  margin-top: 16px;
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style {
  --box-size: 40px;
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style .rbt-corner-portion-wrapper {
  position: relative;
  padding: 29px 29px 16px 16px;
  background: var(--color-gray-light);
  border-radius: 0 16px 0 0;
}
@media only screen and (max-width: 575px) {
  .rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style .rbt-corner-portion-wrapper {
    padding: 16px !important;
    border-radius: 0 8px 0 0;
  }
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style .rbt-corner-portion-wrapper.rbt-bg-color-white {
  background: var(--color-white);
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style .rbt-corner-portion-wrapper.rbt-bg-color-white::before, .rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style .rbt-corner-portion-wrapper.rbt-bg-color-white:after {
  box-shadow: -19px 19px 0 0 var(--color-white);
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style .rbt-corner-portion-wrapper::before, .rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style .rbt-corner-portion-wrapper:after {
  content: "";
  position: absolute;
  height: var(--box-size);
  width: var(--box-size);
  background: transparent;
  border-radius: var(--radius-full);
  box-shadow: -19px 19px 0 0 var(--color-gray-light);
}
@media only screen and (max-width: 575px) {
  .rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style .rbt-corner-portion-wrapper::before, .rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style .rbt-corner-portion-wrapper:after {
    box-shadow: -12px 12px 0 0 var(--color-gray-light);
  }
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style .rbt-corner-portion-wrapper::before {
  bottom: 100%;
  left: 0;
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style .rbt-corner-portion-wrapper::after {
  bottom: 0;
  left: 100%;
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-lb {
  bottom: -2px;
  left: -2px;
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-lt {
  left: -2px;
  top: -2px;
  border-radius: 0 0 16px 0;
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-lt .rbt-corner-portion-wrapper {
  padding: 0 29px 29px 16px;
  border-radius: 0 0 16px 0;
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-lt .rbt-corner-portion-wrapper::before {
  top: 0;
  right: unset;
  left: 100%;
  bottom: unset;
  box-shadow: -19px -19px 0 0 var(--color-gray-light);
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-lt .rbt-corner-portion-wrapper::after {
  top: 100%;
  left: 0;
  right: unset;
  bottom: 0;
  box-shadow: -19px -19px 0 0 var(--color-gray-light);
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rt {
  right: 0;
  top: 0;
  border-radius: 0 0 0 16px;
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rt .rbt-corner-portion-wrapper {
  padding: 0 16px 29px 29px;
  border-radius: 0 0 0 16px;
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rt .rbt-corner-portion-wrapper::before {
  top: 0;
  left: unset;
  right: 100%;
  bottom: unset;
  box-shadow: 19px -19px 0 0 var(--color-gray-light);
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rt .rbt-corner-portion-wrapper::after {
  top: 100%;
  right: 0;
  left: unset;
  bottom: 0;
  box-shadow: 19px -19px 0 0 var(--color-gray-light);
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rt .rbt-corner-portion-wrapper.rbt-bg-color-white {
  background: var(--color-white);
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rt .rbt-corner-portion-wrapper.rbt-bg-color-white::before, .rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rt .rbt-corner-portion-wrapper.rbt-bg-color-white:after {
  box-shadow: 19px 19px 0 0 var(--color-white) !important;
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rb {
  right: 0;
  bottom: 0;
  border-radius: 16px 0 0 0;
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rb .rbt-corner-portion-wrapper {
  padding: 29px 29px 0 16px;
  border-radius: 16px 0 0 0;
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rb .rbt-corner-portion-wrapper::before {
  top: unset;
  right: 0;
  left: unset;
  bottom: 100%;
  box-shadow: 19px 19px 0 0 var(--color-gray-light) !important;
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rb .rbt-corner-portion-wrapper::after {
  top: unset;
  left: unset;
  right: 100%;
  bottom: 0;
  box-shadow: 19px 19px 0 0 var(--color-gray-light) !important;
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rb .rbt-corner-portion-wrapper.rbt-bg-color-white {
  background: var(--color-white);
}
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rb .rbt-corner-portion-wrapper.rbt-bg-color-white::before, .rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rb .rbt-corner-portion-wrapper.rbt-bg-color-white:after {
  box-shadow: 19px 19px 0 0 var(--color-white) !important;
}
.rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-banner-subtitle {
  font-size: 16px;
  line-height: 1.2;
}
@media only screen and (max-width: 1199px), only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-banner-subtitle {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-banner-subtitle {
    font-size: 10px;
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-banner-subtitle {
    font-size: 8px;
    margin-top: 0;
  }
}
.rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-banner-title {
  font-size: 48px;
  line-height: 1.2;
}
@media only screen and (min-width: 1600px) and (max-width: 1919px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-banner-title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 1199px) {
  .rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-banner-title {
    font-size: 28px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-banner-title {
    font-size: 16px !important;
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-banner-title {
    font-size: 12px !important;
    margin-top: 0;
  }
}
.rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-banner-title.h1 {
  font-size: var(--h1);
  line-height: 1.2;
}
.rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-corner-portion-wrapper {
  padding: 32px 80px 100px;
}
.rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-corner-portion-wrapper.space-var-one {
  padding: 60px 80px 48px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-corner-portion-wrapper {
    padding: 16px 32px 60px !important;
  }
}
@media only screen and (max-width: 1199px), only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-corner-portion-wrapper {
    padding: 4px !important;
  }
}
.rbt-product-banner.rbt-product-banner-style-nine .rbt-product-banner-img {
  border-radius: var(--radius-12);
  position: relative;
  overflow: hidden;
}
.rbt-product-banner.rbt-product-banner-style-nine .rbt-content-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-nine .rbt-content-section {
    gap: 8px;
    align-items: flex-start;
  }
}
.rbt-product-banner.rbt-product-banner-style-nine .rbt-content-section .rbt-banner-title {
  margin-top: 16px;
}

.rbt-component-area.rbt-bg-color-white .rbt-product-banner.rbt-banner-has-left-curved .rbt-wrapper {
  background: var(--color-white);
}
.rbt-component-area.rbt-bg-color-white .rbt-product-banner.rbt-banner-has-left-curved .rbt-wrapper::before, .rbt-component-area.rbt-bg-color-white .rbt-product-banner.rbt-banner-has-left-curved .rbt-wrapper:after {
  box-shadow: -8px -11px 0 0 var(--color-white);
}
.rbt-component-area.rbt-bg-color-white .rbt-product-banner.rbt-banner-has-right-curved .rbt-wrapper {
  background: var(--color-white);
}
.rbt-component-area.rbt-bg-color-white .rbt-product-banner.rbt-banner-has-right-curved .rbt-wrapper::before, .rbt-component-area.rbt-bg-color-white .rbt-product-banner.rbt-banner-has-right-curved .rbt-wrapper:after {
  box-shadow: 13px -13px 0 0 var(--color-white);
}

@media only screen and (max-width: 767px) {
  .rbt-elctro-hero-banner.rbt-section-gap2 {
    padding: 24px 0;
  }
}
.rbt-elctro-hero-banner .rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section .rbt-banner-btn {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .rbt-elctro-hero-banner .rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section .rbt-banner-btn {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-four.rbt-hero-banner.rbt-banner-four-var-three.rbt-banner-four-var-three-lg.rbt-banner-has-center-curved-style.rbt-banner-has-top-center-curved-style.rbt-bg-color-brand-200 .rbt-product-image {
    text-align: center;
  }
  .rbt-product-banner.rbt-product-banner-style-four.rbt-hero-banner.rbt-banner-four-var-three.rbt-banner-four-var-three-lg.rbt-banner-has-center-curved-style.rbt-banner-has-top-center-curved-style.rbt-bg-color-brand-200 .rbt-product-image img {
    max-height: 200px;
  }
  .rbt-product-banner.rbt-product-banner-style-four.rbt-hero-banner.rbt-banner-four-var-three.rbt-banner-four-var-three-lg.rbt-banner-has-center-curved-style.rbt-banner-has-top-center-curved-style.rbt-bg-color-brand-200 .rbt-pricing-part {
    justify-content: center;
  }
  .rbt-product-banner.rbt-product-banner-style-four.rbt-hero-banner.rbt-banner-four-var-three.rbt-banner-four-var-three-lg.rbt-banner-has-center-curved-style.rbt-banner-has-top-center-curved-style.rbt-bg-color-brand-200 .rbt-product-banner-content {
    text-align: center;
  }
}

.rbt-banner-curved-style.rbt-banner-has-center-curved-style {
  position: relative;
}
.rbt-banner-curved-style.rbt-banner-has-center-curved-style .rbt-banner-center-curved-wrapper {
  position: absolute;
  width: 43%;
  height: 5%;
  background-color: var(--color-white);
  border-radius: 0 0 12px 12px;
  left: 50%;
  transform: translateX(-50%);
  --box-size: 30px;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .rbt-banner-curved-style.rbt-banner-has-center-curved-style .rbt-banner-center-curved-wrapper {
    display: none;
  }
}
.rbt-banner-curved-style.rbt-banner-has-center-curved-style .rbt-banner-center-curved-wrapper::before, .rbt-banner-curved-style.rbt-banner-has-center-curved-style .rbt-banner-center-curved-wrapper:after {
  content: "";
  position: absolute;
  height: var(--box-size);
  width: var(--box-size);
  background: transparent;
  border-radius: var(--radius-full);
  box-shadow: 15px -15px 0 0 var(--color-white);
}
@media only screen and (max-width: 575px) {
  .rbt-banner-curved-style.rbt-banner-has-center-curved-style .rbt-banner-center-curved-wrapper::before, .rbt-banner-curved-style.rbt-banner-has-center-curved-style .rbt-banner-center-curved-wrapper:after {
    display: none;
  }
}
.rbt-banner-curved-style.rbt-banner-has-center-curved-style .rbt-banner-center-curved-wrapper::before {
  top: 0;
  right: 100%;
}
.rbt-banner-curved-style.rbt-banner-has-center-curved-style .rbt-banner-center-curved-wrapper::after {
  top: 0;
  left: 100%;
  box-shadow: -15px -15px 0 0 var(--color-white);
}
.rbt-banner-curved-style.rbt-banner-has-center-curved-style.rbt-banner-has-top-center-curved-style .rbt-banner-center-curved-wrapper {
  top: 0;
}
.rbt-banner-curved-style.rbt-banner-has-center-curved-style.rbt-banner-has-bottom-center-curved-style .rbt-banner-center-curved-wrapper {
  bottom: 0;
  border-radius: 12px 12px 0 0;
}
.rbt-banner-curved-style.rbt-banner-has-center-curved-style.rbt-banner-has-bottom-center-curved-style .rbt-banner-center-curved-wrapper::before, .rbt-banner-curved-style.rbt-banner-has-center-curved-style.rbt-banner-has-bottom-center-curved-style .rbt-banner-center-curved-wrapper:after {
  box-shadow: 15px 15px 0 0 var(--color-white);
}
.rbt-banner-curved-style.rbt-banner-has-center-curved-style.rbt-banner-has-bottom-center-curved-style .rbt-banner-center-curved-wrapper::before {
  top: unset;
  left: unset;
  bottom: 0;
  right: 100%;
}
.rbt-banner-curved-style.rbt-banner-has-center-curved-style.rbt-banner-has-bottom-center-curved-style .rbt-banner-center-curved-wrapper::after {
  bottom: 0;
  left: 100%;
  top: unset;
  right: unset;
  box-shadow: -15px 15px 0 0 var(--color-white);
}

.rbt-static-banner {
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
.rbt-static-banner .rbt-banner-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 32px;
  max-width: 511px;
  margin: 0 auto;
}
.rbt-static-banner .rbt-banner-content.rbt-banner-content-has-bg-one {
  background-image: url(../images/bg-shape/banner-bg-grid-shape-01.svg);
}
.rbt-static-banner .rbt-banner-content.rbt-banner-content-has-bg-two {
  background-image: url(../images/product-banner/product-banner-bg-borkha-01.webp);
  max-width: unset;
}
.rbt-static-banner.rbt-static-banner-var-two .rbt-banner-content {
  padding: 8px;
}
.rbt-static-banner.rbt-static-banner-var-two .rbt-product-banner-img img {
  max-height: 688px;
}

.rbt-banner-has-top-bottom-flash {
  position: relative;
}
.rbt-banner-has-top-bottom-flash::before, .rbt-banner-has-top-bottom-flash:after {
  content: "";
  position: absolute;
  width: 556px;
  height: 556px;
  filter: blur(135px);
  border-radius: 50%;
  opacity: 0.3;
}
.rbt-banner-has-top-bottom-flash::before {
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
  background: var(--color-secondary);
}
.rbt-banner-has-top-bottom-flash::after {
  left: 0;
  bottom: 0;
  transform: translate(-50%, 50%);
  background: var(--color-primary);
}

.rbt-floating-hero-banner {
  position: relative;
  overflow: hidden;
}
.rbt-floating-hero-banner .rbt-desc {
  position: absolute;
  z-index: 2;
  color: var(--color-gray-600);
  max-width: 428px;
  margin-bottom: 0;
  font-size: 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-floating-hero-banner .rbt-desc {
    font-size: 16px;
    max-width: 360px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-floating-hero-banner .rbt-desc {
    font-size: 14px;
    max-width: 360px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-floating-hero-banner .rbt-desc {
    font-size: 12px;
    max-width: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-floating-hero-banner .rbt-desc {
    font-size: 12px;
    max-width: 250px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-floating-hero-banner .rbt-desc {
    font-size: 12px;
    max-width: 250px;
  }
}
.rbt-floating-hero-banner .rbt-desc.rbt-floating-desc-right-bottom {
  bottom: 18%;
  right: 8%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-floating-hero-banner .rbt-desc.rbt-floating-desc-right-bottom {
    max-width: 360px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-floating-hero-banner .rbt-desc.rbt-floating-desc-right-bottom {
    max-width: 360px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-floating-hero-banner .rbt-desc.rbt-floating-desc-right-bottom {
    max-width: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-floating-hero-banner .rbt-desc.rbt-floating-desc-right-bottom {
    max-width: 250px;
    right: 0;
    bottom: 10%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-floating-hero-banner .rbt-desc.rbt-floating-desc-right-bottom {
    max-width: 250px;
    right: 0;
    bottom: 10%;
  }
}
.rbt-floating-hero-banner .rbt-desc.rbt-floating-desc-right-top {
  top: 13%;
  right: 5%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-floating-hero-banner .rbt-desc.rbt-floating-desc-right-top {
    top: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-floating-hero-banner .rbt-desc.rbt-floating-desc-right-top {
    top: 5%;
  }
}
.rbt-floating-hero-banner .bg-shape-icon {
  position: absolute;
}
.rbt-floating-hero-banner .bg-shape-icon.bg-shape-icon-left--50 {
  transform: translate(-50%);
}
@media only screen and (max-width: 1199px) {
  .rbt-floating-hero-banner .bg-shape-icon {
    max-width: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-floating-hero-banner .bg-shape-icon {
    max-width: 48px;
  }
}

.grid-product-banner-grp {
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

.rbt-banner-has-bg-icon {
  position: relative;
}
.rbt-banner-has-bg-icon .bg-shape-icon {
  position: absolute;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-has-bg-icon .bg-shape-icon {
    max-width: 100px;
  }
}

.rbt-banner-has-bg-grid-both {
  position: relative;
  z-index: 1;
}
.rbt-banner-has-bg-grid-both::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url(../images/bg-shape/bg-grid-line-both-vh-01.webp);
  background-size: 100%;
  z-index: -2;
}

.rbt-banner-has-bg-grid-two {
  position: relative;
  z-index: 1;
}
.rbt-banner-has-bg-grid-two::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url(../images/bg-shape/banner-bg-grid-shape-02.svg);
  z-index: -2;
}

.rbt-banner-bg-black-gradient-overlay {
  position: relative;
}
.rbt-banner-bg-black-gradient-overlay::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(71, 86, 81, 0) 0%, rgba(71, 86, 81, 0.5) 73.4%);
}

.rbt-product-banner-style-seven {
  border: 0;
}
.rbt-product-banner-style-seven .rbt-banner-inner {
  padding: 170px 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 750px;
}
@media only screen and (min-width: 2560px) {
  .rbt-product-banner-style-seven .rbt-banner-inner {
    min-height: 85vh;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner-style-seven .rbt-banner-inner {
    padding: 120px 88px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-product-banner-style-seven .rbt-banner-inner {
    min-height: auto;
    padding: 100px 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner-style-seven .rbt-banner-inner {
    min-height: auto;
    padding: 80px 100px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner-style-seven .rbt-banner-inner {
    min-height: auto;
    padding: 40px 20px;
  }
}
.rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-img img {
  height: 100%;
  width: 100%;
}
.rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-img.rbt-product-img-three-template {
  grid-template-columns: repeat(3, 1fr);
}
.rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-img.rbt-product-img-one-template {
  grid-template-columns: repeat(1, 1fr);
}
.rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content {
  position: relative;
  z-index: 1;
}
.rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-banner-subtitle-two {
  font-family: var(--font-secondary);
  font-size: 48px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-banner-subtitle-two {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-banner-subtitle-two {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-banner-subtitle-two {
    font-size: 24px;
  }
}
.rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-title {
  font-family: var(--font-tertiary);
  font-size: 180px;
  text-transform: uppercase;
  letter-spacing: -3.6px;
  font-weight: var(--f-regular);
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-title {
    font-size: 108px;
    letter-spacing: -3px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-title {
    font-size: 80px;
    letter-spacing: -2.6px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-title {
    font-size: 64px;
    letter-spacing: -1.6px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-title {
    font-size: 36px;
    letter-spacing: 0;
  }
}
.rbt-product-banner-style-seven.rbt-banner-seven-var-1 .rbt-banner-inner .rbt-product-banner-content .rbt-banner-subtitle-two {
  text-align: center;
  font-family: var(--font-tertiary);
  font-size: 108px;
  font-weight: var(--f-semi-bold);
  line-height: 1;
  color: var(--color-gray-400);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner-style-seven.rbt-banner-seven-var-1 .rbt-banner-inner .rbt-product-banner-content .rbt-banner-subtitle-two {
    font-size: 68px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-product-banner-style-seven.rbt-banner-seven-var-1 .rbt-banner-inner .rbt-product-banner-content .rbt-banner-subtitle-two {
    font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner-style-seven.rbt-banner-seven-var-1 .rbt-banner-inner .rbt-product-banner-content .rbt-banner-subtitle-two {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner-style-seven.rbt-banner-seven-var-1 .rbt-banner-inner .rbt-product-banner-content .rbt-banner-subtitle-two {
    font-size: 24px;
  }
}
.rbt-product-banner-style-seven.rbt-banner-seven-var-1 .rbt-banner-inner .rbt-product-banner-content .rbt-title {
  text-align: center;
  font-family: var(--font-quaternary);
  font-size: 220px;
  font-weight: 800;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner-style-seven.rbt-banner-seven-var-1 .rbt-banner-inner .rbt-product-banner-content .rbt-title {
    font-size: 152px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-product-banner-style-seven.rbt-banner-seven-var-1 .rbt-banner-inner .rbt-product-banner-content .rbt-title {
    font-size: 130px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-product-banner-style-seven.rbt-banner-seven-var-1 .rbt-banner-inner .rbt-product-banner-content .rbt-title {
    font-size: 88px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner-style-seven.rbt-banner-seven-var-1 .rbt-banner-inner .rbt-product-banner-content .rbt-title {
    font-size: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner-style-seven.rbt-banner-seven-var-1 .rbt-banner-inner .rbt-product-banner-content .rbt-title {
    font-size: 48px;
  }
}

.rbt-hero-banner-classic {
  min-height: 651px;
}
.rbt-hero-banner-classic .rbt-hero-banner-img {
  position: relative;
}
.rbt-hero-banner-classic .rbt-hero-banner-img .rbt-hero-banner-shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.rbt-hero-banner-classic .rbt-hero-banner-content {
  position: relative;
  z-index: 1;
}
.rbt-hero-banner-classic .rbt-hero-banner-content .subtitle {
  font-family: var(--font-secondary);
  font-size: 40px;
  line-height: 1;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .rbt-hero-banner-classic .rbt-hero-banner-content .subtitle {
    font-size: 20px;
  }
}
.rbt-hero-banner-classic .rbt-hero-banner-content .title {
  font-family: var(--font-quaternary);
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
.rbt-hero-banner-classic .rbt-hero-banner-content .title.font-size-v2 {
  font-size: 70px;
}
@media only screen and (max-width: 767px) {
  .rbt-hero-banner-classic .rbt-hero-banner-content .title {
    font-size: 40px;
  }
}
.rbt-hero-banner-classic .rbt-hero-banner-content .rbt-content-shape-star {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  text-align: center;
}
@media only screen and (max-width: 479px) {
  .rbt-hero-banner-classic .rbt-hero-banner-content .rbt-content-shape-star {
    height: 100px;
    width: 100px;
    left: 0;
  }
  .rbt-hero-banner-classic .rbt-hero-banner-content .rbt-content-shape-star .text {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-hero-banner-classic .rbt-hero-banner-content .rbt-content-shape-star {
    transform: translate(-35%, -40%);
  }
}
.rbt-hero-banner-classic .rbt-hero-banner-content .rbt-content-shape-star.rbt-content-shape-star-right {
  right: 0;
  left: unset;
  transform: translate(35%, -40%);
}
.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 {
  border-radius: var(--radius-big);
  position: relative;
  z-index: 99;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 {
    min-height: 550px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 {
    min-height: 480px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 {
    min-height: unset;
  }
}
.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2::after {
  content: none;
}
.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content {
  min-height: 630px;
  padding-top: 32px;
  padding-bottom: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content {
    min-height: unset;
    padding-left: 32px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content {
    min-height: 552px;
    padding-left: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content {
    min-height: 400px;
  }
}
.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content .title {
  font-family: var(--font-tertiary);
  margin-bottom: 0;
  font-size: 140px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content .title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content .title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content .title {
    font-size: 48px;
  }
}
.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content .title.title-var-2 {
  font-size: 64px;
  line-height: 1.16;
  margin: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content .title.title-var-2 {
    font-size: 52px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content .title.title-var-2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content .title.title-var-2 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content .title.title-var-2 {
    font-size: 28px;
  }
}
.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content .rbt-btn {
  width: fit-content;
}
.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-img {
  position: absolute;
  z-index: 1;
  bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-img {
    position: static;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-img {
    right: 0;
  }
}
.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-img img {
  max-height: 664px;
  min-height: 300px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-img img {
    max-height: 556px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-img img {
    max-height: 490px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-img img {
    max-height: 400px;
  }
}
.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-banner-bg-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  border-radius: var(--radius-big);
  pointer-events: none;
  object-fit: cover;
}

.rbt-hero-bg-gradient-green {
  background: linear-gradient(98deg, #FCFFA0 0.13%, #BBE3ED 100%);
}

.rbt-desc-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 65px;
}
@media only screen and (max-width: 767px) {
  .rbt-desc-list {
    gap: 33px;
  }
}
.rbt-desc-list li {
  margin: 0;
  font-size: 26px;
  color: var(--color-heading);
  position: relative;
}
@media only screen and (max-width: 767px) {
  .rbt-desc-list li {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-desc-list li {
    font-size: 14px;
  }
}
.rbt-desc-list li::before {
  content: "";
  position: absolute;
  left: -33px;
  top: 0;
  width: 1px;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 767px) {
  .rbt-desc-list li::before {
    left: -17px;
  }
}
.rbt-desc-list li:first-child::before {
  display: none;
}
.rbt-desc-list.rbt-desc-list-color-light li {
  color: var(--color-white);
}
.rbt-desc-list.rbt-desc-list-color-light li::before {
  content: "";
  background: rgba(255, 255, 255, 0.5);
}

.rbt-content-shape-star {
  height: 140px;
  width: 140px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
}
@media only screen and (max-width: 479px) {
  .rbt-content-shape-star {
    height: 100px;
    width: 100px;
  }
  .rbt-content-shape-star .text {
    font-size: 12px;
  }
}
.rbt-content-shape-star .rbt-star-shape {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.rbt-content-shape-star .rbt-star-shape svg {
  height: 100%;
  width: 100%;
}
.rbt-content-shape-star .text {
  color: var(--color-white);
  font-weight: var(--f-bold);
  font-size: 20px;
  line-height: 1;
}

.rbt-products-area-box.rbt-product-area-has-black-bg {
  background: url(../images/bg-shape/product-area-bg-shape-black-friday-01.webp) no-repeat;
  background-size: cover;
}

.rbt-product-banner-dark {
  position: relative;
}
.rbt-product-banner-dark .rbt-banner-content-area {
  position: absolute;
  bottom: 32px;
  text-align: center;
  width: 100%;
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.rbt-product-banner-dark.rbt-banner-dark-var-2 .rbt-banner-content-area {
  display: block;
  top: 72px;
  right: 164px;
  width: fit-content;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner-dark.rbt-banner-dark-var-2 .rbt-banner-content-area {
    top: 40px;
    right: 48px;
  }
}
.rbt-product-banner-dark.rbt-banner-dark-var-2 .rbt-content-shape-star {
  position: absolute;
  right: 52px;
  bottom: 88px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner-dark.rbt-banner-dark-var-2 .rbt-content-shape-star {
    right: 32px;
    bottom: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner-dark.rbt-banner-dark-var-2 .rbt-content-shape-star {
    right: 0px;
    top: 0;
    bottom: unset;
    height: 90px;
    width: 90px;
  }
}

.rbt-product-discount-banner {
  position: relative;
}
.rbt-product-discount-banner .rbt-discount-thumbnail {
  max-height: 436px;
  width: 100%;
}
.rbt-product-discount-banner .rbt-product-img {
  position: absolute;
  right: 216px;
  top: 50%;
  transform: translateY(-50%);
  max-height: 590px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-discount-banner .rbt-product-img {
    max-height: 408px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-product-discount-banner .rbt-product-img {
    right: 184px;
    max-height: 372px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-product-discount-banner .rbt-product-img {
    right: 136px;
    max-height: 310px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-discount-banner .rbt-product-img {
    right: 104px;
    max-height: 248px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-discount-banner .rbt-product-img {
    right: 44px;
    max-height: 124px;
  }
}

.rbt-text-gradient-golden {
  background: linear-gradient(90deg, #B37E12 0%, #EFCE6A 49.95%, #CD9D34 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rbt-text-gradient-secondary {
  background: linear-gradient(90deg, #FE3D06 0%, #F1A800 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rbt-has-bg-event-shape {
  background: url(../images/bg-shape/product-area-bg-shape-black-friday-02.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

.rbt-edge-shape-bottom {
  display: none;
}

.rbt-has-edge-shape-bottom {
  position: relative;
}
.rbt-has-edge-shape-bottom .rbt-edge-shape-bottom {
  display: block;
  position: absolute;
  top: calc(100% - 50px);
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-has-edge-shape-bottom .rbt-edge-shape-bottom {
    top: calc(100% - 36px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-has-edge-shape-bottom .rbt-edge-shape-bottom {
    top: calc(100% - 28px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-has-edge-shape-bottom .rbt-edge-shape-bottom {
    top: calc(100% - 20px);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-has-edge-shape-bottom .rbt-edge-shape-bottom {
    top: calc(100% - 10px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-cyber-monday-hero-section-area .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two-larger .rbt-product-banner-content {
    min-height: 370px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-cyber-monday-hero-section-area .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two-larger .rbt-product-banner-content {
    min-height: 370px;
  }
}

.rbt-laptop-hero-section-area .rbt-banner-title {
  font-size: 88px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .rbt-laptop-hero-section-area .rbt-banner-title {
    font-size: var(--h3);
  }
}

.rbt-mobile-hero-section-area .hero-img {
  position: relative;
}
.rbt-mobile-hero-section-area .hero-img .icon-img {
  position: absolute;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-mobile-hero-section-area .hero-img .icon-img {
    width: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-mobile-hero-section-area .hero-img .icon-img {
    width: 100px;
  }
}
.rbt-mobile-hero-section-area .hero-img .icon-img-01 {
  top: 80px;
  right: 0;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-mobile-hero-section-area .hero-img .icon-img-01 {
    top: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-mobile-hero-section-area .hero-img .icon-img-01 {
    top: 50px;
  }
}
.rbt-mobile-hero-section-area .hero-img .icon-img-02 {
  bottom: -111px;
  left: 40px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-mobile-hero-section-area .hero-img .icon-img-02 {
    bottom: -20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-mobile-hero-section-area .hero-img .icon-img-02 {
    bottom: -50px;
  }
}

.rbt-product-banner-m-01 {
  margin-top: 385px;
  position: relative;
  overflow: visible !important;
}
@media only screen and (max-width: 1199px) {
  .rbt-product-banner-m-01 {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner-m-01 {
    margin-top: 100px;
  }
}
.rbt-product-banner-m-01 .rbt-banner-img {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (max-width: 1199px) {
  .rbt-product-banner-m-01 .rbt-banner-img img {
    width: 337px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-product-banner-m-01 .rbt-banner-img img {
    width: 400px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-product-banner-m-01 .rbt-banner-img img {
    width: 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner .rounded-player[data-rbt-position-horigental] {
    left: 85%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner .rounded-player[data-rbt-position-horigental] {
    left: 80%;
  }
}

.rbt-wider-container {
  max-width: 1622px;
  margin-left: auto;
  margin-right: auto;
  padding: 56px 116px;
  background: var(--color-gray-light);
  border-radius: var(--radius-12);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-wider-container {
    padding: 32px;
    margin: 0 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-wider-container {
    padding: 32px;
    margin: 0 12px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-wider-container {
    padding: 20px 20px;
    margin: 0 8px;
  }
}

.rbt-kids-hero-section-area .rbt-wider-container {
  background: url(../images/product-banner/product-banner-bg-kids-cloth.webp);
  background-repeat: no-repeat;
  background-size: 100% 250%;
  border-radius: var(--radius-12) var(--radius-12) 0 0;
}

.rbt-product-banner.rbt-product-banner-style-six {
  border: none;
}
.rbt-product-banner.rbt-product-banner-style-six .rbt-banner-content .rbt-banner-subtitle {
  font-size: var(--h4);
  line-height: 1.5;
  font-weight: var(--f-regular);
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-six .rbt-banner-content .rbt-banner-subtitle {
    font-size: var(--h6);
  }
}
.rbt-product-banner.rbt-product-banner-style-six .rbt-banner-content .rbt-banner-title {
  font-size: 64px;
  line-height: 1.16;
  margin: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-product-banner.rbt-product-banner-style-six .rbt-banner-content .rbt-banner-title {
    font-size: 52px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-product-banner.rbt-product-banner-style-six .rbt-banner-content .rbt-banner-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-six .rbt-banner-content .rbt-banner-title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner.rbt-product-banner-style-six .rbt-banner-content .rbt-banner-title {
    font-size: 28px;
  }
}
.rbt-product-banner.rbt-product-banner-style-six .rbt-banner-content .rbt-banner-description {
  font-size: var(--h6);
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-six .rbt-banner-content .rbt-banner-description {
    font-size: var(--font-size-b1);
  }
}
.rbt-product-banner.rbt-product-banner-style-six .rbt-banner-content .rbt-banner-btn-grp {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner.rbt-product-banner-style-six .rbt-banner-content .rbt-banner-btn-grp {
    gap: 8px;
  }
}

.rbt-fashion-hero-section-area .rbt-gray-contain-box {
  padding-top: 116px;
  padding-bottom: 116px;
  min-height: 590px;
  background: url(../images/product-banner/product-banner-fashion-3-bg.webp);
  background-size: cover;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-fashion-hero-section-area .rbt-gray-contain-box {
    min-height: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .rbt-fashion-hero-section-area .rbt-gray-contain-box {
    background-size: 100% 100%;
  }
}
.rbt-fashion-hero-section-area .rbt-gray-contain-box .rbt-banner-img {
  position: absolute;
  top: 0;
  left: 40%;
  max-height: 711px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-fashion-hero-section-area .rbt-gray-contain-box .rbt-banner-img {
    left: auto;
    right: 0;
    max-height: 420px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-fashion-hero-section-area .rbt-gray-contain-box .rbt-banner-img {
    max-height: 400px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-fashion-hero-section-area .rbt-gray-contain-box .rbt-banner-img {
    left: 50%;
    transform: translateX(-50%);
  }
}
.rbt-fashion-hero-section-area .rbt-gray-contain-box .rbt-banner-btn-grp {
  margin-top: 24px;
}
@media only screen and (min-width: 1200px) {
  .rbt-fashion-hero-section-area .rbt-gray-contain-box .rbt-banner-btn-grp .rbt-btn {
    position: absolute;
    top: 150%;
    right: 0;
  }
}

.rbt-tennis-hero-section-area .rbt-banner-media {
  height: 100%;
}
.rbt-tennis-hero-section-area .rbt-banner-media img {
  object-fit: cover;
  height: 100%;
}
.rbt-tennis-hero-section-area .rbt-banner-content {
  height: 100%;
}
.rbt-tennis-hero-section-area .rbt-banner-content .rbt-product-slider-activation-1 {
  height: 100%;
}

.rbt-large-product-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.rbt-large-product-card figure {
  max-width: 600px;
  max-height: 590px;
  margin: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-large-product-card figure {
    max-height: 348px;
  }
}
.rbt-large-product-card figure img {
  max-height: 100%;
}
.rbt-large-product-card .rbt-product-card-content {
  padding: 24px 32px;
  background: var(--color-brand-100);
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-large-product-card .rbt-product-card-content {
    flex-direction: column;
    text-align: center;
    gap: 8px;
  }
}
.rbt-large-product-card .rbt-product-card-content .rbt-card-element .rbt-card-title {
  margin: 0;
}
.rbt-large-product-card .rbt-product-card-content .pricing-part del.price-text {
  font-size: var(--h6);
}
.rbt-large-product-card .rbt-product-card-content .pricing-part .price-text {
  font-size: var(--h5);
}
.rbt-large-product-card .rbt-product-card-content .pricing-part .rbt-offer-badge {
  font-size: var(--font-size-b4);
}

.rbt-product-banner-var-classic {
  position: relative;
  padding: 252px 0 144px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-product-banner-var-classic {
    padding: 188px 0 108px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner-var-classic {
    padding: 168px 0 80px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner-var-classic {
    padding: 116px 0 24px;
  }
}
.rbt-product-banner-var-classic .rbt-hero-banner-content {
  position: relative;
  z-index: 1;
}
.rbt-product-banner-var-classic .rbt-hero-banner-content .subtitle {
  font-size: var(--h1);
  font-weight: var(--f-bold);
  color: var(--color-extra-eight);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner-var-classic .rbt-hero-banner-content .subtitle {
    font-size: var(--h2);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner-var-classic .rbt-hero-banner-content .subtitle {
    font-size: var(--h4);
  }
}
.rbt-product-banner-var-classic .rbt-hero-banner-content .title {
  font-size: 140px;
  font-weight: var(--f-bold);
  color: var(--color-white);
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-product-banner-var-classic .rbt-hero-banner-content .title {
    font-size: 108px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner-var-classic .rbt-hero-banner-content .title {
    font-size: 88px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner-var-classic .rbt-hero-banner-content .title {
    font-size: 52px;
  }
}
.rbt-product-banner-var-classic .rbt-hero-banner-content .rbt-desc-list li {
  color: var(--color-white);
}
.rbt-product-banner-var-classic .rbt-hero-banner-content .rbt-desc-list li::before {
  background: var(--color-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-banner-var-classic .rbt-hero-banner-content .rbt-desc-list li {
    font-size: var(--h5);
  }
}
.rbt-product-banner-var-classic .rbt-hero-banner-content .rbt-content-shape {
  position: absolute;
  top: -16px;
  left: -100px;
}
@media only screen and (max-width: 767px) {
  .rbt-product-banner-var-classic .rbt-hero-banner-content .rbt-content-shape {
    left: -10px;
  }
}
.rbt-product-banner-var-classic .rbt-hero-bg-image {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-tea-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content, .rbt-jewellery-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content, .rbt-cosmetic-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content, .rbt-paddle-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content, .rbt-headphone-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content, .rbt-hijab-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content {
    padding: 132px 150px 100px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-tea-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content, .rbt-jewellery-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content, .rbt-cosmetic-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content, .rbt-paddle-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content, .rbt-headphone-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content, .rbt-hijab-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content {
    padding: 120px 20px 60px;
  }
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-black-friday-hero-section-area .rbt-product-banner-content {
    padding: 88px 0 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-dog-hero-section-area .rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger-static .rbt-product-banner-content {
    min-height: 555px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-dog-hero-section-area .rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger-static .rbt-product-banner-content {
    min-height: 432px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-dog-hero-section-area .rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger-static .rbt-product-banner-content {
    min-height: 400px;
    padding: 70px 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-dog-hero-section-area .rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger-static .rbt-product-banner-content {
    min-height: 380px;
    padding: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-dog-hero-section-area .rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger-static .rbt-product-banner-content {
    min-height: 380px;
    padding: 32px;
  }
}
.rbt-dog-hero-section-area .rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-img img {
  object-fit: contain;
}

.rbt-hero-slider-banner.has-rounded-banner img {
  border-radius: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-hero-slider-banner.has-rounded-banner img {
    border-radius: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-hero-slider-banner.has-rounded-banner img {
    border-radius: 8px;
  }
}
.rbt-hero-slider-banner.rbt-has-min-height img {
  min-height: 320px;
  object-fit: cover;
}

/*--------------------------
    Bottom Tools Bar
---------------------------*/
.rbt-toolbar {
  position: sticky;
  inset-inline: 0;
  bottom: 0;
  z-index: 350;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  background-color: var(--color-white);
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.12);
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: all 0.3s ease-in-out;
}
.rbt-toolbar.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.rbt-toolbar .rbt-quick-access {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 5px;
  height: 55px;
}
.rbt-toolbar .rbt-quick-access > li {
  width: 100%;
}
.rbt-toolbar .rbt-quick-access > li .rbt-round-btn {
  display: flex;
  flex-direction: column;
  gap: 0px;
  justify-content: center;
  align-items: center;
  line-height: 36px;
  font-size: 14px;
  width: 100%;
  height: 100%;
  border-radius: var(--radius);
}
.rbt-toolbar .rbt-quick-access > li .rbt-round-btn i {
  color: var(--color-gray-600);
}
.rbt-toolbar .rbt-quick-access > li .rbt-round-btn::after {
  background: var(--color-gray-200);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: -2px;
  opacity: 0;
  transform: scale(0.8);
  border-radius: var(--radius);
  z-index: -1;
  display: none;
}
.rbt-toolbar .rbt-quick-access > li .rbt-round-btn .access-box-count {
  top: -5px;
  left: calc(50% + 3px);
  width: 15px;
  min-width: 15px;
  line-height: 15px;
  height: 15px;
}
.rbt-toolbar .rbt-quick-access > li .rbt-round-btn .rbt-toolbar-label {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
}
.rbt-toolbar .rbt-quick-access > li:hover .rbt-round-btn {
  color: var(--color-primary);
  background: transparent;
}
.rbt-toolbar .rbt-quick-access > li:hover .rbt-round-btn i {
  color: var(--color-primary);
}
.rbt-toolbar .rbt-quick-access > li:hover .rbt-round-btn::after {
  transform: scale(1.08);
  opacity: 1;
}

/*----------------------
    RBT Video Styles  
-----------------------*/
.mfp-bg {
  z-index: 9999;
}

.mfp-wrap {
  z-index: 9999;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

html.picture {
  margin: 0 !important;
}

img.mfp-img {
  padding-bottom: 0;
}

.mfp-bg {
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(5px);
  opacity: 1;
}

.mfp-iframe-scaler iframe {
  border-radius: 10px;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 1;
}

.mfp-iframe-holder .mfp-close,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  top: -60px;
  right: -50px;
  font-size: 30px;
  font-weight: 400;
  transition: 0.4s;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: rgba(25, 35, 53, 0.3137254902);
  text-align: center;
  border-radius: var(--radius-full);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  color: var(--color-white);
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  top: -10px;
  right: -50px;
}

.rbt-vedio-section.rbt-vedio-section-style-one {
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.rbt-vedio-section.rbt-vedio-section-style-one .rbt-title {
  font-size: var(--font-size-xl);
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 32px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-vedio-section.rbt-vedio-section-style-one .rbt-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-vedio-section.rbt-vedio-section-style-one .rbt-title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-vedio-section.rbt-vedio-section-style-one .rbt-title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-vedio-section.rbt-vedio-section-style-one .rbt-title {
    font-size: 20px;
  }
}
.rbt-vedio-section.rbt-vedio-section-style-one .rbt-vedio-sm-img {
  position: absolute;
  max-width: 180px;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .rbt-vedio-section.rbt-vedio-section-style-one .rbt-vedio-sm-img {
    max-width: 60px;
  }
}
.rbt-vedio-section.rbt-vedio-section-style-one .rbt-vedio-sm-img.rbt-vedio-sm-img-1 {
  z-index: -2;
}
.rbt-vedio-section.rbt-vedio-section-style-one .rbt-vedio-sm-img.rbt-vedio-sm-img-2 {
  z-index: -3;
  max-width: 150px;
}
.rbt-vedio-section.rbt-vedio-section-style-one .rbt-vedio-sm-img.rbt-vedio-sm-img-3 {
  z-index: -1;
  max-width: 130px;
}
.rbt-vedio-section.rbt-vedio-section-style-one .rbt-vedio-sm-img.rbt-vedio-sm-img-4 {
  z-index: -3;
  max-width: 150px;
}
.rbt-vedio-section.rbt-vedio-section-style-one .rbt-vedio-sm-img.rbt-vedio-sm-img-5 {
  z-index: -1;
  max-width: 150px;
}
.rbt-vedio-section.rbt-vedio-section-style-one .rbt-vedio-sm-img.rbt-vedio-sm-img-6 {
  z-index: -2;
  max-width: 150px;
}

.fancybox__slide.has-image > .fancybox__content {
  background: var(--color-brand-50);
}

.f-thumbs__slide__button {
  background: var(--color-brand-50);
  border-radius: 6px;
  overflow: hidden;
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
  border-color: var(--color-primary);
  border-radius: 6px;
}

.is-classic .f-thumbs__slide__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  bottom: 0;
  border: 2px solid var(--color-gray-200);
  border-radius: 6px;
  animation: f-fadeIn 0.2s ease-out;
  z-index: 10;
}

.fancybox__infobar {
  font-size: var(--font-size-b1);
}

/*----------------------------
    Edu Pagination Style  
------------------------------*/
.rbt-pagination {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0;
}
.rbt-pagination li {
  position: relative;
  margin: 0;
  width: 48px;
  height: 48px;
  background: var(--color-brand-100);
  border-radius: var(--radius-full);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .rbt-pagination li {
    width: 40px;
    height: 40px;
  }
}
.rbt-pagination li a {
  width: calc(100% - 8px) !important;
  height: calc(100% - 8px) !important;
  text-align: center;
  color: var(--color-heading);
  transition: 0.4s;
  font-weight: var(--f-medium);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  border-radius: var(--radius-full);
  position: relative;
  z-index: 2;
}
.rbt-pagination li a i {
  font-size: 18px;
  font-weight: var(--f-medium);
}
.rbt-pagination li a.active, .rbt-pagination li a:hover {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-pagination li + li::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/pagination/pagination-mid-01.svg);
  width: 22px;
  height: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.rbt-pagination.rbt-pagination-sm li {
  height: 36px;
  width: 36px;
}
.rbt-pagination.rbt-pagination-sm li a {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  height: calc(100% - 6px);
  width: calc(100% - 6px);
}
.rbt-pagination.rbt-pagination-sm li a i {
  font-size: var(--font-size-b4);
}
.rbt-pagination.rbt-pagination-sm li + li::before {
  left: -10px;
  width: 15px;
  height: 10px;
}

.rbt-nav-effect-activation .rbt-pagination li a.active, .rbt-nav-effect-activation .rbt-pagination li a:hover {
  background: transparent;
  background-color: transparent;
  color: var(--color-heading);
}
.rbt-nav-effect-activation .rbt-pagination.rbt-pagination-bg-brand li {
  background: var(--color-brand-200);
}
.rbt-nav-effect-activation .rbt-pagination.rbt-pagination-bg-brand li a {
  color: var(--color-primary);
}
.rbt-nav-effect-activation .rbt-pagination.rbt-pagination-bg-brand li a.active, .rbt-nav-effect-activation .rbt-pagination.rbt-pagination-bg-brand li a:hover {
  background: transparent;
  background-color: transparent;
  color: var(--color-white);
}
.rbt-nav-effect-activation .rbt-pagination.rbt-pagination-bg-brand li a:hover {
  color: var(--color-brand-500);
}
.rbt-nav-effect-activation .rbt-pagination.rbt-pagination-bg-brand li + li::before {
  background-image: url(../images/pagination/pagination-mid-02.svg);
  transform: translateY(-50%);
  height: 24px;
}
.rbt-nav-effect-activation .rbt-pagination-bg-highlight {
  background: var(--color-white);
  border-radius: 50%;
}
.rbt-nav-effect-activation .rbt-pagination-bg-highlight.rbt-pagination-bg-highlight-brand {
  background: var(--color-primary);
}

/*===================
Mask Element Styles
====================*/
.rbt-curved-style-box {
  -webkit-mask-position: 0% 0%;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  background-image: url("../images/system/banner-mask-right-top-cut.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-mask-image: url("../images/system/banner-mask-right-top-cut.webp");
  mask-image: url("../images/system/banner-mask-right-top-cut.webp");
  border: 0;
}
@media only screen and (max-width: 1199px) {
  .rbt-curved-style-box {
    -webkit-mask-image: none;
    mask-image: none;
    background-image: none;
  }
}

.rbt-catagories-section.rbt-catagories-section-bg-one.rbt-curved-style-box {
  padding: 32px;
  margin: 0 -32px;
  width: calc(100% + 64px);
  -webkit-mask-image: url("../images/system/catagory-mask-right-top-cut.webp");
  mask-image: url("../images/system/catagory-mask-right-top-cut.webp");
  background-image: url("../images/system/catagory-mask-right-top-cut.webp");
}
@media only screen and (max-width: 1199px) {
  .rbt-catagories-section.rbt-catagories-section-bg-one.rbt-curved-style-box {
    padding: 0;
    margin: 0;
    width: 100%;
    -webkit-mask-image: none;
    mask-image: none;
    background-image: none;
  }
}

.rbt-cat-box.rbt-catagories-img-bg.rbt-curved-style-box {
  -webkit-mask-image: url("../images/system/catagory-img-mask-right-top-cut.webp");
  mask-image: url("../images/system/catagory-img-mask-right-top-cut.webp");
  background-image: url("../images/system/catagory-img-mask-right-top-cut.webp");
}
@media only screen and (max-width: 1199px) {
  .rbt-cat-box.rbt-catagories-img-bg.rbt-curved-style-box {
    -webkit-mask-image: none;
    mask-image: none;
    background-image: none;
  }
}

.rbt-product-card.rbt-list-view-variation .rbt-curved-style-box {
  -webkit-mask-image: url("../images/system/sm-list-product-mask-right-top-cut.webp");
  mask-image: url("../images/system/sm-list-product-mask-right-top-cut.webp");
  background-image: url("../images/system/sm-list-product-mask-right-top-cut.webp");
}
@media only screen and (max-width: 1199px) {
  .rbt-product-card.rbt-list-view-variation .rbt-curved-style-box {
    -webkit-mask-image: none;
    mask-image: none;
    background-image: none;
  }
}

.rbt-product-banner.rbt-product-banner-style-one .rbt-banner-inner.rbt-curved-style-box {
  -webkit-mask-image: url("../images/system/banner-mask-right-top-cut-2.webp");
  mask-image: url("../images/system/banner-mask-right-top-cut-2.webp");
  background-image: url("../images/system/banner-mask-right-top-cut-2.webp");
}
@media only screen and (max-width: 1199px) {
  .rbt-product-banner.rbt-product-banner-style-one .rbt-banner-inner.rbt-curved-style-box {
    -webkit-mask-image: none;
    mask-image: none;
    background-image: none;
  }
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-curved-style-box {
  -webkit-mask-image: url("../images/system/product-folder-shape-mask-01.webp");
  mask-image: url("../images/system/product-folder-shape-mask-01.webp");
  background-image: url("../images/system/product-folder-shape-mask-01.webp");
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-curved-style-box.rbt-curved-style-box-2 {
  -webkit-mask-image: url("../images/system/product-folder-shape-mask-02.webp");
  mask-image: url("../images/system/product-folder-shape-mask-02.webp");
  background-image: url("../images/system/product-folder-shape-mask-02.webp");
}

.rbt-product-banner.rbt-product-banner-style-two.rbt-curved-style-box {
  -webkit-mask-image: url("../images/system/banner-mask-right-top-cut-03.webp");
  mask-image: url("../images/system/banner-mask-right-top-cut-03.webp");
  background-image: url("../images/system/banner-mask-right-top-cut-03.webp");
}
@media only screen and (max-width: 1199px) {
  .rbt-product-banner.rbt-product-banner-style-two.rbt-curved-style-box {
    -webkit-mask-image: none;
    mask-image: none;
    background-image: none;
  }
}

/*----------------------------- 
    Folder Shape Box Styles
-------------------------------*/
.rbt-fshape-box-outline-style .rbt-component-section-title {
  margin: 0;
  display: inline-block;
  padding: 12px 8px 0 32px;
  background: var(--color-gray-light);
  border: 0;
  border-top: 2px solid var(--color-brand-100);
  border-left: 2px solid var(--color-brand-100);
  border-radius: 18px 0 0 0;
  margin-bottom: -2px;
  position: relative;
  max-width: 80%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-fshape-box-outline-style .rbt-component-section-title {
    padding: 12px 16px 0 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-fshape-box-outline-style .rbt-component-section-title {
    padding: 12px 16px 12px 16px;
    width: 100%;
    max-width: 100%;
    border-radius: 12px 12px 0 0;
    border-right: 2px solid var(--color-brand-100);
    text-align: center;
  }
}
.rbt-fshape-box-outline-style .rbt-component-section-title .rbt-fshape-right-portion {
  position: absolute;
  top: -2px;
  left: 100%;
  width: 52px;
  height: calc(100% + 2px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-fshape-box-outline-style .rbt-component-section-title .rbt-fshape-right-portion {
    display: none;
  }
}
.rbt-fshape-box-outline-style .rbt-component-section-title .rbt-fshape-right-portion.rbt-fshape-right-portion-sm {
  width: 48px;
}
.rbt-fshape-box-outline-style .rbt-component-section-title .rbt-fshape-right-portion svg {
  height: 100%;
  width: 100%;
  display: inline-block;
}
.rbt-fshape-box-outline-style .rbt-fshape-box {
  padding: 32px;
  background: transparent;
  border: 2px solid var(--color-brand-100);
  border-radius: 0 var(--radius-big) var(--radius-big) var(--radius-big);
}
.rbt-fshape-box-outline-style .rbt-fshape-box.rbt-fshape-box-py-inc {
  padding: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-fshape-box-outline-style .rbt-fshape-box.rbt-fshape-box-py-inc {
    padding: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-fshape-box-outline-style .rbt-fshape-box {
    padding: 16px;
    border-radius: 0 0 var(--radius-big) var(--radius-big);
    padding-top: 0;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-fshape-box-outline-style .rbt-fshape-box {
    padding: 8px;
    padding-top: 0;
  }
}
.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-bg-white .rbt-component-section-title {
  background: var(--color-white);
}
.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-bg-white .rbt-fshape-box {
  background: var(--color-white);
}
.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-bg-dark .rbt-component-section-title {
  background: var(--color-extra-ten);
  border-color: var(--color-extra-nine);
}
.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-bg-dark .rbt-fshape-box {
  background: var(--color-extra-ten);
  border-color: var(--color-extra-nine);
}
.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-bg-dark .rbt-card-row-has-top-separator .rbt-card {
  border-color: var(--color-extra-nine);
}
.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-bg-dark .rbt-card-row-has-top-separator .rbt-card .rbt-card-title {
  color: var(--color-white);
}
.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-bg-dark .rbt-card-row-has-top-separator .rbt-card .rbt-card-title:hover a {
  color: var(--color-gray-200);
}
.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-sm-size .rbt-component-section-title {
  padding: 12px 24px 0 24px;
  margin-left: 0;
  margin-bottom: -3px;
}
.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-sm-size .rbt-component-section-title .rbt-title {
  font-size: 18px;
  line-height: 1.8;
}
@media only screen and (max-width: 575px) {
  .rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-sm-size .rbt-component-section-title .rbt-title {
    font-size: 16px;
    line-height: 1.8;
  }
}
.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-sm-size .rbt-component-section-title::after {
  width: 38px;
}
.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-sm-size .rbt-fshape-box {
  padding: 24px;
  border-radius: 0 var(--radius-big) var(--radius-big) var(--radius-big);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-sm-size .rbt-fshape-box {
    border-radius: 0 0 var(--radius-12) var(--radius-12);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-sm-size .rbt-fshape-box {
    border-radius: 0 0 var(--radius-12) var(--radius-12);
    padding: 16px;
  }
}
.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-extend-width .rbt-component-section-title {
  margin-left: -32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-extend-width .rbt-component-section-title {
    margin-left: -16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-extend-width .rbt-component-section-title {
    margin: 0;
    margin-bottom: -2px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-extend-width .rbt-component-section-title {
    margin: 0;
    margin-bottom: -2px;
  }
}
.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-extend-width .rbt-fshape-box {
  margin: 0 -32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-extend-width .rbt-fshape-box {
    margin: 0 -16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-extend-width .rbt-fshape-box {
    margin: 0;
    border-radius: 0 0 var(--radius-12) var(--radius-12);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-extend-width .rbt-fshape-box {
    margin: 0;
    border-radius: 0 0 var(--radius-12) var(--radius-12);
  }
}
.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-primary-stroke .rbt-component-section-title {
  border-color: var(--color-primary);
}
.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-primary-stroke .rbt-fshape-box {
  border-color: var(--color-primary);
}

.rbt-product-fshape-box-outline-style {
  position: relative;
}
.rbt-product-fshape-box-outline-style .rbt-offer-countdown-section {
  position: absolute;
  right: 0;
  top: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-product-fshape-box-outline-style .rbt-offer-countdown-section {
    left: 0;
    top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-product-fshape-box-outline-style .rbt-offer-countdown-section {
    position: relative;
    top: 0;
    left: 0;
    border-left: 2px solid var(--color-brand-100);
    border-right: 2px solid var(--color-brand-100);
    padding-bottom: 18px;
    margin-bottom: -2px;
    background: var(--color-white);
  }
  .rbt-product-fshape-box-outline-style .rbt-offer-countdown-section.rbt-offer-countdown-section-primary {
    background: var(--color-gray-light);
    border-color: var(--color-primary);
  }
}

.rbt-fshape-row.position-relative .rbt-link.position-absolute {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-fshape-row.position-relative .rbt-link.position-absolute {
    right: 32px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-fshape-row.position-relative .rbt-link.position-absolute {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
  }
}

.rbt-fshape-box.rbt-bg-color-gray-light .rbt-discount-badge::after {
  background: var(--color-gray-light);
}

/*----------------------
   Timeline Styles  
-----------------------*/
.rbt-timeline.rbt-timeline-style-one {
  padding: 0 28px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-timeline.rbt-timeline-style-one {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
}
.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element {
  display: flex;
  gap: 144px;
  align-items: center;
  position: relative;
  z-index: 1;
  transition: var(--transition);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element {
    flex-wrap: wrap;
    gap: 24px;
  }
}
.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background-image: linear-gradient(var(--color-brand-300) 33%, rgba(255, 255, 255, 0) 0%);
  background-position: right;
  background-size: 2px 20px;
  background-repeat: repeat-y;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element::after {
    opacity: 0;
    visibility: hidden;
  }
}
.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element:first-child::after {
  height: 50%;
  top: 50%;
}
.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element:last-child::after {
  height: 50%;
}
.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element .rbt-timeline-image {
  flex-basis: 45%;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element .rbt-timeline-image {
    flex-basis: 100%;
  }
}
.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element .rbt-timeline-image img {
  transition: var(--transition);
}
.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element .rbt-timeline-content {
  flex-basis: 45%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element .rbt-timeline-content {
    flex-basis: 100%;
    order: 2;
  }
}
.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element .rbt-timeline-content .rbt-timeline-count-digit {
  height: 64px;
  width: 64px;
  border-radius: var(--radius-full);
  font-size: var(--h5);
  line-height: 1.1;
  background: var(--color-brand-300);
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: var(--transition);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element .rbt-timeline-content .rbt-timeline-count-digit {
    position: static;
    margin-bottom: 12px;
    transform: none;
  }
}
.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element .rbt-timeline-content .rbt-timeline-title {
  margin-bottom: 24px;
}
.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element .rbt-timeline-content .rbt-timeline-infolist li {
  margin: 12px 0;
}
.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element .rbt-timeline-content .rbt-timeline-infolist li::marker {
  color: var(--color-primary);
  font-size: 16px;
  line-height: 1.5;
}
.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element:hover .rbt-timeline-count-digit {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element:hover .rbt-timeline-image img {
  transform: scale(1.02);
}

/*----------------------------- 
    Product Comparison Styles
-------------------------------*/
.rbt-img-peeker-list-single.rbt-has-show-more .rbt-has-show-more-inner-content {
  max-height: 420px;
}

.rbt-img-peeker-list,
.rbt-list-card-box-one {
  max-height: 460px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
}
.rbt-img-peeker-list::-webkit-scrollbar-track,
.rbt-list-card-box-one::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: var(--color-gray-50);
  border-radius: 40px;
  height: 337px;
}
.rbt-img-peeker-list::-webkit-scrollbar,
.rbt-list-card-box-one::-webkit-scrollbar {
  width: 4px;
  height: 337px;
  background-color: var(--color-gray-50);
}
.rbt-img-peeker-list::-webkit-scrollbar-thumb,
.rbt-list-card-box-one::-webkit-scrollbar-thumb {
  border-radius: 40px;
  background-color: var(--color-gray-300);
}
.rbt-img-peeker-list .rbt-product-card.rbt-list-view-variation.list-view-md .rbt-card-body,
.rbt-list-card-box-one .rbt-product-card.rbt-list-view-variation.list-view-md .rbt-card-body {
  padding: 0;
}

.rbt-products-comparison-area .rbt-list-card-box-one.rbt-has-show-more .rbt-has-show-more-inner-content {
  max-height: 420px;
}

.rbt-img-peeker-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (max-width: 767px) {
  .rbt-img-peeker-list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
  }
  .rbt-img-peeker-list .rbt-img-peeker-single {
    flex-basis: 48%;
    display: flex;
  }
}

.rbt-img-peeker-single a {
  display: block;
  position: relative;
}
.rbt-img-peeker-single a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%);
  left: 0;
  top: 0;
}
.rbt-img-peeker-single a img {
  border-radius: 16px;
  border: 3px solid transparent;
  object-fit: cover;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .rbt-img-peeker-single a img {
    border-radius: 8px;
  }
}
.rbt-img-peeker-single a.active::after {
  display: none;
}
.rbt-img-peeker-single a.active img {
  border-color: var(--color-primary);
}

.rbt-img-comparison-single {
  /* position 2 images and range slider above each other*/
  /* move div to right*/
  /* compensation right movement*/
  /* Range Slider */
  /*********************
    OPTIONAL Custom Styling
  *********************/
}
.rbt-img-comparison-single img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}
.rbt-img-comparison-single .rbt-block--comparison {
  /* hide shadow */
  overflow: hidden;
}
.rbt-img-comparison-single .rbt-block--comparison .rbt-block__image {
  --range: 50%;
  /* to position elements above each other */
  display: grid;
}
.rbt-img-comparison-single .rbt-block--comparison .rbt-block__img {
  grid-column: -1/1;
  grid-row: -1/1;
  overflow: hidden;
}
.rbt-img-comparison-single .rbt-block__img--last {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
  transform: translateX(calc(var(--range) - 100%));
}
.rbt-img-comparison-single .rbt-block__img--last img {
  transform: translateX(calc(100% - var(--range)));
}
.rbt-img-comparison-single .rbt-block__slide {
  /* scale range slider to size of image container */
  position: absolute;
  margin: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: ew-resize;
  -webkit-appearance: none;
  background: transparent;
  /* hide range slider */
  opacity: 0;
}
.rbt-img-comparison-single .rbt-block__slide::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 0;
  height: 0;
}
.rbt-img-comparison-single .rbt-block__slide::-moz-range-thumb {
  width: 0;
  height: 0;
}
.rbt-img-comparison-single .rbt-block__slide:focus {
  outline: none;
}
.rbt-img-comparison-single .rbt-block--comparison {
  position: relative;
  /* container width and height */
  width: 100%;
  min-height: 460px;
  border-radius: 16px;
}
.rbt-img-comparison-single .rbt-block--comparison .rbt-block__img {
  /* just to fit to container */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rbt-img-comparison-single .img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.rbt-block__slide-line {
  position: absolute;
  top: 0;
  left: var(--range);
  width: 2px;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
}
.rbt-block__slide-line .rbt-block__slide-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  height: 48px;
  width: 48px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: var(--radius-full);
  text-align: center;
  color: var(--color-white);
  line-height: 48px;
}

.rbt-comparison-badge {
  border-radius: 16px;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  position: absolute;
  color: var(--color-heading);
  font-weight: 500;
  top: 16px;
  z-index: 1;
}
.rbt-comparison-badge.rbt-comparison-badge-before {
  left: 16px;
}
.rbt-comparison-badge.rbt-comparison-badge-after {
  right: 16px;
}

/*----------------------------- 
    Product Review Styles
-------------------------------*/
.rbt-review-wth-product .rbt-product-review-inner {
  border-radius: var(--radius-12);
  overflow: hidden;
}
.rbt-review-wth-product .rbt-product-review-inner .rbt-review-top-section {
  padding: 32px;
  padding-top: 40px;
}
.rbt-review-wth-product .rbt-product-review-inner .rbt-review-top-section .rbt-review-title {
  font-weight: 700;
  margin-bottom: 0;
}
.rbt-review-wth-product .rbt-product-review-inner .rbt-review-top-section .rbt-reviwer-inf {
  margin-top: 24px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.rbt-review-wth-product .rbt-product-review-inner .rbt-review-top-section .rbt-reviwer-inf .rbt-reviewer-name {
  font-weight: 500;
  color: var(--color-heading);
}
.rbt-review-wth-product .rbt-product-review-inner .rbt-review-bottom-section {
  border-top: 2px solid var(--color-gray-100);
  padding: 16px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rbt-review-wth-product .rbt-product-review-inner .rbt-review-bottom-section:hover .rbt-review-prd-img img {
  transform: scale(1.1);
}
.rbt-review-wth-product .rbt-product-review-inner .rbt-review-bottom-section .rbt-review-bottom-left-part {
  display: flex;
  gap: 16px;
  align-items: center;
}
.rbt-review-wth-product .rbt-product-review-inner .rbt-review-bottom-section .rbt-review-bottom-left-part .rbt-review-prd-img img {
  max-width: 56px;
  height: auto;
  transition: var(--transition);
  border-radius: 4px;
}
.rbt-review-wth-product .rbt-product-review-inner .rbt-review-bottom-section .rbt-review-bottom-left-part .rbt-review-prd-title a {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  text-decoration: underline;
  font-weight: 500;
}
.rbt-review-wth-product .rbt-product-review-inner .rbt-review-bottom-section .rbt-cart-button {
  width: 48px;
  background-color: var(--color-gray-light);
  height: 48px;
  line-height: 45px;
  text-align: center;
  display: inline-block;
  border-radius: var(--radius-full);
  transition: var(--transition);
  color: var(--color-body);
  z-index: 2;
  position: relative;
}
.rbt-review-wth-product .rbt-product-review-inner .rbt-review-bottom-section .rbt-cart-button::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: var(--color-primary);
  transform: scale(0.5);
  opacity: 0;
  transition: var(--transition);
  border-radius: var(--radius-full);
}
.rbt-review-wth-product .rbt-product-review-inner .rbt-review-bottom-section .rbt-cart-button:hover {
  color: var(--color-white);
}
.rbt-review-wth-product .rbt-product-review-inner .rbt-review-bottom-section .rbt-cart-button:hover::after {
  transform: scale(1);
  opacity: 1;
}
.rbt-review-wth-product .rbt-product-review-inner .rbt-review-bottom-section .rbt-cart-button i {
  vertical-align: middle;
}

.rbt-reviewer-chk-badge {
  padding: 2px 8px;
  border-radius: 40px;
  background-color: var(--color-light-green);
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  display: flex;
  gap: 4px;
  align-items: center;
  font-weight: 500;
}

.rbt-review-card-var-2 .rbt-review-card-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rbt-review-card-var-2 .rbt-review-text {
  font-size: var(--h3);
  color: var(--color-white);
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-review-card-var-2 .rbt-review-text {
    font-size: var(--h5);
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-review-card-var-2 .rbt-review-text {
    font-size: var(--font-size-b1);
    margin-bottom: 20px;
  }
}
.rbt-review-card-var-2 .rbt-rating-icon-list {
  gap: 8px;
}
.rbt-review-card-var-2 .rbt-rating-icon-list li i {
  font-size: var(--h3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-review-card-var-2 .rbt-rating-icon-list li i {
    font-size: var(--h5);
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-review-card-var-2 .rbt-rating-icon-list li i {
    font-size: var(--font-size-b1);
  }
}
.rbt-review-card-var-2 .rbt-client {
  margin-top: 12px;
  margin-bottom: 0;
  font-size: var(--h3);
  color: var(--color-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-review-card-var-2 .rbt-client {
    font-size: var(--h5);
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-review-card-var-2 .rbt-client {
    font-size: var(--font-size-b1);
  }
}
.rbt-review-card-var-2 .rbt-review-card-media figure {
  display: flex;
  justify-content: center;
}
.rbt-review-card-var-2 .rbt-review-card-media figure img {
  max-height: 572px;
}

.rbt-section-has-edge-divider {
  position: relative;
}
.rbt-section-has-edge-divider .rbt-edge-top,
.rbt-section-has-edge-divider .rbt-edge-bottom {
  position: absolute;
  width: 100%;
  line-height: 1;
}
.rbt-section-has-edge-divider .rbt-edge-top svg,
.rbt-section-has-edge-divider .rbt-edge-bottom svg {
  width: 100%;
}
.rbt-section-has-edge-divider .rbt-edge-top svg path,
.rbt-section-has-edge-divider .rbt-edge-bottom svg path {
  height: 100%;
}
.rbt-section-has-edge-divider .rbt-edge-top {
  bottom: calc(100% - 4px);
}
.rbt-section-has-edge-divider .rbt-edge-bottom {
  top: calc(100% - 4px);
}

/*--------------------------
    Zoom Section Style
---------------------------*/
/*set a border on the images to prevent shifting*/
#gallery_01 img {
  border: 2px solid white;
}

/*Change the colour*/
#gallery_01.active img {
  border: 2px solid #333 !important;
}

.clearfix {
  display: block;
  width: 100%;
  float: left;
}

.zoom-left {
  max-width: 412px;
}

.zoomWindow {
  border-radius: 8px;
}

.zoomContainer {
  z-index: 5;
}
@media only screen and (max-width: 1199px) {
  .zoomContainer {
    display: none;
  }
}

/* Zoom in image on scroll */
.animate--zoom-in {
  --zoom-in-ratio: 1;
}

.animate--zoom-in > img,
.animate--zoom-in > svg {
  transition: scale var(--duration-short) linear;
  scale: var(--zoom-in-ratio);
}

:root {
  --duration-announcement-bar: 250ms;
  --duration-medium: 300ms;
  --duration-long: 500ms;
  --duration-extra-long: 600ms;
  --duration-extra-longer: 750ms;
  --duration-extended: 3s;
  --animation-slide-in: slideIn var(--duration-extra-long) ease forwards;
  --animation-fade-in: fadeIn var(--duration-extra-long) ease forwards;
  --animation-zoom-in: zoomIn var(--duration-extra-longer) ease forwards;
  --animation-zoom-out: zoomOut var(--duration-extra-longer) ease forwards;
}

/* Animations */
@media (prefers-reduced-motion: no-preference) {
  .animate--ambient > img,
  .animate--ambient > svg {
    animation: animateAmbient 30s linear infinite;
  }
  @keyframes animateAmbient {
    0% {
      transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2);
    }
    100% {
      transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2);
    }
  }
  .rbt-scroll-trigger:is(.zoom_in, .zoom_out, .fade_in, .slide_in) {
    opacity: 0.01;
  }
  .rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen).zoom_in {
    animation: var(--animation-zoom-in);
    animation-delay: calc(var(--animation-order) * 75ms);
  }
  .rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen).zoom_out {
    animation: var(--animation-zoom-out);
    animation-delay: calc(var(--animation-order) * 75ms);
  }
  .rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen).fade_in {
    animation: var(--animation-fade-in);
    animation-delay: calc(var(--animation-order) * 75ms);
  }
  .rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen).slide_in {
    animation: var(--animation-slide-in);
    animation-delay: calc(var(--animation-order) * 75ms);
  }
  .rbt-scroll-trigger.rbt-scroll-trigger--design-mode.fade_in,
  .rbt-scroll-trigger.rbt-scroll-trigger--design-mode.slide_in,
  .rbt-scroll-trigger.rbt-scroll-trigger--design-mode .slider,
  .rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen).rbt-scroll-trigger--cancel {
    opacity: 1;
    animation: none;
    transition: none;
  }
  .rbt-scroll-trigger[animation-end] {
    opacity: 1;
    animation: none !important;
    transition: none;
  }
  /* .collection-tab__tab-content
    .rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen).zoom_in {
    animation-delay: calc(0.5s + var(--animation-order) * 75ms);
  } */
  .rbt-scroll-trigger.rbt-scroll-trigger--design-mode.slide_in {
    transform: translateY(0);
  }
  @keyframes slideIn {
    from {
      transform: translateY(1rem);
      opacity: 0.01;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes zoomIn {
    from {
      opacity: 0;
      transform: scale(1.05);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes zoomOut {
    from {
      opacity: 0;
      transform: scale(1);
    }
    to {
      opacity: 1;
      transform: scale(1.05);
    }
  }
}
@media screen and (max-width: 989px) {
  .rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen) .slider--tablet {
    animation: var(--animation-slide-in);
  }
}
@media screen and (min-width: 990px) {
  .rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen) .slider--desktop {
    animation: var(--animation-slide-in);
  }
}
.rbt-scroll-trigger.rbt-scroll-trigger--design-mode.fade_in,
.rbt-scroll-trigger.rbt-scroll-trigger--design-mode.slide_in,
.rbt-scroll-trigger.rbt-scroll-trigger--design-mode .slider,
.rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen).rbt-scroll-trigger--cancel {
  opacity: 1;
  animation: none;
  transition: none;
}

.rbt-scroll-trigger.rbt-scroll-trigger--design-mode.slide_in {
  transform: translateY(0);
}

@keyframes slideIn {
  from {
    transform: translateY(2rem);
    opacity: 0.01;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0.01;
  }
  to {
    opacity: 1;
  }
}
.rbt-slideshow .swiper-wrapper .swiper-slide:not(:first-child):not(.swiper-slide-active) {
  opacity: 0 !important;
}

.rbt-slideshow .swiper-slide-active .rbt-slideshow-content-inner {
  opacity: 1;
  visibility: visible;
}

.rbt-slideshow .swiper-slide-active .rbt-slideshow-content-inner > * {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.swiper-slide-active .rbt-slideshow-content-inner > *:nth-child(1) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.swiper-slide-active .rbt-slideshow-content-inner > *:nth-child(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.swiper-slide-active .rbt-slideshow-content-inner > *:nth-child(3) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.swiper-slide-active .rbt-slideshow-content-inner > *:nth-child(4) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.swiper-slide-active .effect_zoomin > * {
  -webkit-animation-name: zoomInSlideshow;
  animation-name: zoomInSlideshow;
}

.swiper-slide-active .effect_zoomout > * {
  -webkit-animation-name: zoomOutSlideshow;
  animation-name: zoomOutSlideshow;
}

.swiper-slide-active .effect_fadein > * {
  -webkit-animation-name: fadeInslideshow;
  animation-name: fadeInslideshow;
}

.swiper-slide-active .effect_fadeindown > * {
  -webkit-animation-name: fadeInDownslideshow;
  animation-name: fadeInDownslideshow;
}

.swiper-slide-active .effect_fadeinup > * {
  -webkit-animation-name: fadeInUpslideshow;
  animation-name: fadeInUpslideshow;
}

.swiper-slide-active .effect_fadeinleft > * {
  -webkit-animation-name: fadeInLeftslideshow;
  animation-name: fadeInLeftslideshow;
}

.swiper-slide-active .effect_fadeinright > * {
  -webkit-animation-name: fadeInRightslideshow;
  animation-name: fadeInRightslideshow;
}

.rbt-slideshow .swiper-actions {
  margin-bottom: 0;
}

@media screen and (max-width: 1024.98px) {
  .rbt-slideshow .swiper-actions {
    display: none;
  }
}
@-webkit-keyframes fadeInslideshow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInslideshow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInDownslideshow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownslideshow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInUpslideshow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpslideshow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInLeftslideshow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftslideshow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInRightslideshow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightslideshow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes zoomInSlideshow {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomInSlideshow {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes zoomOutSlideshow {
  0% {
    opacity: 0;
    transform: scale(1.3);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomOutSlideshow {
  0% {
    opacity: 0;
    transform: scale(1.3);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.swiper,
.rbt-arrow-between {
  visibility: hidden;
}

.rbt-arrow-between .rbt-nav-effect-activation .rbt-swiper-arrow::after {
  display: none;
}

:root {
  --hue: 221;
  --bg: hsl(var(--hue), 10%, 90%);
  --fg: hsl(var(--hue), 10%, 10%);
  --primary: hsl(var(--hue), 90%, 55%);
  --trans-dur: 0.3s;
  font-size: calc(16px + 4 * (100vw - 320px) / 960);
}

.rbt-preloader {
  background: var(--color-white);
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
}

.rbt-preloader-inner {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.preloader-msg {
  animation: msg 0.3s 13.7s linear forwards;
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
}

.preloader-msg--last {
  animation-direction: reverse;
  animation-delay: 14s;
  visibility: hidden;
}

.rbt-preloader-cart {
  display: block;
  margin: 0 auto 1.5em auto;
  width: 60px;
  height: 60px;
}

.rbt-preloader-cart-lines,
.rbt-preloader-cart-top,
.rbt-preloader-cart-wheel1,
.rbt-preloader-cart-wheel2,
.rbt-preloader-cart-wheel-stroke {
  animation: cartLines 2s ease-in-out infinite;
}

.rbt-preloader-cart-lines {
  stroke: var(--primary);
}

.rbt-preloader-cart-top {
  animation-name: cartTop;
}

.rbt-preloader-cart-wheel1 {
  animation-name: cartWheel1;
  transform: rotate(-0.25turn);
  transform-origin: 43px 111px;
}

.rbt-preloader-cart-wheel2 {
  animation-name: cartWheel2;
  transform: rotate(0.25turn);
  transform-origin: 102px 111px;
}

.rbt-preloader-cart-wheel-stroke {
  animation-name: cartWheelStroke;
}

.rbt-preloader-cart-track {
  stroke: hsla(var(--hue), 10%, 10%, 0.1);
  transition: stroke var(--trans-dur);
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: hsl(var(--hue), 10%, 10%);
    --fg: hsl(var(--hue), 10%, 90%);
  }
  .rbt-preloader-cart-track {
    stroke: hsla(var(--hue), 10%, 90%, 0.1);
  }
}
/* Animations */
@keyframes msg {
  from {
    opacity: 1;
    visibility: visible;
  }
  99.9% {
    opacity: 0;
    visibility: visible;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes cartLines {
  from, to {
    opacity: 0;
  }
  8%, 92% {
    opacity: 1;
  }
}
@keyframes cartTop {
  from {
    stroke-dashoffset: -338;
  }
  50% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 338;
  }
}
@keyframes cartWheel1 {
  from {
    transform: rotate(-0.25turn);
  }
  to {
    transform: rotate(2.75turn);
  }
}
@keyframes cartWheel2 {
  from {
    transform: rotate(0.25turn);
  }
  to {
    transform: rotate(3.25turn);
  }
}
@keyframes cartWheelStroke {
  from, to {
    stroke-dashoffset: 81.68;
  }
  50% {
    stroke-dashoffset: 40.84;
  }
}
.rbt-transparent-table-one {
  /* new style */
}
.rbt-transparent-table-one tbody tr td {
  padding: 24px 8px;
  border-width: 0 0 2px 0;
  border-color: var(--color-gray-200);
  white-space: nowrap;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-transparent-table-one tbody tr td {
    padding: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-transparent-table-one tbody tr td {
    padding: 12px 8px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-transparent-table-one tbody tr td {
    padding: 8px 4px;
  }
}
.rbt-transparent-table-one tbody tr td:first-child {
  padding-left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-transparent-table-one tbody tr:first-child td {
    padding-top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-transparent-table-one tbody tr:first-child td {
    padding-top: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-transparent-table-one tbody tr:first-child td {
    padding-top: 12px;
  }
}
.rbt-transparent-table-one tbody tr:last-child td {
  border-width: 0;
  padding-bottom: 24px;
}
.rbt-transparent-table-one tbody .rbt-product-remove-btn-wrapper {
  width: 110px;
}
.rbt-transparent-table-one tbody .rbt-product-remove-btn-wrapper .rbt-product-remove-btn {
  display: block;
  margin-left: auto;
  color: var(--color-heading);
  position: relative;
  background: none;
  margin: 0;
  padding: 0;
  top: 0;
  left: 25%;
}
@media only screen and (max-width: 767px) {
  .rbt-transparent-table-one tbody .rbt-product-remove-btn-wrapper .rbt-product-remove-btn {
    left: unset;
    right: unset;
  }
}
.rbt-transparent-table-one tbody .rbt-product-remove-btn-wrapper .rbt-product-remove-btn:hover {
  color: var(--color-heading);
  transform: none;
}
.rbt-transparent-table-one tbody .rbt-product-remove-btn-wrapper .rbt-product-remove-btn:hover i {
  color: var(--color-heading);
}
.rbt-transparent-table-one tbody .product-thumbnail a {
  display: flex;
  min-width: 110px;
  max-width: 140px;
  height: auto;
  align-items: center;
  justify-content: center;
  background: var(--color-gray-200);
  border-radius: var(--radius-md);
}
.rbt-transparent-table-one tbody .product-thumbnail a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rbt-transparent-table-one tbody .rbt-wish-product-info * {
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .rbt-transparent-table-one tbody .rbt-wish-product-info .rbt-product-price-text {
    font-size: var(--font-size-b1);
  }
}
.rbt-transparent-table-one tbody .rbt-wish-product-name {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--h6);
  line-height: var(--line-height-b3);
  font-weight: var(--f-bold);
  margin-bottom: 4px;
}
@media only screen and (max-width: 767px) {
  .rbt-transparent-table-one tbody .rbt-wish-product-name {
    font-size: var(--font-size-b3);
  }
}
.rbt-transparent-table-one tbody .rbt-product-id {
  color: var(--color-gray-500);
  font-family: var(--font-primary);
  font-size: var(--font-size-b1);
  font-weight: var(--f-regular);
  line-height: var(--line-height-b1);
}
@media only screen and (max-width: 767px) {
  .rbt-transparent-table-one tbody .rbt-product-id {
    font-size: var(--font-size-b2);
  }
}
.rbt-transparent-table-one tbody .rbt-button-group {
  justify-content: end;
}
.rbt-transparent-table-one.table-variation-one thead tr th,
.rbt-transparent-table-one.table-variation-one thead tr td,
.rbt-transparent-table-one.table-variation-one tbody tr th,
.rbt-transparent-table-one.table-variation-one tbody tr td {
  padding: 16px 0;
  min-width: 120px;
  text-align: center;
  border-style: dashed;
}
.rbt-transparent-table-one.table-variation-one thead tr th:first-child,
.rbt-transparent-table-one.table-variation-one thead tr td:first-child,
.rbt-transparent-table-one.table-variation-one tbody tr th:first-child,
.rbt-transparent-table-one.table-variation-one tbody tr td:first-child {
  text-align: start;
  padding-top: 24px;
}
.rbt-transparent-table-one.table-variation-one thead tr th:last-child,
.rbt-transparent-table-one.table-variation-one thead tr td:last-child,
.rbt-transparent-table-one.table-variation-one tbody tr th:last-child,
.rbt-transparent-table-one.table-variation-one tbody tr td:last-child {
  text-align: right;
}
.rbt-transparent-table-one.table-variation-one thead tr th .price-text,
.rbt-transparent-table-one.table-variation-one thead tr td .price-text,
.rbt-transparent-table-one.table-variation-one tbody tr th .price-text,
.rbt-transparent-table-one.table-variation-one tbody tr td .price-text {
  margin-bottom: 0;
}
.rbt-transparent-table-one.table-variation-one thead tr th,
.rbt-transparent-table-one.table-variation-one tbody tr th {
  color: var(--color-black);
  font-weight: var(--f-semi-bold);
  border-bottom: 2px solid var(--color-gray-100);
}
.rbt-transparent-table-one.table-variation-one td .cart-product-card {
  display: flex;
  gap: 16px;
  align-items: center;
  width: fit-content;
}
.rbt-transparent-table-one.table-variation-one td .cart-product-card .product-thumbnail {
  position: relative;
}
.rbt-transparent-table-one.table-variation-one td .cart-product-card .product-thumbnail .close-btn {
  border: none;
  background: transparent;
  font-size: var(--font-size-b1);
  font-weight: var(--f-black);
  position: absolute;
  top: 8px;
  right: 8px;
}
.rbt-transparent-table-one.table-variation-one td .cart-product-card .product-thumbnail .close-btn:hover {
  color: var(--color-primary);
}
.rbt-transparent-table-one.table-variation-one td .cart-product-card .rbt-wish-product-name {
  margin-bottom: 12px;
}

.rbt-transparent-table-one-wrapper.rbt-has-bg-gray {
  padding: 32px;
  background: var(--color-gray-100);
  border-radius: 8px;
}
@media only screen and (max-width: 767px) {
  .rbt-transparent-table-one-wrapper.rbt-has-bg-gray {
    padding: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-transparent-table-one-wrapper.rbt-has-bg-gray {
    padding: 20px;
  }
}
.rbt-transparent-table-one-wrapper.rbt-has-bg-gray .rbt-transparent-table-one.table-variation-one thead tr th {
  border-color: var(--color-gray-100);
}
.rbt-transparent-table-one-wrapper.rbt-has-bg-gray .rbt-transparent-table-one.table-variation-one thead tr:first-child th {
  padding: 0;
}

.rbt-wishlist-modal-content .rbt-transparent-table-one-wrapper.rbt-has-bg-gray {
  padding: 16px;
}
.rbt-wishlist-modal-content .rbt-transparent-table-one tbody .rbt-product-remove-btn-wrapper {
  width: 48px;
}

.team-style-default,
.rbt-default-card {
  margin-top: 75px;
  position: relative;
}
.team-style-default .inner,
.rbt-default-card .inner {
  background: var(--color-white);
  border-radius: var(--radius);
  box-shadow: var(--shadow-1);
}
.team-style-default .inner .thumbnail,
.rbt-default-card .inner .thumbnail {
  max-width: 150px;
  max-height: 150px;
  border-radius: 100%;
  border: 6px solid var(--color-border);
  top: -75px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 150px;
  min-height: 150px;
  overflow: hidden;
}
.team-style-default .inner .thumbnail img,
.rbt-default-card .inner .thumbnail img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.team-style-default .inner .content,
.rbt-default-card .inner .content {
  text-align: center;
  padding: 20px;
  padding-top: 85px;
  padding-bottom: 35px;
}
.team-style-default .inner .content .title,
.rbt-default-card .inner .content .title {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 6px;
}
@media only screen and (max-width: 767px) {
  .team-style-default .inner .content .title,
  .rbt-default-card .inner .content .title {
    font-size: 16px;
  }
}
.team-style-default .inner .content .subtitle,
.rbt-default-card .inner .content .subtitle {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  margin-bottom: 8px;
  display: inline-block;
}
.team-style-default .inner .content .team-form,
.rbt-default-card .inner .content .team-form {
  display: block;
  font-size: 14px;
  margin-bottom: 12px;
  letter-spacing: 0.6px;
  font-style: italic;
}
.team-style-default .inner .content .team-form img,
.rbt-default-card .inner .content .team-form img {
  padding-right: 10px;
  max-height: 18px;
}
.team-style-default .inner .content .description,
.rbt-default-card .inner .content .description {
  margin-bottom: 0;
  padding: 0 5%;
}
.team-style-default .inner .social-icon li a,
.rbt-default-card .inner .social-icon li a {
  color: var(--color-body);
}
.team-style-default.border-gradient .thumbnail,
.rbt-default-card.border-gradient .thumbnail {
  background: linear-gradient(95deg, var(--color-primary) 15%, var(--color-tertiary) 45%, var(--color-pink) 75%, var(--color-brand-400) 100%) 98%/200% 100%;
  padding: 5px;
  border: 0 none;
}
.team-style-default.style-two,
.rbt-default-card.style-two {
  margin-top: 30px;
}
.team-style-default.style-two .inner,
.rbt-default-card.style-two .inner {
  padding-top: 35px;
}
.team-style-default.style-two .inner .thumbnail,
.rbt-default-card.style-two .inner .thumbnail {
  top: 0;
  position: static;
  left: inherit;
  transform: none;
  min-width: 150px;
  min-height: 150px;
  margin: 0 auto;
}
.team-style-default.style-two .inner .content,
.rbt-default-card.style-two .inner .content {
  padding-top: 10px;
}
.team-style-default.style-three,
.rbt-default-card.style-three {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  margin-top: 0;
}
.team-style-default.style-three .inner,
.rbt-default-card.style-three .inner {
  padding: 16px;
  border-radius: 12px;
}
.team-style-default.style-three .inner .thumbnail,
.rbt-default-card.style-three .inner .thumbnail {
  top: 0;
  position: static;
  left: inherit;
  transform: none;
  min-width: 100%;
  min-height: inherit;
  max-height: inherit;
  margin: 0 auto;
  border-radius: 8px;
  border: 0 none;
}
.team-style-default.style-three .inner .thumbnail img,
.rbt-default-card.style-three .inner .thumbnail img {
  border-radius: 8px;
}
.team-style-default.style-three .inner .content,
.rbt-default-card.style-three .inner .content {
  padding: 16px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.team-style-default.style-three .inner .content .title,
.rbt-default-card.style-three .inner .content .title {
  margin-bottom: 0;
}
.team-style-default.style-three .inner .content .subtitle,
.rbt-default-card.style-three .inner .content .subtitle {
  margin-bottom: 0;
}
.team-style-default.style-three .inner .content .subtitle i,
.rbt-default-card.style-three .inner .content .subtitle i {
  color: var(--color-primary);
}
.team-style-default.small-layout .inner,
.rbt-default-card.small-layout .inner {
  padding: 20px;
}
.team-style-default.small-layout .inner .content .title,
.rbt-default-card.small-layout .inner .content .title {
  font-size: 20px;
  margin-bottom: 2px;
}
.team-style-default.small-layout .inner .content .subtitle,
.rbt-default-card.small-layout .inner .content .subtitle {
  font-size: 16px;
  margin-bottom: 6px;
}

.team {
  border-radius: 10px;
  position: relative;
  transition: var(--transition);
}
.team .thumbnail {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  z-index: 1;
}
.team .thumbnail img {
  width: 100%;
}
.team .content {
  position: absolute;
  bottom: 16px;
  left: 16px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(2px);
  z-index: 2;
  width: calc(100% - 32px);
  padding: 12px 16px;
  transition: var(--transition);
}
@media only screen and (max-width: 767px) {
  .team .content {
    padding: 20px;
  }
}
.team .content .title {
  color: var(--color-heading);
  margin: 0;
  margin-bottom: 8px;
  line-height: 1;
}
.team .content .designation {
  color: var(--color-gray-700);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  margin-bottom: 0;
}
.team .content .designation i {
  color: var(--color-primary);
  margin-right: 4px;
}
.team ul.social-icon {
  padding: 0;
  z-index: 2;
  list-style: none;
  display: flex;
  margin: 0 -8px;
  margin-top: 8px;
}
.team ul.social-icon li {
  margin: 0 8px;
}
.team ul.social-icon li a {
  color: var(--color-gray-700);
  font-size: 15px;
  transition: var(--transition);
}
.team ul.social-icon li a:hover {
  color: var(--color-primary);
  transform: scale(1.1);
}
.team:hover {
  transform: translateY(-10px);
  box-shadow: 0 25px 55px rgba(253, 71, 102, 0.0022);
}
.team:hover .content {
  background: var(--color-white);
}
.team:hover ul.social-icon li {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.team:hover ul.social-icon li:nth-child(1) {
  -webkit-transition-delay: 0.07692s;
  transition-delay: 0.07692s;
}
.team:hover ul.social-icon li:nth-child(2) {
  -webkit-transition-delay: 0.15385s;
  transition-delay: 0.15385s;
}
.team:hover ul.social-icon li:nth-child(3) {
  -webkit-transition-delay: 0.23077s;
  transition-delay: 0.23077s;
}
.team:hover ul.social-icon li:nth-child(4) {
  -webkit-transition-delay: 0.33077s;
  transition-delay: 0.23077s;
}
.team:hover ul.social-icon li:nth-child(5) {
  -webkit-transition-delay: 0.43077s;
  transition-delay: 0.23077s;
}
.team:hover .content {
  opacity: 1;
  visibility: visible;
}
.team:hover.team-style--bottom.variation-2 .content .icon-right {
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
}

/*---------------------
    Team Tab   
--------------------*/
.rbt-team-tab-thumb {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0px auto;
  margin-bottom: -30px;
  outline: none;
  border: 0 none;
}
@media only screen and (max-width: 575px) {
  .rbt-team-tab-thumb {
    margin-bottom: -10px;
  }
}
.rbt-team-tab-thumb li {
  padding-left: 5px;
  padding-right: 5px;
  flex-basis: 33.33%;
  margin-bottom: 10px;
  outline: none;
  cursor: pointer;
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .rbt-team-tab-thumb li {
    flex-basis: 33.33%;
    margin-bottom: 14px;
    padding-left: 7px;
    padding-right: 7px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-team-tab-thumb li {
    flex-basis: 50%;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
  }
}
.rbt-team-tab-thumb li a {
  display: block;
}
.rbt-team-tab-thumb li .rbt-team-thumbnail {
  padding: 10px;
  background: var(--color-white);
  box-shadow: var(--shadow-1);
  border-radius: 6px;
}
.rbt-team-tab-thumb li .rbt-team-thumbnail .thumb {
  position: relative;
  display: inline-block;
  width: 100%;
}
.rbt-team-tab-thumb li .rbt-team-thumbnail .thumb img {
  border-radius: 6px;
  width: auto;
  object-fit: cover;
  height: 206px;
  max-width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-team-tab-thumb li .rbt-team-thumbnail .thumb img {
    width: 100%;
    height: 270px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-team-tab-thumb li .rbt-team-thumbnail .thumb img {
    width: 100%;
    height: auto;
  }
}
.rbt-team-tab-thumb li .rbt-team-thumbnail .thumb::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--color-primary) 100%);
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  border-radius: 6px;
  opacity: 0;
}
.rbt-team-tab-thumb li .rbt-team-thumbnail .thumb::before {
  content: "\f0a8";
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-white);
  font-size: 18px;
  z-index: 2;
  font-size: 28px;
  opacity: 0;
  margin-left: 15px;
}
.rbt-team-tab-thumb li a.active .thumb::after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--color-primary) 100%);
  opacity: 0.5;
}
.rbt-team-tab-thumb li a.active .thumb::before {
  opacity: 1;
  margin: 0;
}
.rbt-team-tab-thumb li a.active .thumb img {
  border-radius: 6px;
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);
}

/*---------------------------
    Team Modal Style  
-----------------------------*/
.rbt-team-modal-thumb {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0px auto;
  margin-bottom: 0;
  outline: none;
  border: 0 none;
}
@media only screen and (max-width: 575px) {
  .rbt-team-modal-thumb {
    margin-bottom: -10px;
  }
}
.rbt-team-modal-thumb .rbt-team-thumbnail {
  padding: 10px;
  background: var(--color-white);
  box-shadow: var(--shadow-1);
  border-radius: 6px;
  display: block;
}
.rbt-team-modal-thumb .rbt-team-thumbnail .thumb {
  position: relative;
  display: inline-block;
  width: 100%;
}
.rbt-team-modal-thumb .rbt-team-thumbnail .thumb img {
  border-radius: 6px;
  width: auto;
  object-fit: cover;
  max-width: 100%;
}
.rbt-team-modal-thumb .rbt-team-thumbnail .thumb::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--color-primary) 100%);
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  border-radius: 6px;
  opacity: 0;
}
.rbt-team-modal-thumb .rbt-team-thumbnail .thumb::before {
  content: "\f00e";
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-white);
  font-size: 18px;
  z-index: 2;
  font-size: 28px;
  opacity: 0;
  margin-left: 15px;
}
.rbt-team-modal-thumb .rbt-team-thumbnail:hover .thumb::after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--color-primary) 100%);
  opacity: 0.5;
}
.rbt-team-modal-thumb .rbt-team-thumbnail:hover .thumb::before {
  opacity: 1;
  margin-left: 0;
}

/*--------------------------
    Pricing Table  
----------------------------*/
.pricing-billing-duration {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .pricing-billing-duration {
    text-align: left;
  }
}
.pricing-billing-duration ul {
  background: var(--color-white);
  border-radius: 500px;
  padding: 12px 16px;
  display: inline-block;
  box-shadow: var(--shadow-1);
}
@media only screen and (max-width: 767px) {
  .pricing-billing-duration ul {
    padding: 6px 6px;
  }
}
.pricing-billing-duration ul .nav-item {
  float: left;
  margin: 0;
}
.pricing-billing-duration ul .nav-item .nav-link {
  height: 40px;
  font-weight: 500;
  font-size: 16px;
  color: var(--color-heading);
  border: 0 none;
  background: transparent;
  padding: 0 32px;
  border-radius: 500px;
  transition: var(--transition);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing-billing-duration ul .nav-item .nav-link {
    font-size: 18px;
    padding: 0 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-billing-duration ul .nav-item .nav-link {
    font-size: 17px;
    padding: 0 15px;
    letter-spacing: -0.5px;
  }
}
@media only screen and (max-width: 767px) {
  .pricing-billing-duration ul .nav-item .nav-link {
    font-size: 17px;
    padding: 0 15px;
    letter-spacing: -0.5px;
    height: 50px;
  }
}
.pricing-billing-duration ul .nav-item .nav-link.active {
  background-size: 300% 100%;
  background: var(--color-primary);
  color: var(--color-white);
}

.pricing-table {
  background: var(--color-white);
  box-shadow: var(--shadow-1);
  border-radius: 5px;
  padding: 60px 64px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-table {
    padding: 60px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .pricing-table {
    padding: 40px 20px;
  }
}
.pricing-table .pricing-header {
  margin-bottom: 30px;
  text-align: center;
}
.pricing-table .pricing-header .price-wrap .monthly-pricing {
  display: none;
}
.pricing-table .pricing-header .price-wrap .amount {
  font-weight: 500;
  font-size: 50px;
  line-height: 1.2;
  color: var(--color-primary);
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .pricing-table .pricing-header .price-wrap .amount {
    font-size: 36px;
  }
}
.pricing-table .pricing-header .price-wrap .duration {
  color: var(--color-primary);
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  display: inline-block;
  margin-left: -4px;
}
.pricing-table .pricing-header .title {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 20px;
}
.pricing-table .pricing-body {
  margin-bottom: 30px;
}
.pricing-table .pricing-body .list-item li {
  display: flex;
  align-items: center;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .pricing-table .pricing-body .list-item li {
    font-size: 16px;
  }
}
.pricing-table .pricing-body .list-item li i {
  color: var(--color-success);
  margin-right: 10px;
}
.pricing-table .pricing-body .list-item li + li {
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  .pricing-table .pricing-body .list-item li + li {
    margin-top: 10px;
  }
}
.pricing-table .pricing-body .list-item li.off {
  opacity: 0.5;
}
.pricing-table .pricing-body .list-item li.off i {
  color: var(--color-danger);
}
.pricing-table.style-2 .pricing-body {
  margin-bottom: 0;
  margin-top: 30px;
}
.pricing-table.style-3 {
  padding: 60px 0px;
  text-align: center;
  background: transparent;
  box-shadow: none;
}
@media only screen and (max-width: 767px) {
  .pricing-table.style-3 {
    padding: 30px 0px;
  }
}
.pricing-table.style-3 .icon-image img {
  max-height: 100px;
  object-fit: cover;
}
.pricing-table.style-3 .pricing-body,
.pricing-table.style-3 .pricing-btn,
.pricing-table.style-3 .pricing-header {
  padding: 0 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing-table.style-3 .pricing-body,
  .pricing-table.style-3 .pricing-btn,
  .pricing-table.style-3 .pricing-header {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-table.style-3 .pricing-body,
  .pricing-table.style-3 .pricing-btn,
  .pricing-table.style-3 .pricing-header {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .pricing-table.style-3 .pricing-body,
  .pricing-table.style-3 .pricing-btn,
  .pricing-table.style-3 .pricing-header {
    padding: 0 20px;
  }
}
.pricing-table.style-3 .pricing-header {
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 40px;
  margin-bottom: 40px;
  padding-top: 40px;
  border-top: 1px solid var(--color-border);
  margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-table.style-3 .pricing-header {
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .pricing-table.style-3 .pricing-header {
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    margin-top: 20px;
  }
}
.pricing-table.style-3 .pricing-body .list-item li {
  justify-content: center;
}
.pricing-table.style-3 .pricing-body .list-item li.off {
  text-decoration: line-through;
}
.pricing-table.style-3.active {
  background: var(--color-white);
  box-shadow: var(--shadow-1);
}

.pricing-badge {
  background: var(--color-primary);
  padding: 0 17px;
  position: absolute;
  right: 0;
  top: 15px;
  height: 30px;
  line-height: 30px;
  padding-left: 25px;
}
.pricing-badge span {
  font-weight: 700;
  font-size: 14px;
  color: var(--color-white);
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.pricing-badge::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 0 24px 23px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  right: 87%;
  top: 50%;
  content: "";
  transform: translateY(-50%);
}

/*----------------------------
    Advance Pricing Table  
------------------------------*/
.advance-pricing {
  background: var(--color-white);
  border-radius: 10px;
  box-shadow: var(--shadow-1);
}
.advance-pricing .pricing-left {
  height: 100%;
  background: var(--color-brand-200);
  padding: 60px 50px;
  border-radius: 10px 0 0 10px;
}
@media only screen and (max-width: 767px) {
  .advance-pricing .pricing-left {
    padding: 30px 20px;
  }
}
.advance-pricing .pricing-left .main-title {
  margin-bottom: 10px;
}
.advance-pricing .pricing-left .price-wrapper .price-amount {
  font-size: 60px;
  text-align: center;
  display: block;
  color: var(--color-heading);
  font-weight: 700;
  line-height: 1;
}
.advance-pricing .pricing-left .price-wrapper .price-amount sup {
  font-size: 16px;
  top: -34px;
}
.advance-pricing .pricing-left .rbt-btn {
  width: 100%;
  margin: 10px 0;
}
.advance-pricing .pricing-left .rating {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
}
.advance-pricing .pricing-left .rating a {
  font-weight: 700;
  color: #f1b304;
}
.advance-pricing .pricing-left .rating a svg {
  fill: #f1b304;
}
.advance-pricing .pricing-left .subtitle {
  display: block;
  color: var(--color-body);
  text-align: center;
}
.advance-pricing .pricing-right {
  padding: 60px 30px;
}
@media only screen and (max-width: 767px) {
  .advance-pricing .pricing-right {
    padding: 60px 20px;
    padding-bottom: 40px;
  }
}
.advance-pricing .pricing-right .plan-offer-list li {
  font-size: 16px;
}
.advance-pricing .pricing-right .plan-offer-list li i {
  width: 22px;
  height: 22px;
  background: var(--color-success);
  margin: 0 auto;
  line-height: 22px;
  text-align: center;
  border-radius: 100%;
  color: var(--color-white);
  font-size: 14px;
  margin-right: 10px;
  display: inline-block;
}
.advance-pricing .pricing-right .plan-offer-list li.off {
  opacity: 0.5;
}
.advance-pricing .pricing-right .plan-offer-list li.off i {
  background: var(--color-danger);
}
.advance-pricing .pricing-right .price-title {
  font-size: 20px;
  margin-bottom: 20px;
}
.advance-pricing .pricing-right .price-title li {
  font-size: 16px;
  margin: 8px 0;
}

.rbt-static-badge {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 22px;
  background: var(--color-gray-light);
  font-size: 14px;
  letter-spacing: 0.3px;
  border-radius: 6px;
  color: var(--color-body);
}
.rbt-static-badge.variation-02 {
  padding: 0 16px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.rbt-static-badge.variation-03 {
  padding: 0 12px;
}

/*----------------------------- 
    Image Gallary Styles
-------------------------------*/
.rbt-gallary-img {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  cursor: zoom-in;
}
.rbt-gallary-img img {
  transition: var(--transition);
}
.rbt-gallary-img:hover img {
  transform: scale(1.03);
}
.rbt-gallary-img.rbt-gallary-img-style-one {
  transition: var(--transition);
}
.rbt-gallary-img.rbt-gallary-img-style-one.rounded {
  border-radius: var(--radius-full) !important;
  position: relative;
  overflow: hidden;
}
.rbt-gallary-img.rbt-gallary-img-style-one.rounded .instapost-img img {
  border-radius: var(--radius-full) !important;
  height: 200px;
  width: 200px;
  border-radius: var(--radius-full) !important;
}
@media only screen and (max-width: 767px) {
  .rbt-gallary-img.rbt-gallary-img-style-one.rounded .instapost-img img {
    height: 100px;
    width: 100px;
  }
}
.rbt-gallary-img.rbt-gallary-img-style-one.rbt-gallary-img-boxed-round-style {
  border-radius: 0;
}
.rbt-gallary-img.rbt-gallary-img-style-one.rbt-gallary-img-boxed-round-style img {
  transition: var(--transition);
}

.rbt-image-gallery-1 {
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-image-gallery-1 {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-image-gallery-1 {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-image-gallery-1 {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-image-gallery-1 {
    padding-right: 0;
    margin-bottom: 0 !important;
  }
}
.rbt-image-gallery-1 .image-1 {
  max-height: 600px;
}
@media only screen and (max-width: 575px) {
  .rbt-image-gallery-1 .image-1 {
    width: 100%;
    transform: none !important;
  }
}
.rbt-image-gallery-1 .image-2 {
  max-height: 500px;
  position: absolute;
  right: 10%;
  top: 30%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-image-gallery-1 .image-2 {
    right: 0;
    top: 18%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-image-gallery-1 .image-2 {
    top: 16%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-image-gallery-1 .image-2 {
    top: 16%;
    right: -1%;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-image-gallery-1 .image-2 {
    display: none;
  }
}
.rbt-image-gallery-1.text-end .image-2 {
  left: 10%;
  right: auto;
  top: 30%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-image-gallery-1.text-end .image-2 {
    top: 18%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-image-gallery-1.text-end .image-2 {
    top: 16%;
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-image-gallery-1.text-end .image-2 {
    top: 16%;
    left: 22%;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-image-gallery-1.text-end .image-2 {
    display: none;
  }
}

.rbt-gallery img {
  width: 100%;
  object-fit: cover;
}

/*---------------------
    Portfolio Styles  
-----------------------*/
.rainbow-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: var(--color-extra-three);
  background-clip: border-box;
  border: 2px solid var(--color-border);
  border-radius: var(--radius-10);
  overflow: hidden;
  transition: all 0.5s;
}
.rainbow-card .inner .thumbnail {
  overflow: hidden;
}
.rainbow-card .inner .thumbnail a {
  display: block;
  overflow: hidden;
}
.rainbow-card .inner .thumbnail a img {
  width: 100%;
  transition: var(--transition);
  overflow: hidden;
}
.rainbow-card .inner .content {
  display: flex;
  flex-wrap: wrap;
  padding: 30px;
  padding-top: 22px;
}
@media only screen and (max-width: 767px) {
  .rainbow-card .inner .content {
    padding: 30px 20px;
  }
}
.rainbow-card .inner .content .descriptiion {
  margin-bottom: 0;
  margin-bottom: 13px;
}
.rainbow-card .inner .content .title {
  font-size: 20px;
  line-height: 1.5;
  transition: all 0.5s;
  margin-bottom: 0;
  flex-basis: 100%;
}
.rainbow-card.card-list-view {
  height: 100%;
}
.rainbow-card.card-list-view .inner {
  display: flex;
  height: 100%;
}
@media only screen and (max-width: 575px) {
  .rainbow-card.card-list-view .inner {
    display: block;
  }
}
.rainbow-card.card-list-view .inner .thumbnail {
  flex-basis: 46%;
}
.rainbow-card.card-list-view .inner .thumbnail a {
  display: block;
  height: 100%;
}
.rainbow-card.card-list-view .inner .thumbnail a img {
  width: auto;
  object-fit: cover;
  height: 100%;
}
.rainbow-card.card-list-view .inner .content {
  flex-basis: 54%;
}
.rainbow-card.card-list-view .inner .content .title {
  margin-bottom: 10px;
}
.rainbow-card.card-list-view .inner .content .descriptiion {
  margin-bottom: 13px;
  margin-top: 12px;
}
.rainbow-card.content-transparent {
  position: relative;
  border: 0 none;
}
.rainbow-card.content-transparent .content {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.9) 100%);
  padding-top: 60px;
}
@media only screen and (max-width: 767px) {
  .rainbow-card.content-transparent .content {
    padding-top: 20px;
  }
}
.rainbow-card.content-transparent .content .title {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .rainbow-card.content-transparent .content .title {
    font-size: 17px;
  }
}
.rainbow-card.content-transparent .content .title a {
  color: var(--color-white);
}
.rainbow-card.content-transparent .content .title:hover a {
  color: var(--color-primary);
}
.rainbow-card.content-transparent .content .rainbow-meta-list li {
  color: #acaeb1;
}
.rainbow-card.content-transparent .content .rainbow-meta-list li a {
  color: #acaeb1;
}
.rainbow-card.content-transparent.post-large .content .title {
  font-size: 32px;
}
@media only screen and (max-width: 767px) {
  .rainbow-card.content-transparent.post-large .content .title {
    font-size: 19px;
  }
}
.rainbow-card:hover .inner .thumbnail a img {
  transform: scale(1.1);
}

.rainbow-portfolio-area {
  position: relative;
  overflow: hidden;
}

.rainbow-card {
  overflow: hidden;
}
.rainbow-card .inner .thumbnail {
  position: relative;
}
.rainbow-card .inner .thumbnail .card-image {
  overflow: hidden;
}
.rainbow-card .inner .thumbnail .card-image a {
  display: block;
  overflow: hidden;
  border-radius: var(--radius-10) var(--radius-10) 0 0;
}
.rainbow-card .inner .thumbnail .card-image img {
  overflow: hidden;
  border-radius: var(--radius-10) var(--radius-10) 0 0;
}
.rainbow-card .inner .content {
  padding-top: 20px;
}
.rainbow-card .inner .content .subtitle {
  text-transform: capitalize;
}
.rainbow-card:hover {
  transform: translateY(-4px);
}
.rainbow-card:hover .inner .thumbnail .card-image img {
  transform: scale(1.05);
}

/*------------------
    No Overlay  
--------------------*/
.no-overlay .rainbow-card .inner .thumbnail .rainbow-overlay {
  display: none;
}

/*----------------------
    Box Grid Layout  
------------------------*/
.box-grid-layout .rainbow-card {
  border-radius: var(--radius-small);
  background-color: var(--color-extra-three);
}
.box-grid-layout .rainbow-card .inner .thumbnail .card-image a {
  border-radius: var(--radius-small) var(--radius-small) 0 0;
}
.box-grid-layout .rainbow-card .inner .thumbnail .card-image a img {
  border-radius: var(--radius-small) var(--radius-small) 0 0;
}
.box-grid-layout .rainbow-card .inner .content {
  padding: 25px;
}

/*-----------------------------
    Filter Button Style  
-------------------------------*/
.filter-button-default {
  display: flex;
  justify-content: center;
  margin: 0 -5px;
  flex-wrap: wrap;
}
.filter-button-default button {
  border: 0 none;
  padding: 10px 20px;
  text-transform: capitalize;
  background: transparent;
  color: var(--color-body);
  border-radius: var(--radius);
  margin: 0 5px;
}
@media only screen and (max-width: 767px) {
  .filter-button-default button {
    padding: 10px 10px;
  }
}
.filter-button-default button.is-checked, .filter-button-default button:hover {
  background-color: var(--color-primary);
  color: var(--color-white) !important;
}

/*--------------------------------
    Portfolio Read More Icon  
---------------------------------*/
.rainbow-load-more a.btn-default.btn-icon .icon,
.rainbow-load-more button.btn-default.btn-icon .icon {
  top: 0px;
  margin-left: -2px;
}
.rainbow-load-more a.btn-default.btn-icon .icon svg,
.rainbow-load-more button.btn-default.btn-icon .icon svg {
  width: 14px;
  height: 20px;
}

/*----------------------------------
    Portfolio Grid Layout  
----------------------------------*/
.no-gutter .rainbow-card .inner .thumbnail a img,
.no-gutter .rainbow-card .inner .thumbnail a {
  border-radius: 0;
}

.no-gutter .rainbow-card:hover {
  transform: none;
}

.grid-2-meso {
  margin: 0 -15px;
}
.grid-2-meso .rbt-meso-item {
  width: 50%;
  padding: 0 20px;
  margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grid-2-meso .rbt-meso-item {
    width: 50%;
    padding: 0 18px;
    margin-top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .grid-2-meso .rbt-meso-item {
    width: 50%;
    padding: 0 6px;
    margin-top: 12px;
  }
}

.grid-3-meso {
  margin: 0 -15px;
}
.grid-3-meso .rbt-meso-item {
  width: 33.33%;
  padding: 0 20px;
  margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grid-3-meso .rbt-meso-item {
    width: 50%;
    padding: 0 18px;
    margin-top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .grid-3-meso .rbt-meso-item {
    width: 50%;
    padding: 0 6px;
    margin-top: 12px;
  }
}

.grid-4-meso {
  margin: 0 -12px;
}
.grid-4-meso .rbt-meso-item {
  width: 25%;
  padding: 0 12px;
  margin-top: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grid-4-meso .rbt-meso-item {
    width: 50%;
    padding: 0 12px;
  }
}
@media only screen and (max-width: 767px) {
  .grid-4-meso .rbt-meso-item {
    width: 50%;
    padding: 0 6px;
    margin-top: 12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .grid-4-meso.responsive-layout-var-2 .rbt-meso-item {
    width: 33.33%;
    padding: 0 12px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .grid-4-meso.responsive-layout-var-2 .rbt-meso-item {
    width: 50%;
    padding: 0 12px;
  }
}

.grid-5-meso {
  margin: 0 -15px;
}
.grid-5-meso .rbt-meso-item {
  width: 20%;
  padding: 0 12px;
  margin-top: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .grid-5-meso .rbt-meso-item {
    width: 33.33%;
    padding: 0 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grid-5-meso .rbt-meso-item {
    width: 50%;
    padding: 0 12px;
  }
}
@media only screen and (max-width: 767px) {
  .grid-5-meso .rbt-meso-item {
    width: 50%;
    padding: 0 6px;
    margin-top: 12px;
  }
}

.grid-8-meso {
  margin: 0 -15px;
}
.grid-8-meso .rbt-meso-item {
  width: 12%;
  padding: 0 12px;
  margin-top: 24px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .grid-8-meso .rbt-meso-item {
    width: 20%;
    padding: 0 12px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .grid-8-meso .rbt-meso-item {
    width: 20%;
    padding: 0 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .grid-8-meso .rbt-meso-item {
    width: 25%;
    padding: 0 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grid-8-meso .rbt-meso-item {
    width: 25%;
    padding: 0 12px;
  }
}
@media only screen and (max-width: 767px) {
  .grid-8-meso .rbt-meso-item {
    width: 50%;
    padding: 0 6px;
    margin-top: 12px;
  }
}

/*-----------------------------
    Portfolio details  
--------------------------------*/
.rainbow-portfolio-details .content-left .title {
  font-size: 38px;
  margin-bottom: 33px;
}
@media only screen and (max-width: 767px) {
  .rainbow-portfolio-details .content-left .title {
    font-size: 25px;
    margin-bottom: 20px;
  }
}
.rainbow-portfolio-details .content-left .single-list-wrapper {
  margin: -5px;
}
.rainbow-portfolio-details .content-left .single-list-wrapper .single-list {
  margin: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}
.rainbow-portfolio-details .content-left .single-list-wrapper .single-list + .single-list {
  border-top: 1px solid var(--color-border);
}
.rainbow-portfolio-details .content-left .single-list-wrapper .single-list label {
  font-size: 20px;
  color: var(--color-heading);
  display: inline-block;
  padding-right: 16px;
  margin: 0;
}
.rainbow-portfolio-details .content-left .single-list-wrapper .single-list span {
  font-size: 18px;
}
.rainbow-portfolio-details .content-right .subtitle {
  font-size: 25px;
  letter-spacing: 0.5px;
  font-weight: 500;
}
.rainbow-portfolio-details .content-right .description p {
  margin-bottom: 10px;
}

.rainbow-portfolio-details .alignwide {
  margin-left: -100px;
  margin-right: -100px;
  max-width: 1400px;
  width: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rainbow-portfolio-details .alignwide {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rainbow-portfolio-details .alignwide {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rainbow-portfolio-details .alignwide {
    margin-left: 0;
    margin-right: 0;
  }
}

/**************************************
    Shop Styles
***************************************/
/*---------------------
    Minicart Style  
---------------------*/
.rbt-minicart-wrapper {
  padding: 0;
  margin: 0;
  list-style: none;
  padding-top: 24px;
  overflow-x: auto;
}
@media only screen and (max-width: 767px) {
  .rbt-minicart-wrapper {
    padding-top: 24px;
  }
}
.rbt-minicart-wrapper.has-no-divider .minicart-item + .minicart-item {
  border-top: none;
  padding-top: 0;
}
.rbt-minicart-wrapper .minicart-item {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0;
  margin-bottom: 16px;
}
.rbt-minicart-wrapper .minicart-item .close-btn {
  position: absolute;
  right: 12px;
  top: 24px;
}
@media only screen and (max-width: 767px) {
  .rbt-minicart-wrapper .minicart-item .close-btn {
    top: 10px;
    right: 10px;
  }
}
.rbt-minicart-wrapper .minicart-item .close-btn button {
  font-size: 14px;
  position: relative;
  height: 24px;
  width: 24px;
  line-height: 24px;
}
.rbt-minicart-wrapper .minicart-item:first-child .close-btn {
  top: 8px;
}
.rbt-minicart-wrapper .minicart-item:last-child {
  margin-bottom: 0;
}
.rbt-minicart-wrapper .minicart-item + .minicart-item {
  border-top: 2px solid var(--color-gray-100);
  padding-top: 16px;
}
.rbt-minicart-wrapper .thumbnail {
  flex-shrink: 0;
  max-width: 140px;
  overflow: hidden;
  border-radius: var(--radius);
}
@media only screen and (max-width: 767px) {
  .rbt-minicart-wrapper .thumbnail {
    max-width: 110px;
  }
}
.rbt-minicart-wrapper .thumbnail.transparent-verticle-thumbnail {
  background: var(--color-gray-50);
  max-width: 90px;
}
.rbt-minicart-wrapper .thumbnail a {
  display: block;
}
.rbt-minicart-wrapper .thumbnail a img {
  width: 140px;
  height: auto;
  border-radius: var(--radius);
  scale: 1.05;
  transition: var(--transition);
  background-color: var(--color-gray-200);
}
.rbt-minicart-wrapper .minicart-item:hover .thumbnail a img {
  scale: 1;
}
.rbt-minicart-wrapper .product-content {
  flex-grow: 1;
  padding-left: 20px;
}
@media only screen and (max-width: 767px) {
  .rbt-minicart-wrapper .product-content {
    padding-left: 12px;
  }
}
.rbt-minicart-wrapper .product-content .title {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--color-heading);
  max-width: 92%;
}
@media only screen and (max-width: 767px) {
  .rbt-minicart-wrapper .product-content .title {
    max-width: 86%;
  }
}
.rbt-minicart-wrapper .product-content .quantity {
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  color: var(--color-heading);
  font-weight: 700;
  display: block;
}
.rbt-minicart-wrapper .product-content .quantity .price {
  color: var(--color-primary);
}
.rbt-minicart-wrapper .product-content .bottom-part {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rbt-minicart-wrapper .product-content .bottom-part .rbt-qty-area {
  padding: 0;
  border-radius: 60px;
  border: 2px solid var(--color-gray-300);
  display: flex;
  height: 28px;
  min-width: unset;
}
.rbt-minicart-wrapper .product-content .bottom-part .rbt-qty-area button, .rbt-minicart-wrapper .product-content .bottom-part .rbt-qty-area input {
  padding: 0;
  border: 0;
  height: 20px;
  font-size: var(--font-size-b1);
  line-height: 20px;
  margin: 0;
  padding: 0 !important;
  font-weight: 700;
  background: transparent;
  color: var(--color-heading);
}
.rbt-minicart-wrapper .product-content .bottom-part .rbt-qty-area .qty-item-btn {
  min-width: 28px;
  width: 28px;
  padding: 0;
}
.rbt-minicart-wrapper .product-content .bottom-part .rbt-qty-area input {
  max-width: 32px;
  min-width: 32px;
  padding: 0 !important;
}
.rbt-minicart-wrapper .product-content .bottom-part .rbt-qty-area input::-webkit-outer-spin-button, .rbt-minicart-wrapper .product-content .bottom-part .rbt-qty-area input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.rbt-minicart-wrapper .product-content .bottom-part .rbt-qty-area input[type=number] {
  -moz-appearance: textfield;
}
.rbt-minicart-wrapper .product-content .bottom-part .edit-btn {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  color: var(--color-gray-500);
  font-weight: var(--f-medium);
  background: 0;
  border: 0;
  position: relative;
  padding: 4px 8px;
}
.rbt-minicart-wrapper .product-content .bottom-part .edit-btn::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  transform: scale(0.85);
  background: var(--color-gray-200);
  opacity: 0;
  visibility: hidden;
  left: 0;
  top: 0;
  transition: var(--transition);
  z-index: -1;
  border-radius: 60px;
}
.rbt-minicart-wrapper .product-content .bottom-part .edit-btn i {
  margin-right: 4px;
}
.rbt-minicart-wrapper .product-content .bottom-part .edit-btn:hover {
  color: var(--color-primary);
}
.rbt-minicart-wrapper .product-content .bottom-part .edit-btn:hover::after {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.side-nav {
  max-height: 375px;
  min-height: 275px;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.side-nav::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: var(--color-gray-200);
  border-radius: 40px;
  height: 337px;
}
.side-nav::-webkit-scrollbar {
  width: 4px;
  height: 337px;
  background-color: var(--color-gray-200);
}
.side-nav::-webkit-scrollbar-thumb {
  border-radius: 40px;
  background-color: var(--color-gray-400);
}

.rbt-cart-subttotal {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  align-items: center;
}
@media only screen and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-cart-subttotal {
    padding: 12px 0;
  }
}
.rbt-cart-subttotal p {
  margin-bottom: 0;
  color: var(--color-heading);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  color: var(--color-gray-500);
}
.rbt-cart-subttotal p strong {
  color: var(--color-heading);
}
.rbt-cart-subttotal p.price {
  color: var(--color-primary);
  font-weight: 600;
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
}

.offer-progress-area .offer-text {
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  color: var(--color-gray-500);
  margin-bottom: 12px;
}
.offer-progress-area .offer-text strong {
  color: var(--color-heading);
  font-weight: 600;
}
.offer-progress-area .progress {
  height: 8px;
  border-radius: 50px;
  background: #D6F7D6;
}
.offer-progress-area .progress .progress-bar {
  background: #24BD25;
}

.share-btn-grp {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  margin-top: 14px;
}
.share-btn-grp .share-btn {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: 600;
  color: var(--color-primary);
  padding: 0;
  border: 0;
  background: 0;
}

.minicart-quick-access-area {
  display: flex;
  align-items: center;
  padding: 16px 26px;
  background: var(--color-brand-50);
  border-radius: var(--radius-md);
  gap: 24px;
  justify-content: center;
}
.minicart-quick-access-area .single-quick-access {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: var(--color-gray-700);
  position: relative;
  z-index: 1;
}
.minicart-quick-access-area .single-quick-access:hover {
  color: var(--color-primary);
}
.minicart-quick-access-area .single-quick-access .icon {
  font-size: 18px;
  line-height: 26px;
}
.minicart-quick-access-area .single-quick-access .text {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
}
.minicart-quick-access-area .hr-sepator {
  height: 24px;
  width: 2px;
  background: var(--color-gray-200);
}

.minicart-inc-items-area {
  padding: 12px 16px;
  background: var(--color-brand-50);
  border-radius: var(--radius-md);
  position: relative;
}
.minicart-inc-items-area .title {
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  color: var(--color-heading);
  margin-bottom: 4px;
}
.minicart-inc-items-area .title.positin-top {
  top: 12px;
  left: 16px;
  position: absolute;
}
.minicart-inc-items-area .bottom-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.minicart-inc-items-area .rbt-minicart-wrapper {
  margin-top: 0;
  padding-top: 32px;
  padding-bottom: 16px;
}
.minicart-inc-items-area .rbt-minicart-wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.minicart-inc-items-area .add-itembtn {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-full);
  background: transparent;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  color: var(--color-white);
  position: relative;
  z-index: 1;
  min-width: 40px;
}
.minicart-inc-items-area .add-itembtn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  transform: translate(-50%, -50%) scale(0.9);
  background: var(--color-primary);
  border-radius: 50%;
  transition: var(--transition);
  z-index: -1;
}
.minicart-inc-items-area .add-itembtn:hover::after {
  transform: translate(-50%, -50%) scale(1);
}
.minicart-inc-items-area .minicart-item .thumbnail a img {
  max-width: 100px;
  height: auto;
}
.minicart-inc-items-area .minicart-item .product-content {
  padding-left: 12px;
}

.rbt-cart-side-menu .inner-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rbt-cart-side-menu hr {
  background: var(--color-gray-100);
  height: 2px;
}

.rbt-minicart-footer {
  margin-top: auto;
  padding: 24px 32px 24px;
  position: sticky;
  bottom: 0;
  background: var(--color-white);
  z-index: 2;
}
@media only screen and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-minicart-footer {
    padding: 0px 24px 16px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-minicart-footer {
    padding: 0px 16px 16px;
  }
}
.rbt-minicart-footer .rbt-minicart-wrapper {
  flex-basis: 100%;
  overflow-x: hidden;
}
.rbt-minicart-footer .rbt-minicart-wrapper .minicart-item {
  min-width: auto;
}

.minicart-item .qty-item-btn {
  font-size: 12px !important;
}

/*---------------------------
    Shop Sidebar Styles  
----------------------------*/
.rbt-check-group {
  position: relative;
}
.rbt-check-group + .rbt-check-group {
  margin-top: 4px;
}
.rbt-check-group label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rbt-check-group label .rbt-lable-content {
  display: flex;
  gap: 8px;
  align-items: center;
}
.rbt-check-group label .rbt-lable-content img {
  max-height: 24px;
  width: auto;
}

/*---------------------------
    Rbt Show More Button  
------------------------------*/
.rbt-show-more-btn {
  font-size: 14px;
  font-weight: 700;
  color: var(--color-black);
  display: block;
  position: relative;
  padding: 3px 0;
  cursor: pointer;
  border: 0;
  background: transparent;
  text-align: center;
}

.rbt-show-more-btn {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  padding: 4px 12px;
  padding-right: 28px;
  font-weight: 600;
  color: var(--color-primary);
  background-color: var(--color-brand-300);
  border: 0;
  border-radius: 60px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.rbt-show-more-btn::after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  font-size: 10px;
  line-height: var(--line-height-b4);
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
.rbt-show-more-btn.variation-2 {
  background: var(--color-brand-400);
  color: var(--color-heading);
  z-index: 1;
}
.rbt-show-more-btn.variation-2:hover {
  color: var(--color-primary);
}
.rbt-show-more-btn.rbt-show-more-btn-naked {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  background: none;
  padding: 0;
  padding-right: 16px;
  z-index: 1;
}
.rbt-show-more-btn.rbt-show-more-btn-naked::after {
  right: 4px;
}
.rbt-show-more-btn.rbt-show-more-btn-naked::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 0;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s;
}
.rbt-show-more-btn.rbt-show-more-btn-naked:hover::before {
  transform-origin: bottom left;
  transform: scaleX(1);
}

.rbt-has-show-more .rbt-has-show-more-inner-content {
  max-height: 100px;
  overflow: hidden;
  position: relative;
  width: 100%;
  transition: all 0.4s;
}
.rbt-has-show-more.active .rbt-has-show-more-inner-content {
  max-height: inherit !important;
}

.rbt-single-widget .rbt-has-show-more-inner-content {
  max-height: 180px;
}
.rbt-single-widget .rbt-has-show-more .rbt-show-more-btn {
  background: transparent;
  position: relative;
  z-index: 1;
}
.rbt-single-widget .rbt-has-show-more .rbt-show-more-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  height: 100%;
  width: 100%;
  background-color: var(--color-brand-300);
  z-index: -1;
  border-radius: 60px;
  transition: var(--transition);
}
.rbt-single-widget .rbt-has-show-more .rbt-show-more-btn:hover::before {
  transform: translate(-50%, -50%) scale(1.1);
}

.filter-top-2 .rbt-has-show-more .rbt-has-show-more-inner-content {
  max-height: 120px;
}

/*---------------------------------
    Rbt Sidebar Widget Wrapper
-----------------------------------*/
.rbt-sidebar.sticky-top {
  top: 150px;
  position: sticky;
}
.rbt-sidebar.has-rbt-fshape .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom {
  border-color: var(--color-gray-200);
  padding: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-sidebar.has-rbt-fshape .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom {
    padding: 12px;
  }
}
.rbt-sidebar.has-rbt-fshape .rbt-sidebar-title {
  height: 40px;
  padding: 10px 0 8px 16px;
  border-color: var(--color-gray-200);
}
.rbt-sidebar.has-rbt-fshape .rbt-sidebar-title .rbt-fshape-right-portion {
  display: block;
}
.rbt-sidebar .rbt-sidebar-close-btn {
  top: -24px;
  right: -16px;
  position: absolute;
  display: inline-block;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: var(--radius-full);
  background: var(--color-brand-50);
}
.rbt-sidebar .rbt-sidebar-close-btn:hover {
  background: var(--color-brand-300);
}

.rbt-sidebar-widget-wrapper .rbt-sidebar-bottom {
  border-radius: 0px 12px 12px 12px;
  border: 2px solid transparent;
  background: var(--color-white);
  padding: 0;
  margin-top: -2px;
}
.rbt-sidebar-widget-wrapper + .rbt-sidebar-widget-wrapper {
  margin-top: 24px;
}
.rbt-sidebar-widget-wrapper .rbt-sidebar-widget-img img {
  border-radius: 12px;
}

.rbt-sidebar-widget-wrapper .rbt-single-widget.rbt-has-show-more .rbt-has-show-more-inner-content {
  max-height: 240px;
}
.rbt-sidebar-widget-wrapper .rbt-single-widget.rbt-has-show-more .rbt-show-more-btn {
  background: none;
}
.rbt-sidebar-widget-wrapper .rbt-single-widget.rbt-has-show-more .rbt-show-more-btn-area::before {
  transform: translateY(-80px);
}
.rbt-sidebar-widget-wrapper .rbt-sidebar-title {
  margin: 0;
  display: inline-block;
  height: 52px;
  z-index: 1;
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  border-left: 2px solid transparent;
  border-top: 2px solid transparent;
  position: relative;
  background: var(--color-white);
  border-radius: var(--radius-12) 0 0 0;
  font-weight: var(--f-bold);
  padding: 0;
}
.rbt-sidebar-widget-wrapper .rbt-sidebar-title i {
  margin-right: 4px;
}
.rbt-sidebar-widget-wrapper .rbt-sidebar-title .rbt-fshape-right-portion {
  position: absolute;
  left: 100%;
  top: -2px;
  display: none;
}

/*------------------------
    Rbt Single Widget  
-------------------------*/
.rbt-single-widget {
  padding-top: 16px;
  margin-top: 16px;
  border-top: 2px solid var(--color-border);
}
@media only screen and (max-width: 767px) {
  .rbt-single-widget {
    padding-top: 12px;
    margin-top: 12px;
  }
}
.rbt-single-widget:first-child {
  padding-top: 0;
  margin-top: 0;
  border-top: 0;
}
.rbt-single-widget .rbt-widget-title {
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  padding-bottom: 16px;
  border-bottom: 2px solid var(--color-border);
  margin-bottom: 0;
  padding-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .rbt-single-widget .rbt-widget-title {
    padding-bottom: 8px;
  }
}
.rbt-single-widget .rbt-widget-title.rbt-widget-title-without-border {
  padding: 0;
  border: 0;
  padding-bottom: 0;
}
.rbt-single-widget .rbt-widget-title.rbt-widget-title-without-border a {
  padding-bottom: 16px;
}
.rbt-single-widget .rbt-widget-title.rbt-widget-title-without-border a.collapsed {
  padding-bottom: 0;
}
.rbt-single-widget .rbt-widget-title a {
  display: flex;
  justify-content: space-between;
}
.rbt-single-widget .rbt-widget-title a .icon {
  rotate: 180deg;
  transition: var(--transition);
}
.rbt-single-widget .rbt-widget-title a.collapsed .icon {
  rotate: 0deg;
}
.rbt-single-widget .rbt-scroll-content {
  max-height: 160px;
  padding-right: 6px;
  overflow-y: auto;
  overflow-x: hidden;
}
.rbt-single-widget .rbt-scroll-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: var(--color-gray-150);
  border-radius: 40px;
  height: 337px;
}
.rbt-single-widget .rbt-scroll-content::-webkit-scrollbar {
  width: 4px;
  height: 337px;
  background-color: var(--color-gray-150);
}
.rbt-single-widget .rbt-scroll-content::-webkit-scrollbar-thumb {
  border-radius: 40px;
  background-color: var(--color-gray-300);
}
.rbt-single-widget .rbt-widget-title-2 {
  font-size: 12px;
  padding-bottom: 16px;
  border-bottom: 2px solid var(--color-border);
  margin-bottom: 16px;
  color: var(--color-heading);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  opacity: 0.8;
}
.rbt-single-widget ul.rbt-sidebar-list-wrapper {
  margin: -6px 0;
}
.rbt-single-widget ul.rbt-sidebar-list-wrapper > li {
  margin: 0;
  position: relative;
  z-index: 1;
  margin: 2px 0;
}
.rbt-single-widget ul.rbt-sidebar-list-wrapper > li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0.9);
  background: var(--color-gray-100);
  border-radius: 4px;
  z-index: -1;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
}
.rbt-single-widget ul.rbt-sidebar-list-wrapper > li:hover:after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.rbt-single-widget ul.rbt-sidebar-list-wrapper input[type=checkbox] ~ label::before,
.rbt-single-widget ul.rbt-sidebar-list-wrapper input[type=radio] ~ label::before {
  left: 6px;
}
.rbt-single-widget ul.rbt-sidebar-list-wrapper input[type=checkbox] ~ label::after,
.rbt-single-widget ul.rbt-sidebar-list-wrapper input[type=radio] ~ label::after {
  left: 11px;
}
.rbt-single-widget ul.rbt-sidebar-list-wrapper.recent-post-list li + li {
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid var(--color-border-2);
}
.rbt-single-widget ul.rbt-sidebar-list-wrapper.rbt-categories-review-list .rbt-rating-icon-list li {
  margin: 0;
}
.rbt-single-widget ul.rbt-sidebar-list-wrapper.rbt-categories-review-list .rbt-rating-icon-list li + li {
  margin-top: 0px;
}
.rbt-single-widget ul.rbt-sidebar-list-wrapper.rbt-size-select-btn {
  display: flex;
  align-items: center;
  gap: 12px;
}
.rbt-single-widget ul.rbt-sidebar-list-wrapper.rbt-size-select-btn li + li {
  margin-top: 0;
}
.rbt-single-widget ul.rbt-sidebar-list-wrapper.rbt-size-select-btn li input:checked ~ label span {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-single-widget ul.rbt-sidebar-list-wrapper.rbt-size-select-btn label {
  padding: 0;
}
.rbt-single-widget ul.rbt-sidebar-list-wrapper.rbt-size-select-btn label::before {
  border: none;
  background: transparent;
}
.rbt-single-widget ul.rbt-sidebar-list-wrapper.rbt-size-select-btn label span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border-radius: var(--radius);
  border: none;
  background: var(--color-gray-100);
  color: var(--color-heading);
  font-size: var(--font-size-b3);
  font-weight: var(--f-semi-bold);
  transition: var(--transition);
}
.rbt-single-widget ul.rbt-sidebar-list-wrapper.rbt-size-select-btn label::after {
  content: none;
}
.rbt-single-widget .rbt-review-group > a {
  padding: 4px 6px;
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
}
@media only screen and (max-width: 479px) {
  .rbt-single-widget .rbt-review-group > a {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
  }
}
.rbt-single-widget .rbt-review-group > a i {
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
}
.rbt-single-widget input[type=checkbox] ~ label,
.rbt-single-widget input[type=radio] ~ label {
  padding: 4px 6px;
  padding-left: 32px;
}
@media only screen and (max-width: 479px) {
  .rbt-single-widget input[type=checkbox] ~ label,
  .rbt-single-widget input[type=radio] ~ label {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
  }
}
.rbt-single-widget .rating {
  display: flex;
  align-items: center;
  margin-top: -3px;
}
.rbt-single-widget .rating .off {
  color: var(--color-body);
  opacity: 0.4;
}
.rbt-single-widget .rbt-lable {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 479px) {
  .rbt-single-widget .rbt-lable {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
  }
}
.rbt-single-widget .recent-post-list li {
  display: flex;
  align-items: center;
}
.rbt-single-widget .recent-post-list li .thumbnail {
  margin-right: 12px;
}
.rbt-single-widget .recent-post-list li .thumbnail a {
  display: block;
}
.rbt-single-widget .recent-post-list li .thumbnail a img {
  height: 60px;
  width: 60px;
  border-radius: var(--radius);
  object-fit: cover;
  min-width: 60px;
  min-height: 60px;
}
.rbt-single-widget .recent-post-list li .content .title {
  margin-bottom: 12px;
  font-size: 14px;
}
.rbt-single-widget .recent-post-list li .content .rbt-meta li {
  font-size: 12px;
}
.rbt-single-widget .recent-post-list li .content .rbt-meta li i {
  margin-right: 5px;
}

.rbt-filter-button {
  font-size: var(--font-size-b2);
  color: var(--color-heading);
  font-weight: var(--f-medium);
}

.rbt-filter-collapse-area {
  position: relative;
  overflow: visible;
  box-sizing: border-box;
  min-height: 1px;
  margin-right: -25%;
  opacity: 0;
  width: 25%;
  transition: margin 0.4s ease, transform 0.4s ease, opacity 0.4s ease;
}
.rbt-filter-collapse-area.show {
  margin-right: 0px;
  opacity: 1;
}
.rbt-filter-collapse-area.start-from-right {
  margin-left: -25%;
  margin-right: 0;
}
.rbt-filter-collapse-area.start-from-right.show {
  margin-left: 0px;
  opacity: 1;
}

.rbt-collapsible-filter-product-area {
  flex: 1;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.rbt-filter-item-not-found {
  display: none;
}

/*---------------------------
    Shop Styles  
----------------------------*/
.rbt-shop-tool-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 767px) {
  .rbt-shop-tool-content {
    flex-wrap: wrap;
  }
}
.rbt-shop-tool-content .rbt-inner-search-field input {
  height: 36px;
  padding: 0 12px;
  padding-right: 42px;
  min-width: 270px;
  background: var(--color-white);
}
.rbt-shop-tool-content .rbt-inner-search-field .search-btn {
  background: transparent;
}

.rbt-shop-tools-title {
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  font-weight: var(--f-medium);
  margin-bottom: 0;
  color: var(--color-gray-400);
  white-space: nowrap;
}

.rbt-shop-filter-tag-list {
  gap: 8px;
}

.rbt-shop-view-btn-list {
  display: flex;
  gap: 4px;
}
.rbt-shop-view-btn-list a {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  background: transparent;
  height: 32px;
  width: 32px;
  color: var(--color-heading);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-full);
}
.rbt-shop-view-btn-list a.active, .rbt-shop-view-btn-list a:hover {
  background: var(--color-brand-300);
}

.rbt-shop-tools-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 0;
}
.rbt-shop-tools-wrapper.rbt-shop-tools-wrapper-var-one .rbt-shop-tool-content {
  flex-basis: auto;
}

.rbt-shop-view-var-wrapper {
  gap: 20px;
}

.rbt-shop-view-sort-wrapper {
  gap: 8px;
}

.rbt-tools-select-single {
  display: flex;
  align-items: center;
}

.rbt-shop-view-sort-select-one .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: max-content;
}
.rbt-shop-view-sort-select-one.rbt-modern-select .bootstrap-select button.btn-light {
  background: none;
  padding: 4px 8px;
  padding-right: 16px;
  height: auto;
  box-shadow: none;
  font-size: var(--font-size-b3);
  line-height: 1.5;
  font-weight: var(--f-medium);
  color: var(--color-heading);
}
.rbt-shop-view-sort-select-one.rbt-modern-select .bootstrap-select button.btn-light::before {
  content: "";
  position: absolute;
  background: var(--color-brand-200);
  height: 100%;
  width: 100%;
  transform: scale(1);
  transition: var(--transition);
  z-index: -1;
  left: 0;
  top: 0;
  border-radius: 60px;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.rbt-shop-view-sort-select-one.rbt-modern-select .bootstrap-select button.btn-light::after {
  margin-left: 0;
}
.rbt-shop-view-sort-select-one.rbt-modern-select .bootstrap-select button.btn-light.show::before, .rbt-shop-view-sort-select-one.rbt-modern-select .bootstrap-select button.btn-light:hover::before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.rbt-shop-view-sort-select-one.rbt-modern-select .bootstrap-select .dropdown-menu li a span.text {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
}

.rbt-shop-view-sort-select-two .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: max-content;
}
.rbt-shop-view-sort-select-two.rbt-modern-select .bootstrap-select button.btn-light {
  background: none;
  padding: 4px 8px;
  padding-right: 16px;
  height: auto;
  box-shadow: none;
  font-size: var(--font-size-b3);
  line-height: 1.5;
  font-weight: var(--f-medium);
  color: var(--color-heading);
}
.rbt-shop-view-sort-select-two.rbt-modern-select .bootstrap-select button.btn-light::before {
  content: "";
  position: absolute;
  background: var(--color-brand-200);
  height: 100%;
  width: 100%;
  transform: scale(1);
  transition: var(--transition);
  z-index: -1;
  left: 0;
  top: 0;
  border-radius: 60px;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.rbt-shop-view-sort-select-two.rbt-modern-select .bootstrap-select button.btn-light::after {
  margin-left: 0;
}
.rbt-shop-view-sort-select-two.rbt-modern-select .bootstrap-select button.btn-light.show::before, .rbt-shop-view-sort-select-two.rbt-modern-select .bootstrap-select button.btn-light:hover::before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.rbt-shop-view-sort-select-two.rbt-modern-select .bootstrap-select .dropdown-menu li a span.text {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
}

/**************************************
    Inner Pages
***************************************/
.rbt-brand-char-list-sticky {
  position: sticky;
  transition: var(--transition);
  z-index: 9;
}
.rbt-brand-char-list-sticky.sticky {
  top: 150px;
  animation: stickySlideDown 1s cubic-bezier(0.23, 1, 0.32, 1) both;
}
.rbt-brand-char-list-sticky.sticky .rbt-char-list {
  box-shadow: var(--shadow-5);
}

/* character list */
.rbt-char-list {
  background: var(--color-white);
  padding: 6px 8px;
  border-radius: var(--radius-60);
  list-style: none;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-char-list {
    border-radius: var(--radius-12);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-char-list {
    border-radius: var(--radius-12);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-char-list {
    border-radius: var(--radius-12);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-char-list {
    border-radius: var(--radius-12);
  }
}
.rbt-char-list li {
  margin: 0;
}
.rbt-char-list li .rbt-char-single {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--h5);
  font-weight: var(--f-semi-bold);
  line-height: 40px;
}
.rbt-char-list li .rbt-char-single:hover {
  background: var(--color-brand-200);
  color: var(--color-primary);
}
.rbt-char-list li.current .rbt-char-single {
  background: var(--color-brand-200);
  color: var(--color-primary);
}

/* brand list area */
.rbt-brand-list-area {
  background: var(--color-white);
  padding: 32px;
  border-radius: var(--radius-12);
  margin-bottom: 24px;
}
.rbt-brand-list-area:last-child {
  margin-bottom: 0;
}
.rbt-brand-list-area .rbt-brand-list-title {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--h2);
  font-weight: var(--f-semi-bold);
  line-height: 1;
  margin-bottom: 16px;
}
.rbt-brand-list-area:hover .rbt-brand-list-title {
  color: var(--color-primary);
}
.rbt-brand-list-area .rbt-brand-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 16px;
}
.rbt-brand-list-area .rbt-brand-list li {
  margin: 0;
}
.rbt-brand-list-area .rbt-brand-list li a {
  color: var(--color-gray-700);
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  display: flex;
  gap: 8px;
  align-items: center;
}
.rbt-brand-list-area .rbt-brand-list li a .icon {
  height: 24px;
  width: 38px;
  border: 1px solid var(--color-gray-200);
  border-radius: 2px;
  background: var(--color-white);
}
.rbt-brand-list-area .rbt-brand-list li a .rbt-brand-text {
  transition: var(--transition);
}
.rbt-brand-list-area .rbt-brand-list li a .rbt-brand-text::after {
  color: var(--color-primary);
  height: 1px;
}
.rbt-brand-list-area .rbt-brand-list li a:hover .rbt-brand-text {
  color: var(--color-primary);
}
.rbt-brand-list-area .rbt-brand-list li a:hover .rbt-brand-text::after {
  width: 100%;
  left: 0;
  right: auto;
}

.rbt-nav-box .inner {
  padding: 24px;
  background: var(--color-white);
  border-radius: var(--radius-md);
}
@media only screen and (max-width: 767px) {
  .rbt-nav-box .inner {
    padding: 20px;
  }
}
.rbt-nav-box .inner .rbt-nav-box-top {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
}
.rbt-nav-box .inner .rbt-nav-box-top .rbt-nav-box-title {
  color: var(--color-heading);
  font-family: var(--font-family);
  font-size: var(--font-size-b1);
  font-weight: var(--f-semi-bold);
  line-height: var(--line-height-b1);
  margin-bottom: 4px;
}
.rbt-nav-box .inner .rbt-nav-box-top .rbt-categories-box-img {
  width: 72px;
  height: 72px;
}
.rbt-nav-box .inner .rbt-nav-box-top .rbt-categories-box-img img {
  object-fit: cover;
}
.rbt-nav-box .inner .rbt-nav-items {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, 1fr);
}
.rbt-nav-box .inner .rbt-nav-items.rbt-nav-items-1 {
  grid-template-columns: repeat(1, 1fr);
}
@media only screen and (max-width: 767px) {
  .rbt-nav-box .inner .rbt-nav-items {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rbt-nav-box .inner .rbt-nav-items .rbt-nav-item-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}
.rbt-nav-box .inner .rbt-nav-items .rbt-nav-item-list li {
  padding: 0;
  margin: 0;
}
.rbt-nav-box .inner .rbt-nav-items .rbt-nav-item-list li a {
  color: var(--color-gray-700);
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: var(--f-regular);
}
.rbt-nav-box .inner .rbt-nav-items .rbt-nav-item-list li a.rbt-btn-link::after {
  background: var(--color-primary);
}

.rbt-offer-card {
  height: unset;
  transition: var(--transition);
}
.rbt-offer-card:hover .rbt-card-img img {
  transform: scale(1.04);
}
.rbt-offer-card .inner {
  padding: 16px;
  border-radius: var(--radius-12);
  background: var(--color-white);
  transition: var(--transition);
  border: 2px solid #F5F5F5;
}
.rbt-offer-card .rbt-card-img {
  background: var(--color-white);
  border-radius: 4px;
  overflow: hidden;
}
.rbt-offer-card .rbt-card-body {
  padding: 16px 0 0 0;
}
.rbt-offer-card .rbt-card-body .ofr-meta-part {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rbt-offer-card .rbt-card-body .ofr-meta-part .single-meta {
  color: var(--color-gray-500);
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  font-weight: var(--f-medium);
  line-height: var(--line-height-b3);
  display: flex;
  align-items: center;
  gap: 4px;
}

.rbt-about-area .rbt-about-banner-fshape-title {
  border-color: var(--color-primary);
  padding: 11px 32px 6px;
  height: 50px;
}
.rbt-about-area .rbt-about-banner-fshape-title::after {
  background-image: url(../images/section-title/title-bg-right-primary-shape.svg);
}
.rbt-about-area .rbt-about-banner-fshape {
  border-color: var(--color-primary);
}
.rbt-about-area .rbt-about-banner-content-wrapper {
  background: var(--color-gray-light);
  border-radius: var(--radius-big);
  padding: 24px;
}
.rbt-about-area .rbt-about-banner-content-wrapper .rbt-about-banner-content {
  padding-left: 32px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-about-area .rbt-about-banner-content-wrapper .rbt-about-banner-content {
    padding-left: 0;
    padding-bottom: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-about-area .rbt-about-banner-content-wrapper .rbt-about-banner-content {
    padding-left: 0;
    padding-bottom: 24px;
  }
}
.rbt-about-area .rbt-about-banner-content-wrapper .rbt-about-banner-content .rbt-about-banner-text {
  color: var(--color-gray-600);
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
}
.rbt-about-area .rbt-about-banner-content-wrapper .rbt-about-banner-card {
  -webkit-mask-image: url(../images/system/product-banner-10-left-curved-mask.webp);
  mask-image: url(../images/system/product-banner-10-left-curved-mask.webp);
  background-image: url(../images/system/product-banner-10-left-curved-mask.webp);
}
.rbt-about-area .rbt-about-banner-content-wrapper .rbt-about-banner-card .rbt-about-banner-img img {
  max-width: 580px;
}
@media only screen and (max-width: 767px) {
  .rbt-about-area .rbt-about-banner-content-wrapper .rbt-about-banner-card .rbt-about-banner-img img {
    width: 100%;
    height: auto;
  }
}

.rbt-about-qoute-wrapper {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 48px 0 45px;
  border-bottom: 3px solid var(--color-gray-100);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-about-qoute-wrapper {
    justify-content: start;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-about-qoute-wrapper {
    justify-content: start;
  }
}
.rbt-about-qoute-wrapper .rbt-about-qoute {
  padding: 0 12px 0 52px;
  max-width: 30%;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-about-qoute-wrapper .rbt-about-qoute {
    max-width: 48%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-about-qoute-wrapper .rbt-about-qoute {
    max-width: 100%;
  }
}
.rbt-about-qoute-wrapper .rbt-about-qoute::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 40px;
  height: 2px;
  background: var(--color-primary);
}

/*----------------------------------
    About thumbnail position CSS
------------------------------------*/
.rbt-thumbnail-wrapper {
  position: relative;
  min-height: 578px;
}
@media only screen and (max-width: 479px) {
  .rbt-thumbnail-wrapper {
    min-height: 675px;
  }
}
.rbt-thumbnail-wrapper .rbt-thumbnail {
  position: absolute;
  border-radius: var(--radius-big);
}
.rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-1 {
  max-height: 440px;
  max-width: 343px;
  top: 0;
  left: 76px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-1 {
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-1 {
    left: 0;
  }
}
.rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-1.rbt-curved-style-box {
  -webkit-mask-image: url(../images/system/about-image-mask-shape-1.webp);
  mask-image: url(../images/system/about-image-mask-shape-1.webp);
  background-image: url(../images/system/about-image-mask-shape-1.webp);
}
.rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-2 {
  max-height: 244px;
  max-width: 185px;
  top: 85px;
  right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-2 {
    right: 52px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-2 {
    top: 245px;
  }
}
.rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-2.rbt-curved-style-box {
  -webkit-mask-image: url(../images/system/about-image-mask-shape-2.webp);
  mask-image: url(../images/system/about-image-mask-shape-2.webp);
  background-image: url(../images/system/about-image-mask-shape-2.webp);
}
.rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-3 {
  max-height: 213px;
  max-width: 281px;
  bottom: 0;
  right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-3 {
    right: 32px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-3 {
    right: 75px;
  }
}
.rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-3.rbt-curved-style-box {
  -webkit-mask-image: url(../images/system/about-image-mask-shape-3.webp);
  mask-image: url(../images/system/about-image-mask-shape-3.webp);
  background-image: url(../images/system/about-image-mask-shape-3.webp);
}

.rbt-about-area .rbt-about-feature-area {
  max-width: 597px;
  padding-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-about-area .rbt-about-feature-area {
    padding-left: 0;
    margin-top: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-about-area .rbt-about-feature-area {
    padding-left: 0;
    margin-top: 32px;
  }
}
.rbt-about-area .rbt-about-feature-area .rbt-section-title {
  max-width: 528px;
}
.rbt-about-area .rbt-about-feature-area .rbt-about-feature-wrapper {
  margin-left: -16px;
}
.rbt-about-area .rbt-about-feature-area .rbt-about-feature-wrapper .rbt-about-feature {
  display: flex;
  gap: 16px;
  max-width: 488px;
  padding: 12px 16px;
  transition: var(--transition);
}
.rbt-about-area .rbt-about-feature-area .rbt-about-feature-wrapper .rbt-about-feature:hover {
  background: var(--color-white);
  box-shadow: var(--shadow-1);
  border-radius: var(--radius-md);
  scale: 1.05;
}
.rbt-about-area .rbt-about-feature-area .rbt-about-feature-wrapper .rbt-about-feature .icon {
  display: inline-block;
  min-width: 48px;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-full);
  background: var(--color-brand-200);
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  font-size: var(--h6);
  color: var(--color-brand-700);
}
.rbt-about-area .rbt-about-feature-area .rbt-about-feature-wrapper .rbt-about-feature .rbt-feature-content .rbt-feature-title {
  font-weight: var(--f-bold);
  margin-bottom: 8px;
}
.rbt-about-area .rbt-about-feature-area .rbt-about-feature-wrapper .rbt-about-feature .rbt-feature-content .rbt-feature-description {
  font-size: var(--font-size-b2);
  color: var(--color-gray-500);
}
.rbt-about-area .video-popup-wrapper.rbt-curved-style-box {
  -webkit-mask-image: url(../images/system/about-video-shape.webp);
  mask-image: url(../images/system/about-video-shape.webp);
  background-image: url(../images/system/about-video-shape.webp);
}
.rbt-about-area .video-popup-wrapper img {
  min-height: 420px;
}
.rbt-about-area .video-popup-wrapper .rbt-yt-play-btn-logo {
  min-height: unset;
  width: 100px;
  height: 70px;
}
.rbt-about-area .rbt-fshape-box-outline-style .rbt-component-section-title .rbt-fshape-right-portion {
  left: 98%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-about-area .rbt-fshape-box-outline-style .rbt-component-section-title .rbt-fshape-right-portion {
    left: 97%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-about-area .rbt-fshape-box-outline-style .rbt-fshape-box {
    margin-top: -1px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-about-area .rbt-fshape-box-outline-style .rbt-fshape-box {
    border-radius: 0 0 var(--radius-big) var(--radius-big);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-about-area .rbt-fshape-box-outline-style .rbt-component-section-title {
    margin-top: -3px;
  }
}

.rbt-blog-details-area .rbt-blog-thumbnail {
  padding: 24px;
  background: var(--color-white);
  border-radius: var(--radius-big);
  margin-bottom: 40px;
}
.rbt-blog-details-area .rbt-blog-details-content p {
  margin-bottom: 20px;
}
.rbt-blog-details-area .rbt-blog-details-content p:last-child {
  margin-bottom: 0;
}
.rbt-blog-details-area .rbt-blog-details-content hr {
  margin: 20px 0;
  background-color: var(--color-gray-100);
}
.rbt-blog-details-area .rbt-blog-details-content td,
.rbt-blog-details-area .rbt-blog-details-content tfoot td {
  border-color: var(--color-gray-100);
}
.rbt-blog-details-area .rbt-blog-details-content pre {
  background: var(--color-brand-50);
  border-radius: var(--radius);
  font-family: var(--font-primary);
  color: var(--color-gray-600);
}
.rbt-blog-details-area blockquote {
  position: relative;
  padding: 32px 112px 32px 32px;
  background: var(--color-brand-100);
  border-radius: var(--radius-12);
  color: var(--color-gray-700);
  font-family: var(--font-primary);
  font-size: var(--h4);
  font-style: normal;
  font-weight: var(--f-regular);
  line-height: var(--line-height-b4);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-blog-details-area blockquote {
    padding: 32px 56px 32px 32px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-blog-details-area blockquote {
    padding: 32px;
  }
}
.rbt-blog-details-area blockquote::after {
  content: "";
  position: absolute;
  top: 36px;
  right: 32px;
  background-image: url(../images/blog-details/blockquote.svg);
  background-repeat: no-repeat, repeat;
  width: 52px;
  height: 44px;
}
@media only screen and (max-width: 767px) {
  .rbt-blog-details-area blockquote::after {
    top: 5px;
    right: 0px;
  }
}
.rbt-blog-details-area blockquote p {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
}
.rbt-blog-details-area .rbt-blog-categories-share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.rbt-blog-details-area .rbt-blog-categories-share .rbt-blog-categories .rbt-blog-categories-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 0;
  margin: 20px 0;
}
.rbt-blog-details-area .rbt-blog-categories-share .rbt-blog-categories .rbt-blog-categories-list li {
  margin: 0;
  padding: 0;
}
.rbt-blog-details-area .rbt-blog-categories-share .rbt-blog-categories .rbt-blog-categories-list li a {
  display: inline-block;
  padding: 6px 12px 6px 28px;
  border: 2px solid var(--color-gray-200);
  border-radius: var(--radius);
  position: relative;
}
.rbt-blog-details-area .rbt-blog-categories-share .rbt-blog-categories .rbt-blog-categories-list li a::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background: var(--color-primary);
  border-radius: var(--radius-full);
  transition: 0.3s;
}
.rbt-blog-details-area .rbt-blog-categories-share .rbt-blog-categories .rbt-blog-categories-list li a:hover::before {
  scale: 1.3;
}
.rbt-blog-details-area .rbt-recent-blog-single {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 16px;
}
.rbt-blog-details-area .rbt-recent-blog-single + .rbt-recent-blog-single {
  border-top: 2px solid var(--color-gray-100);
  padding-top: 16px;
}
.rbt-blog-details-area .rbt-recent-blog-single .rbt-recent-blog-single-thumb {
  height: 80px;
  width: 80px;
  min-width: 80px;
  border-radius: var(--radius-md);
  overflow: hidden;
}
.rbt-blog-details-area .rbt-recent-blog-single .rbt-blog-post-meta {
  margin-bottom: 8px;
}
.rbt-blog-details-area .rbt-recent-blog-single .rbt-blog-post-meta .rbt-blog-details-meta-list li {
  color: var(--color-gray-400);
  font-family: var(--font-primary);
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  font-weight: var(--f-medium);
}
.rbt-blog-details-area .rbt-recent-blog-single .rbt-recent-blog-title {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: var(--f-medium);
  margin-bottom: 0;
}
.rbt-blog-details-area .rbt-recent-blog-single .rbt-recent-blog-title a {
  transition: var(--transition);
}
.rbt-blog-details-area .rbt-blog-details-categories .rbt-blog-category-single a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--color-gray-500);
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: var(--f-medium);
  transition: var(--transition);
}
.rbt-blog-details-area .rbt-blog-details-categories .rbt-blog-category-single a:hover {
  color: var(--color-primary);
}
.rbt-blog-details-area .rbt-sidebar-widget-img {
  max-width: 274px;
}

.rbt-blog-post-meta {
  margin-bottom: 12px;
}
.rbt-blog-post-meta .rbt-blog-details-meta-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.rbt-blog-post-meta .rbt-blog-details-meta-list li {
  margin: 0;
  padding: 0;
}
.rbt-blog-post-meta .rbt-blog-details-meta-list li + li {
  margin-left: 4px;
}
.rbt-blog-post-meta .rbt-blog-details-meta-list li + li::before {
  content: "/";
  margin: 4px;
}

.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-thumbnail {
  display: inline-block;
  position: relative;
  border-radius: var(--radius-12) 0 var(--radius-12) var(--radius-12);
  overflow: hidden;
}
.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-thumbnail img {
  transition: var(--transition);
}
.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-thumbnail .rbt-thumb-top-right-shape {
  display: inline-block;
  width: 50%;
  height: 32px;
  background: var(--color-gray-light);
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 0 0 var(--radius-big);
}
.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-thumbnail .rbt-thumb-top-right-shape::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background: transparent;
  border-radius: var(--radius-full);
  top: 0px;
  left: -30px;
  box-shadow: 16px -16px 0px 4px var(--color-gray-light);
}
.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-thumbnail .rbt-thumb-top-right-shape::after {
  content: "";
  width: 30px;
  height: 30px;
  background: transparent;
  border-radius: var(--radius-full);
  position: absolute;
  right: 0;
  bottom: -30px;
  box-shadow: 16px -16px 0px 4px var(--color-gray-light);
}
.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-details-meta {
  margin: 8px 0;
}
.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-details-meta .rbt-blog-details-meta-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-details-meta .rbt-blog-details-meta-list li {
  margin: 0;
  padding: 0;
}
.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-details-meta .rbt-blog-details-meta-list li + li {
  margin-left: 8px;
}
.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-details-meta .rbt-blog-details-meta-list li + li::before {
  content: "/";
  margin-right: 4px;
}
.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-title {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  margin-bottom: 0;
}
.rbt-recent-blog-posted-area .rbt-blog-post-card:hover .rbt-blog-thumbnail img {
  scale: 1.05;
}

.rbt-comment-list ul.rbt-child-comment {
  padding-left: 75px;
}
@media only screen and (max-width: 767px) {
  .rbt-comment-list ul.rbt-child-comment {
    padding-left: 20px;
  }
}
.rbt-comment-list .comment {
  margin-top: 0;
  margin-bottom: 0;
  border-top: 1px solid var(--color-gray-100);
}
.rbt-comment-list .comment:first-child {
  border-top: transparent;
}
.rbt-comment-list .comment:last-child {
  border-bottom: 0;
}
.rbt-comment-list .comment .rbt-child-comment .comment {
  border-top: 1px solid var(--color-gray-100);
}
.rbt-comment-list .comment .single-comment {
  padding: 20px 0;
  display: flex;
}
@media only screen and (max-width: 575px) {
  .rbt-comment-list .comment .single-comment {
    display: block;
  }
}
.rbt-comment-list .comment .single-comment .comment-img {
  margin-bottom: 15px;
  min-width: 48px;
  max-width: 48px;
  margin-right: 20px;
}
.rbt-comment-list .comment .single-comment .comment-img img {
  border-radius: 100%;
  width: 100%;
  background: var(--color-white);
  padding: 4px;
  border: 2px solid var(--color-brand-200);
}
.rbt-comment-list .comment .commenter {
  margin-bottom: 4px;
}
.rbt-comment-list .comment .commenter a {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--font-size-b1);
  font-weight: var(--f-medium);
  line-height: var(--line-height-b1);
}
.rbt-comment-list .comment .commenter a:hover {
  color: var(--color-primary);
}
.rbt-comment-list .comment .commenter a .hover-flip-item span::before {
  color: var(--color-heading);
}
.rbt-comment-list .comment .commenter a .hover-flip-item span::after {
  color: var(--color-primary);
}
.rbt-comment-list .comment .comment-meta {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.rbt-comment-list .comment .time-spent {
  color: var(--color-gray-600);
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  font-weight: var(--f-regular);
  line-height: var(--line-height-b3);
}
.rbt-comment-list .comment .reply-edit a.comment-reply-link {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  margin-top: 4px;
  display: flex;
  color: var(--color-primary);
  position: relative;
  font-weight: var(--f-medium);
  overflow: visible;
}
.rbt-comment-list .comment .reply-edit a.comment-reply-link .hover-flip-item span::before {
  color: var(--color-heading);
}
.rbt-comment-list .comment .reply-edit a.comment-reply-link .hover-flip-item span::after {
  color: var(--color-primary);
}
.rbt-comment-list .comment .reply-edit a.comment-reply-link:hover {
  color: var(--color-primary);
}
.rbt-comment-list .comment .comment-text p {
  color: var(--color-tertiary);
}
.rbt-comment-list .comment .rbt-commented-img-list {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.rbt-comment-list .comment .rbt-commented-img-list li a {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  max-width: 100px;
}
.rbt-comment-list .comment .rbt-commented-img-list li a img {
  max-width: 100%;
  height: auto;
  transition: var(--transition);
  object-fit: cover;
  z-index: revert-layer;
}
.rbt-comment-list .comment .rbt-commented-img-list li a .text {
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--color-white);
  transform: translate(-50%, -50%);
  font-size: var(--font-size-b2);
  max-width: 80%;
  line-height: var(--line-height-b2);
  text-align: center;
}
.rbt-comment-list .comment .rbt-commented-img-list li a:hover {
  opacity: 0.8;
}
.rbt-comment-list .comment .rbt-commented-img-list li a:hover img {
  scale: 1.05;
}

.rbt-blog-post-meta {
  margin-bottom: 12px;
}
.rbt-blog-post-meta .rbt-blog-details-meta-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.rbt-blog-post-meta .rbt-blog-details-meta-list li {
  margin: 0;
  padding: 0;
}
.rbt-blog-post-meta .rbt-blog-details-meta-list li + li {
  margin-left: 4px;
}
.rbt-blog-post-meta .rbt-blog-details-meta-list li + li::before {
  content: "/";
  margin: 4px;
}

.rbt-recent-blog-single {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-recent-blog-single {
    align-items: start;
  }
}
.rbt-recent-blog-single + .rbt-recent-blog-single {
  border-top: 2px solid var(--color-gray-100);
  padding-top: 16px;
}
.rbt-recent-blog-single .rbt-recent-blog-single-thumb {
  height: 80px;
  width: 80px;
  min-width: 80px;
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--color-gray-100);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-recent-blog-single .rbt-recent-blog-single-thumb {
    margin-top: 8px;
  }
}
.rbt-recent-blog-single .rbt-recent-blog-single-thumb img {
  transition: var(--transition);
}
.rbt-recent-blog-single:hover .rbt-recent-blog-single-thumb img {
  scale: 1.1;
}
.rbt-recent-blog-single .rbt-blog-post-meta {
  margin-bottom: 8px;
}
.rbt-recent-blog-single .rbt-blog-post-meta .rbt-blog-details-meta-list li a {
  color: var(--color-gray-400);
  font-family: var(--font-primary);
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  font-weight: var(--f-medium);
}
.rbt-recent-blog-single .rbt-blog-post-meta .rbt-blog-details-meta-list li a:hover {
  color: var(--color-primary);
}
.rbt-recent-blog-single .rbt-recent-blog-title {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: var(--f-medium);
  margin-bottom: 0;
}
.rbt-recent-blog-single .rbt-recent-blog-title a {
  transition: var(--transition);
}

.rbt-sidebar-categories-list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--color-gray-500);
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: var(--f-medium);
  transition: var(--transition);
  padding: 4px 8px;
}
.rbt-sidebar-categories-list li a:hover {
  color: var(--color-primary);
}

.rbt-blog-social-share {
  display: flex;
  gap: 8px;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.rbt-blog-social-share li {
  margin: 0;
  padding: 0;
}
.rbt-blog-social-share li a {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
}
.rbt-blog-social-share li a i {
  transition: var(--transition);
}
.rbt-blog-social-share li a.facebook {
  background: var(--color-facebook);
}
.rbt-blog-social-share li a.pinterest {
  background: var(--color-pinterest);
}
.rbt-blog-social-share li a.linkedin {
  background: var(--color-linkedin);
}
.rbt-blog-social-share li a.whatsapp {
  background: var(--color-whatsapp);
}
.rbt-blog-social-share li a.discord {
  background: var(--color-discord);
}
.rbt-blog-social-share li a:hover {
  color: var(--color-white);
}
.rbt-blog-social-share li a:hover i {
  transform: scale(1.06);
}

.rbt-counterup-wrapper {
  display: flex;
  column-gap: 80px;
  row-gap: 24px;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-counterup-wrapper {
    column-gap: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-counterup-wrapper {
    column-gap: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-counterup-wrapper {
    column-gap: 24px;
  }
}
.rbt-counterup-wrapper .rbt-counterup-single {
  max-width: 196px;
}
.rbt-counterup-wrapper .rbt-counterup-single .rbt-counterup {
  position: relative;
  width: fit-content;
  font-size: var(--h1);
  margin-bottom: 12px;
}
.rbt-counterup-wrapper .rbt-counterup-single .rbt-counterup.has-formatting-mark .odometer-formatting-mark {
  display: inline-block;
}
.rbt-counterup-wrapper .rbt-counterup-single .rbt-counterup::after {
  content: attr(data-text);
  position: absolute;
}
.rbt-counterup-wrapper .rbt-counterup-single .rbt-counterup .odometer-formatting-mark {
  display: none;
}

.rbt-error-content {
  position: relative;
  border: 2px solid var(--color-primary);
  padding: 60px;
  border-radius: var(--radius-12) var(--radius-12) var(--radius-12) 0;
  margin-top: 98px;
  background: var(--color-white);
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-error-content {
    padding: 60px 40px;
    margin-top: 80px;
    border-radius: var(--radius-12);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-error-content {
    padding: 20px;
    margin-top: 60px;
    border-radius: var(--radius-12);
  }
}
.rbt-error-content .rbt-error-title {
  font-size: 102px;
  color: var(--color-primary);
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .rbt-error-content .rbt-error-title {
    font-size: 70px;
  }
}
.rbt-error-content .error-bg-shape {
  width: 481px;
  position: absolute;
  top: 104px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -2;
}
.rbt-error-content .rbt-error-subtitle {
  margin-top: 48px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-error-content .rbt-error-subtitle {
    margin-top: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-error-content .rbt-error-subtitle {
    margin-top: 32px;
  }
}
.rbt-error-content .rbt-error-description {
  padding: 0 266px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-error-content .rbt-error-description {
    padding: 0 180px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-error-content .rbt-error-description {
    padding: 0 52px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-error-content .rbt-error-description {
    padding: 0 52px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-error-content .rbt-error-description {
    padding: 0;
  }
}
.rbt-error-content .rbt-error-description.error-maintanance-description {
  padding: 0 180px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-error-content .rbt-error-description.error-maintanance-description {
    padding: 0 96px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-error-content .rbt-error-description.error-maintanance-description {
    padding: 0 52px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-error-content .rbt-error-description.error-maintanance-description {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-error-content .rbt-error-description.error-maintanance-description {
    padding: 0;
  }
}

.rbt-fshape-box-outline-bottom-style {
  border-top: unset;
  border-radius: 0 0 0 12px;
  padding: 0;
  height: 52px;
  width: 70%;
  margin-top: -2px;
  border-bottom: 2px solid var(--color-primary);
  border-left: 2px solid var(--color-primary);
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-fshape-box-outline-bottom-style {
    margin-top: -3px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-fshape-box-outline-bottom-style {
    margin-top: -3px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-fshape-box-outline-bottom-style {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-fshape-box-outline-bottom-style {
    display: none;
  }
}
.rbt-fshape-box-outline-bottom-style .rbt-svg-bottom-portion {
  position: absolute;
  left: 100%;
}
.rbt-fshape-box-outline-bottom-style .rbt-svg-bottom-portion svg {
  display: inline-block;
}

.fancybox__backdrop {
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(5px);
}

.fancybox__content {
  border-radius: var(--radius-12);
}
.fancybox__content .fancybox__iframe {
  border-radius: var(--radius-12);
}

.is-compact .fancybox__content > .f-button.is-close-btn {
  top: -48px;
  right: 0px;
}

.fancybox__content > .f-button.is-close-btn {
  top: -36px;
  right: -36px;
  width: 40px;
  height: 40px;
  background: var(--color-gray-600);
  text-align: center;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  color: var(--color-white);
  opacity: 1 !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fancybox__content > .f-button.is-close-btn {
    top: -52px;
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fancybox__content > .f-button.is-close-btn {
    top: -52px;
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .fancybox__content > .f-button.is-close-btn {
    width: 40px;
    height: 40px;
    top: -52px;
    right: 0;
  }
}
.fancybox__content > .f-button.is-close-btn:hover {
  background: var(--color-gray-600);
}
.fancybox__content > .f-button.is-close-btn svg {
  height: 16px;
}

.rbt-blog-post-banner {
  padding: 24px;
  background: var(--color-white);
}
.rbt-blog-post-banner.rbt-curved-style-box {
  background-image: url(../images/system/blog-page-banner-bg-mask.webp);
  mask-image: url(../images/system/blog-page-banner-bg-mask.webp);
  -webkit-mask-image: url(../images/system/blog-page-banner-bg-mask.webp);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-blog-post-banner.rbt-curved-style-box {
    background-image: unset;
    mask-image: unset;
    -webkit-mask-image: unset;
    border-radius: var(--radius-big);
  }
}
.rbt-blog-post-banner .rbt-blog-post-banner-content {
  background: var(--color-gray-light);
  border-radius: var(--radius-big);
  padding: 32px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .rbt-blog-post-banner .rbt-blog-post-banner-content {
    padding: 24px;
  }
}
.rbt-blog-post-banner .rbt-blog-post-banner-content .rbt-btn {
  width: fit-content;
}
.rbt-blog-post-banner .rbt-blog-post-banner-content .rbt-blog-post-meta {
  margin-bottom: 8px;
}
.rbt-blog-post-banner .rbt-blog-post-banner-content .rbt-blog-post-meta .rbt-blog-details-meta-list li a {
  color: var(--color-gray-400);
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: var(--f-medium);
}
.rbt-blog-post-banner .rbt-blog-post-banner-content .rbt-blog-post-meta .rbt-blog-details-meta-list li a:hover {
  color: var(--color-primary);
}
.rbt-blog-post-banner .rbt-blog-post-banner-content .rbt-blog-banner-title {
  font-size: var(--h3);
  font-weight: var(--f-bold);
  line-height: var(--line-height-b2);
  margin-bottom: 4px;
}
@media only screen and (max-width: 767px) {
  .rbt-blog-post-banner .rbt-blog-post-banner-content .rbt-blog-banner-title {
    font-size: var(--h4);
  }
}
.rbt-blog-post-banner .rbt-blog-post-banner-content .rbt-blog-banner-text {
  color: var(--color-gray-600);
  font-family: var(--font-primary);
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  font-weight: var(--f-regular);
  margin-bottom: 24px;
}

.rbt-blog-banner-thumbnail {
  background: var(--color-white);
  border-radius: var(--radius-big);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-blog-banner-thumbnail {
    margin-top: 24px;
  }
}
.rbt-blog-banner-thumbnail .rbt-curved-style-box {
  background-image: url(../images/system/blog-page-banner-slider-image-bg-mask.webp);
  mask-image: url(../images/system/blog-page-banner-slider-image-bg-mask.webp);
  -webkit-mask-image: url(../images/system/blog-page-banner-slider-image-bg-mask.webp);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-blog-banner-thumbnail .rbt-blog-banner-img {
    height: 424px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-blog-banner-thumbnail .rbt-blog-banner-img img {
    height: 100%;
    object-fit: cover;
  }
}

.rbt-blog-post-card-area .rbt-sidebar-widget-img {
  max-width: 274px;
}

.rbt-google-map {
  height: 100%;
}
.rbt-google-map iframe {
  height: 100%;
  border-radius: var(--radius-big);
  box-shadow: var(--shadow-light);
  min-height: 470px;
}

.rbt-location-card.rbt-curved-style-box {
  -webkit-mask-image: url(../images/system/location-card-bg-shape-1.webp);
  mask-image: url(../images/system/location-card-bg-shape-1.webp);
  background-image: url(../images/system/location-card-bg-shape-1.webp);
}
.rbt-location-card .inner {
  padding: 32px 24px;
}
.rbt-location-card .inner .rbt-location-icon {
  font-size: var(--h2);
  color: var(--color-primary);
}
.rbt-location-card .inner .rbt-location-card-title {
  color: var(--color-gray-700);
  font-family: var(--font-primary);
  font-size: var(--h6);
  font-weight: var(--f-bold);
  margin: 16px 0 8px;
}
.rbt-location-card .inner .rbt-location-card-text {
  color: var(--color-gray-500);
  font-family: var(--font-primary);
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  font-weight: var(--f-regular);
  margin-bottom: 22px;
}
.rbt-location-card .inner .rbt-contact-info-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}
.rbt-location-card .inner .rbt-contact-info-list li {
  margin: 0;
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  font-weight: var(--f-semi-bold);
}
.rbt-location-card.style-two {
  border-radius: 12px;
  border: 2px solid var(--color-gray-100);
}
.rbt-location-card.style-two .inner .rbt-location-card-title {
  margin-top: 0;
}
.rbt-location-card.style-two .inner .rbt-location-card-text {
  margin-bottom: 12px;
}

/*-----------------------
    contact form
-------------------------*/
.rbt-contact-form .rbt-contact-form-title {
  padding: 12px 24px;
}
.rbt-contact-form .rbt-contact-form-title::after {
  background-image: url(../images/section-title/title-bg-right-white-shape.svg);
}
.rbt-contact-form .rbt-input-field-grp label {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--font-size-b2);
  font-weight: var(--f-semi-bold);
  line-height: var(--line-height-b2);
}
.rbt-contact-form .rbt-contact-input-field {
  border-color: var(--color-gray-200);
  box-shadow: none;
  height: 48px;
  padding: 12px 24px;
  margin-top: 12px;
}
.rbt-contact-form .rbt-contact-input-field:active, .rbt-contact-form .rbt-contact-input-field:focus {
  border-color: var(--color-primary);
}
.rbt-contact-form textarea.rbt-contact-input-field {
  height: 192px;
}

/*-----------------------
    contact page sidebar
-------------------------*/
.rbt-contact-form-sidebar {
  margin-top: 52px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-contact-form-sidebar {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-contact-form-sidebar {
    margin-top: 32px;
  }
}
.rbt-contact-form-sidebar .inner {
  padding: 32px 24px;
  border-radius: var(--radius-12);
  border: 2px solid var(--color-gray-200);
  background: var(--color-white);
}
.rbt-contact-form-sidebar .inner .rbt-contact-sidebar-social-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 16px;
}
.rbt-contact-form-sidebar .inner .rbt-contact-sidebar-social-list li {
  margin: 0;
  padding: 0;
}
.rbt-contact-form-sidebar .inner .rbt-contact-sidebar-social-list li a {
  display: flex;
  align-items: center;
  gap: 12px;
}
.rbt-contact-form-sidebar .inner .rbt-contact-sidebar-social-list li a .icon {
  width: 32px;
  height: 32px;
  background: var(--color-brand-100);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  font-size: var(--font-size-b3);
}
.rbt-contact-form-sidebar .inner .rbt-contact-sidebar-social-list li a .icon.phone {
  background: #1C61E7;
}
.rbt-contact-form-sidebar .inner .rbt-contact-sidebar-social-list li a .icon.email {
  background: #E7961C;
}
.rbt-contact-form-sidebar .inner .rbt-contact-sidebar-social-list li a .icon.whatsapp {
  background: #075E54;
}
.rbt-contact-form-sidebar .inner .rbt-contact-sidebar-social-list li a .icon.pinterest {
  background: #E60023;
}

.rbt-contact-form .rbt-fshape-box-outline-style .rbt-component-section-title .rbt-fshape-right-portion {
  top: -3px;
}
.rbt-contact-form .rbt-fshape-box-outline-style .rbt-fshape-box {
  margin-top: -2px;
}

.rbt-compare-table-area .rbt-component-section-title .description {
  max-width: 430px;
}

.rbt-compare-table tbody tr {
  border-width: 0;
  display: flex;
}
.rbt-compare-table tbody tr:hover {
  background: var(--color-gray-light);
}
.rbt-compare-table tbody tr td {
  border-width: 0 0 1px 0;
  flex: 0 0 20%;
  padding: 12px 15px;
  min-width: 254px;
}
.rbt-compare-table tbody tr:first-child {
  margin-bottom: -12px;
}
.rbt-compare-table tbody tr:first-child td {
  border-width: 0;
  padding: 0;
  text-align: center;
}
.rbt-compare-table tbody tr:first-child:hover {
  background: unset;
}
.rbt-compare-table tbody tr:last-child td {
  border-width: 0;
}
.rbt-compare-table tbody tr:nth-child(2) td {
  border-width: 0;
}
.rbt-compare-table tbody tr:nth-child(2):hover {
  background: unset;
}
.rbt-compare-table tbody .rbt-product-feature-name {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  font-weight: var(--f-medium);
  margin-bottom: 0;
}
.rbt-compare-table tbody .rbt-compare-table-title .rbt-compare-table-text {
  color: var(--color-gray-500);
  font-family: var(--font-primary);
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  font-weight: var(--f-regular);
  margin-bottom: 0;
  margin-top: 8px;
}
.rbt-compare-table .rbt-input-field-grp {
  padding: 0 15px;
  margin-bottom: 16px;
  position: relative;
}
.rbt-compare-table .rbt-input-field-grp .rbt-input-field {
  height: 40px;
  padding-right: 42px;
  box-shadow: none;
}
.rbt-compare-table .rbt-input-field-grp .rbt-input-field::placeholder {
  color: var(-color-gray-400);
}
.rbt-compare-table .rbt-input-field-grp .rbt-search-btn {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  width: 28px;
  border: none;
  background: var(--color-gray-100);
  color: var(--color-gray-400);
  border-radius: var(--border-width);
  font-size: var(--font-size-b3);
  right: 21px;
  top: 50%;
  transform: translateY(-50%);
}
.rbt-compare-table .rbt-input-field-grp .rbt-search-btn::after {
  background: var(--color-primary);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: var(--transition);
  opacity: 0;
  transform: scale(0.7);
  border-radius: var(--border-width);
  z-index: -1;
}
.rbt-compare-table .rbt-input-field-grp .rbt-search-btn:hover {
  color: var(--color-white);
}
.rbt-compare-table .rbt-input-field-grp .rbt-search-btn:hover::after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.rbt-compare-table .rbt-compare-item-wrapper {
  position: relative;
}
.rbt-compare-table .rbt-compare-item-wrapper .rbt-product-item-img {
  display: inline-block;
  border-radius: var(--radius-md);
  overflow: hidden;
}
.rbt-compare-table .rbt-compare-item-wrapper .rbt-product-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--transition);
}
.rbt-compare-table .rbt-compare-item-wrapper .rbt-product-item-img:hover img {
  scale: 1.05;
}
.rbt-compare-table .rbt-compare-item-wrapper .rbt-product-item-category {
  color: var(--color-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: var(--f-medium);
  margin-bottom: 4px;
}
.rbt-compare-table .rbt-compare-item-wrapper .rbt-product-item-title {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  font-weight: var(--f-medium);
}
.rbt-compare-table .rbt-compare-values {
  min-width: 224px;
}
.rbt-compare-table .rbt-product-price {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  font-weight: var(--f-semi-bold);
}

.rbt-product-remove-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  background: var(--color-gray-100);
  color: var(--color-heading);
  border: none;
  border-radius: var(--radius-full);
  font-size: var(--font-size-b3);
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 1;
  transition: var(--transition);
}
.rbt-product-remove-btn i {
  transition: var(--transition);
}
.rbt-product-remove-btn:hover {
  transform: scale(0.9);
  background: var(--color-black);
  color: var(--color-white);
}
.rbt-product-remove-btn:hover i {
  color: var(--color-white);
}

.rbt-compare-product-empty-area .rbt-component-section-title .icon {
  color: var(--color-primary);
  font-size: var(--h2);
}

.rbt-compare-product-empty-box {
  background: var(--color-white);
  padding: 40px;
  box-shadow: var(--shadow-1);
  border-radius: var(--radius-12);
}
@media only screen and (max-width: 767px) {
  .rbt-compare-product-empty-box {
    padding: 24px;
  }
}
.rbt-compare-product-empty-box .product-empty-box-inner {
  display: flex;
  gap: 24px;
}
@media only screen and (max-width: 767px) {
  .rbt-compare-product-empty-box .product-empty-box-inner {
    flex-direction: column;
  }
}
.rbt-compare-product-empty-box .rbt-compare-title {
  padding: 24px;
  background: var(--color-brand-50);
  border-radius: var(--radius);
  max-width: 238px;
}
@media only screen and (max-width: 767px) {
  .rbt-compare-product-empty-box .rbt-compare-title {
    max-width: 100%;
  }
}
.rbt-compare-product-empty-box .rbt-compare-product-search-area {
  flex: 1;
  display: flex;
  gap: 24px;
  flex-direction: column;
  align-items: center;
}
.rbt-compare-product-empty-box .rbt-compare-product-search-area .compare-product-search-field-wrap {
  display: flex;
  gap: 24px;
  align-items: center;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-compare-product-empty-box .rbt-compare-product-search-area .compare-product-search-field-wrap {
    flex-direction: column;
    width: 100%;
  }
}
.rbt-compare-product-empty-box .rbt-compare-product-search-area .compare-product-search-field-wrap .rbt-search-form {
  flex: 1;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-compare-product-empty-box .rbt-compare-product-search-area .compare-product-search-field-wrap .rbt-search-form {
    padding: 0;
    width: 100%;
  }
}
.rbt-compare-product-empty-box .rbt-compare-product-search-area .compare-product-search-field-wrap .rbt-search-form + .rbt-search-form {
  padding-left: 24px;
  border-left: 2px solid var(--color-border);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-compare-product-empty-box .rbt-compare-product-search-area .compare-product-search-field-wrap .rbt-search-form + .rbt-search-form {
    padding: 0;
    border-left: none;
  }
}
.rbt-compare-product-empty-box .rbt-compare-product-search-area .rbt-inner-search-field {
  display: inline-block;
}
.rbt-compare-product-empty-box .rbt-compare-product-search-area .rbt-inner-search-field .rbt-search-input-section {
  position: relative;
}
.rbt-compare-product-empty-box .rbt-compare-product-search-area input {
  padding: 0 36px 0 16px;
  color: var(--color-heading);
}
.rbt-compare-product-empty-box .rbt-compare-product-search-area input::placeholder {
  color: var(--color-gray-500);
}
.rbt-compare-product-empty-box .rbt-compare-product-search-area .search-btn {
  height: 28px;
  width: 28px;
  border-radius: var(--radius);
  border: none;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}

.rbt-product-search-dropdown {
  padding: 0;
  margin: 0;
  list-style: none;
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--color-white);
  box-shadow: var(--shadow-product-item);
  padding: 8px;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: var(--transition);
  z-index: 1;
}
.rbt-product-search-dropdown.show-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.rbt-product-search-dropdown li {
  margin: 0;
  padding: 8px 0;
  display: flex;
  gap: 8px;
  border-bottom: 1px solid var(--color-brand-100);
  transition: var(--transition);
}
.rbt-product-search-dropdown li:first-child {
  padding-top: 0;
}
.rbt-product-search-dropdown li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.rbt-product-search-dropdown li:hover {
  cursor: pointer;
}
.rbt-product-search-dropdown li:hover .rbt-product {
  background: var(--color-brand-50);
}
.rbt-product-search-dropdown li .rbt-product {
  background: transparent;
  border-radius: var(--radius);
  width: 44px;
  height: 44px;
  border: 1px solid var(--color-gray-200);
  transition: var(--transition);
}
.rbt-product-search-dropdown li .rbt-product-info .rbt-title {
  margin-bottom: 0;
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  font-weight: var(--f-bold);
}
.rbt-product-search-dropdown li .rbt-product-info .pricing-part {
  font-size: var(--font-size-b4);
  margin: 0;
  line-height: 1;
}
.rbt-product-search-dropdown li .rbt-product-info .pricing-part .price-text {
  font-size: var(--font-size-b4);
}

.rbt-wishlist-area .rbt-component-section-title .description {
  max-width: 385px;
}

.rbt-product-price-text {
  color: var(--color-heading);
  font-size: var(--h5);
  font-weight: var(--f-bold);
  line-height: var(--line-height-b1);
}

.rbt-wishlist-bottom-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-wishlist-bottom-area {
    display: block;
    margin-top: 16px;
  }
}
.rbt-wishlist-bottom-area .rbt-social-share-area {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-wishlist-bottom-area .rbt-social-share-area {
    margin-bottom: 24px;
  }
}

.rbt-copy-link-part {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-right: 8px;
  position: relative;
  width: fit-content;
}
@media only screen and (max-width: 767px) {
  .rbt-copy-link-part {
    margin-top: 24px;
  }
}
.rbt-copy-link-part .rbt-copy-link-title {
  white-space: nowrap;
  font-size: var(--font-size-b2);
  font-weight: var(--f-semi-bold);
}
.rbt-copy-link-part .rbt-copy-value-field {
  padding: 10px 16px;
  width: 350px;
  padding-right: 112px;
  box-shadow: unset;
  border-radius: var(--radius-60);
  appearance: none;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 479px) {
  .rbt-copy-link-part .rbt-copy-value-field {
    width: 100%;
    padding-right: 76px;
  }
}
.rbt-copy-link-part .rbt-copy-value-field:focus {
  border-color: var(--color-border);
}
.rbt-copy-link-part .rbt-copy-value-field::selection {
  color: #fff;
  background-color: var(--color-primary);
}
.rbt-copy-link-part .rbt-btn {
  position: absolute;
  right: 8px;
  bottom: 8px;
  padding: 0 24px;
}
.rbt-copy-link-part .rbt-btn::after {
  content: attr(data-tooltip);
  width: 80px;
  height: 40px;
  bottom: 124%;
  left: 60px;
  border-radius: var(--radius-60);
  font-size: 14px;
  line-height: 40px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  background-color: var(--color-primary);
  color: var(--color-gray-200);
  transform: translateY(-10px) translateX(-50%);
  text-align: center;
  transition: var(--transition);
}
.rbt-copy-link-part .rbt-btn::before {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  margin-top: -8px;
  border-top: 8px solid var(--color-primary);
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  opacity: 0;
  transform: translateY(-10px);
  transition: var(--transition);
}
.rbt-copy-link-part .rbt-btn:hover::after {
  opacity: 1;
  transform: translateY(0) translateX(-50%);
}
.rbt-copy-link-part .rbt-btn:hover::before {
  opacity: 1;
  transform: unset;
}
.rbt-copy-link-part .rbt-btn i {
  font-size: inherit;
}
@media only screen and (max-width: 479px) {
  .rbt-copy-link-part .rbt-btn .rbt-btn-text {
    display: none;
  }
}

.rbt-wishlist-area .modal-dialog {
  max-width: 640px;
}
.rbt-wishlist-area .modal-dialog button.btn-close {
  background: var(--color-brand-100);
  border-radius: var(--radius-full);
  height: 40px;
  width: 40px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--h5);
  opacity: 1;
  color: var(--color-heading);
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 1;
}
.rbt-wishlist-area .modal-dialog button.btn-close:focus {
  outline: none;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-wishlist-area .modal-dialog button.btn-close {
    right: 0;
    top: 0;
    background: transparent;
  }
}
.rbt-wishlist-area .rbt-default-modal .modal-content {
  padding: 0;
}
.rbt-wishlist-area .modal-body {
  padding: 0;
}

.rbt-wishlist-popup {
  background: var(--color-white);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-1);
  padding: 0 32px 24px;
}
.rbt-wishlist-popup .rbt-wishlist-popup-header {
  padding: 24px 0 0;
}
.rbt-wishlist-popup .rbt-wishlist-popup-header .rbt-title {
  margin: 0;
}
.rbt-wishlist-popup .rbt-transparent-table-one tbody tr td {
  padding: 24px 6px;
  width: fit-content;
}
.rbt-wishlist-popup .rbt-transparent-table-one tbody tr td:first-child {
  padding-left: 0;
  padding-right: 0;
}
.rbt-wishlist-popup .rbt-transparent-table-one tbody tr td:last-child {
  padding-right: 0;
}
.rbt-wishlist-popup .rbt-transparent-table-one .rbt-product-remove-btn {
  padding-left: 0;
  padding-right: 20px;
}
.rbt-wishlist-popup .rbt-wishlit-popup-footer {
  margin-top: 112px;
}
@media only screen and (max-width: 767px) {
  .rbt-wishlist-popup .rbt-wishlit-popup-footer {
    margin-top: 64px;
  }
}
.rbt-wishlist-popup .rbt-wishlit-popup-footer .rbt-btn {
  white-space: nowrap;
}

.rbt-wishlist-area .rbt-component-section-title .description {
  max-width: 385px;
}

.rbt-wishlist-bottom-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-wishlist-bottom-area {
    display: block;
    margin-top: 16px;
  }
}
.rbt-wishlist-bottom-area .rbt-social-share-area {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-wishlist-bottom-area .rbt-social-share-area {
    margin-bottom: 24px;
  }
}

.rbt-copy-link-part {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
  margin-right: 8px;
  position: relative;
  width: fit-content;
}
@media only screen and (max-width: 767px) {
  .rbt-copy-link-part {
    margin-top: 24px;
  }
}
.rbt-copy-link-part .rbt-copy-link-title {
  white-space: nowrap;
  font-size: var(--font-size-b2);
  font-weight: var(--f-semi-bold);
}
.rbt-copy-link-part .rbt-copy-value-field {
  padding: 10px 16px;
  width: 350px;
  padding-right: 112px;
  box-shadow: unset;
  border-radius: var(--radius-60);
  appearance: none;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 479px) {
  .rbt-copy-link-part .rbt-copy-value-field {
    width: 100%;
    padding-right: 76px;
  }
}
.rbt-copy-link-part .rbt-copy-value-field:focus {
  border-color: var(--color-border);
}
.rbt-copy-link-part .rbt-copy-value-field::selection {
  color: #fff;
  background-color: var(--color-primary);
}
.rbt-copy-link-part .rbt-btn {
  position: absolute;
  right: 8px;
  top: 50%;
  padding: 0 24px;
  transform: translateY(-50%);
  z-index: 1;
}
.rbt-copy-link-part .rbt-btn::after {
  content: attr(data-tooltip);
  min-width: 90px;
  height: auto;
  bottom: 124%;
  left: 30px;
  border-radius: var(--radius-60);
  font-size: 14px;
  line-height: 34px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  background-color: var(--color-black);
  color: var(--color-gray-200);
  transform: translateY(-10px) translateX(-50%);
  text-align: center;
  transition: var(--transition);
}
.rbt-copy-link-part .rbt-btn::before {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  margin-top: -9px;
  border-top: 8px solid var(--color-black);
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  opacity: 0;
  transform: translateY(-10px);
  transition: var(--transition);
}
.rbt-copy-link-part .rbt-btn:hover::after {
  opacity: 1;
  transform: translateY(0) translateX(-50%);
}
.rbt-copy-link-part .rbt-btn:hover::before {
  opacity: 1;
  transform: unset;
}
.rbt-copy-link-part .rbt-btn i {
  font-size: inherit;
}
@media only screen and (max-width: 479px) {
  .rbt-copy-link-part .rbt-btn .rbt-btn-text {
    display: none;
  }
}

.rbt-find-locate-input-area .rbt-location-search-title {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: var(--f-medium);
  margin-bottom: 8px;
  text-align: start;
  display: block;
}
.rbt-find-locate-input-area .rbt-btn {
  display: block;
  min-width: 200px;
  margin-top: 24px;
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  white-space: nowrap;
  border-radius: var(--radius-md);
}
.rbt-find-locate-input-area .rbt-modern-select .bootstrap-select button.btn-light {
  border: var(--border-width) solid var(--color-gray-200);
}
.rbt-find-locate-input-area .rbt-modern-select .bootstrap-select button.btn-light:focus, .rbt-find-locate-input-area .rbt-modern-select .bootstrap-select button.btn-light:active {
  border-color: var(--color-primary);
}

.rbt-found-location-card {
  text-align: center;
  padding: 24px 32px;
  background: var(--color-gray-light);
  border-radius: var(--radius-md);
}
.rbt-found-location-card .rbt-location-icon {
  color: var(--color-primary);
  font-size: var(--h3);
}
.rbt-found-location-card .rbt-found-location-name {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: var(--f-medium);
  margin: 4px 0 8px;
}
.rbt-found-location-card .rbt-found-location {
  color: var(--color-gray-400);
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: var(--f-regular);
}

.rbt-login-form .rbt-login-form-inner {
  background: var(--colro-white);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-1);
}
.rbt-login-form .rbt-login-form-top {
  padding: 32px;
}
@media only screen and (max-width: 479px) {
  .rbt-login-form .rbt-login-form-top {
    padding: 24px;
  }
}
.rbt-login-form .rbt-login-form-top .logo {
  margin-bottom: 24px;
}
.rbt-login-form .rbt-login-form-top .logo img {
  max-width: 134px;
  height: auto;
}
.rbt-login-form .rbt-login-form-top .description {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  font-weight: var(--f-semi-bold);
  margin-bottom: 12px;
}
.rbt-login-form .rbt-login-form-top .rbt-check-group {
  margin-left: 6px;
}
.rbt-login-form .rbt-login-form-top .rbt-check-group .rbt-lable-text {
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
}
.rbt-login-form .rbt-login-form-top .rbt-check-group input[type=radio] ~ label {
  padding-left: 16px;
}
.rbt-login-form .rbt-login-form-top .rbt-social-login-btn {
  border-color: var(--color-gray-200);
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  padding: 0 16px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.rbt-login-form .rbt-login-form-top .rbt-social-login-btn:hover {
  background: transparent;
  box-shadow: none;
  color: var(--color-heading);
}
.rbt-login-form .rbt-login-form-top .rbt-social-login-btn .icon {
  width: 18px;
}
.rbt-login-form .rbt-login-form-top .rbt-login-system-switch {
  text-align: center;
  margin-top: 24px;
  color: var(--color-gray-700);
  font-family: var(--font-primary);
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  font-weight: var(--f-medium);
}
.rbt-login-form .rbt-login-form-top .rbt-login-system-switch .rbt-switch-btn {
  color: var(--color-heading);
  font-weight: var(--f-bold);
  color: var(--color-heading);
  font-weight: var(--f-bold);
  background: no-repeat;
  border: none;
  padding: 0;
}
@media only screen and (max-width: 479px) {
  .rbt-login-form .rbt-login-form-top .nav-tabs .nav-item .nav-link {
    padding: 8px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-login-form .rbt-login-form-top .nav-tabs .nav-item .nav-link i {
    display: none;
  }
}
.rbt-login-form .rbt-login-form-bottom {
  padding: 24px 90px;
  background: var(--color-gray-light);
  border-radius: 0 0 var(--radius-md) var(--radius-md);
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-login-form .rbt-login-form-bottom {
    padding: 24px 48px 50px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-login-form .rbt-login-form-bottom {
    padding: 24px 20px 50px;
  }
}
.rbt-login-form .rbt-login-form-bottom .rbt-client-review .rbt-review-text {
  color: var(--color-gray-600);
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  font-weight: var(--f-regular);
}
.rbt-login-form .rbt-login-form-bottom .swiper-pagination {
  bottom: 0;
}
.rbt-login-form .rbt-login-form-bottom .swiper-pagination .swiper-pagination-bullet {
  width: 48px;
}
.rbt-login-form .rbt-login-form-bottom .swiper-pagination .swiper-pagination-bullet::after {
  opacity: 0.6;
}

.rbt-signup-radio-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  padding: 0;
  margin-bottom: 24px;
}
.rbt-signup-radio-list li {
  margin: 0;
  padding: 0;
}

.rbt-verified-badge {
  background: var(--color-light-green);
  padding: 0 12px;
  color: var(--color-gray-500);
  display: flex;
  align-items: center;
  gap: 4px;
}
.rbt-verified-badge i {
  color: var(--color-green);
}
.rbt-verified-badge.badge-rounded {
  border-radius: var(--radius-60);
}

/* ____________________________________________________________________________________
                                tab style
    ___________________________________________________________________________________ */
.rbt-round-shape-tab .nav-tabs {
  border: 2px solid var(--color-gray-200);
  border-radius: var(--radius-60);
  padding: 4px;
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}
.rbt-round-shape-tab .nav-tabs .nav-item {
  margin: 0;
  padding: 0;
  flex-basis: 50%;
}
.rbt-round-shape-tab .nav-tabs .nav-item .nav-link {
  border: none;
  padding: 12px 32px;
  text-align: center;
  width: 100%;
  border-radius: var(--radius-60);
  color: var(--color-gray-400);
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  font-weight: var(--f-semi-bold);
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.rbt-round-shape-tab .nav-tabs .nav-item .nav-link::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-brand-300);
  border-radius: var(--radius-60);
  scale: 0.8;
  opacity: 0;
  z-index: -1;
  transition: var(--transition);
}
.rbt-round-shape-tab .nav-tabs .nav-item .nav-link.active {
  color: var(--color-primary);
}
.rbt-round-shape-tab .nav-tabs .nav-item .nav-link.active::after {
  scale: 1;
  opacity: 1;
}
.rbt-round-shape-tab .nav-tabs .nav-item .nav-link:hover {
  color: var(--color-primary);
}
.rbt-round-shape-tab .nav-tabs .nav-item .nav-link.nav-link-btn-sm {
  padding: 4px 16px;
}
.rbt-round-shape-tab .nav-tabs.rbt-tabs-primary .nav-link::after {
  background: var(--color-primary);
}
.rbt-round-shape-tab .nav-tabs.rbt-tabs-primary .nav-link.active {
  color: var(--color-white);
}
.rbt-round-shape-tab.rbt-round-shape-more-tab-btn .nav-tabs {
  width: fit-content;
}
.rbt-round-shape-tab.rbt-round-shape-more-tab-btn .nav-tabs .nav-item {
  flex-basis: unset;
}
.rbt-round-shape-tab.rbt-round-shape-more-tab-btn .nav-tabs .nav-item .disabled {
  background: unset !important;
}

form .rbt-field-label {
  color: var(--color-heading);
  font-family: var(--font-primary);
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  font-weight: var(--f-semi-bold);
  margin-bottom: 12px;
}
form .rbt-input-field {
  border-radius: var(--radius-60);
  box-shadow: none;
}

/*____________________________________________________________________________________
                                mini cart
___________________________________________________________________________________ */
.rbt-minicart-popup-relative {
  position: relative;
}
.rbt-minicart-popup-relative:hover .rbt-mini-cart-popup {
  visibility: visible;
  opacity: 1;
  clip: rect(0px, 100vw, 200vh, -30px);
  transition: clip 0.6s linear, opacity 0.4s linear;
}

.rbt-mini-cart-popup {
  max-width: 280px;
  width: 280px;
  position: absolute;
  top: 100%;
  right: 0;
  visibility: hidden;
  clip: rect(0px, 200vw, 0, 0px);
  opacity: 0;
  transition: opacity 0.4s linear, clip 0.6s linear, visibility 0s 0.4s;
  transition: var(--transition);
  z-index: 99;
}
.rbt-mini-cart-popup .rbt-mini-cart-inner {
  margin-top: 20px;
  background: var(--color-white);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-1);
  padding: 16px;
  position: relative;
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .inner-top .content {
  margin-left: 0;
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .side-nav {
  min-height: 100px;
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .minicart-close-button {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  background: var(--color-gray-light);
  font-size: 12px;
  line-height: 29px;
  font-weight: 900;
  color: var(--color-heading);
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .minicart-close-button:hover {
  color: var(--color-primary);
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper {
  margin-top: 12px;
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item {
  margin-bottom: 12px;
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item:last-child {
  margin-bottom: 0;
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item:hover .thumbnail a img {
  scale: 1.08;
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item .thumbnail a {
  width: 80px;
  height: 60px;
  overflow: hidden;
  border-radius: var(--radius);
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item .thumbnail a img {
  transition: var(--transition);
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item .product-content {
  padding-left: 8px;
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item .product-content .title {
  font-weight: 500;
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item .close-btn {
  top: 10px;
  right: 6px;
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item .close-btn .rbt-round-btn {
  height: 24px;
  width: 24px;
  line-height: 24px;
  color: var(--color-gray-300);
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item .close-btn .rbt-round-btn:hover {
  color: var(--color-primary);
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer {
  margin-top: 50px;
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-cart-subttotal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-cart-subttotal p {
  margin: 0;
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-cart-subttotal .price {
  color: var(--color-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  font-weight: var(--f-semi-bold);
  line-height: var(--line-height-b3);
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .offer-progress-area .offer-text {
  color: var(--color-gray-500);
  font-family: var(--font-primary);
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  margin-bottom: 8px;
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .offer-progress-area .progress {
  height: 8px;
  border-radius: 50px;
  background: #D6F7D6;
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .offer-progress-area .progress .progress-bar {
  background: #24BD25;
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-minicart-bottom .rbt-button-group {
  margin: 0;
  gap: 4%;
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-minicart-bottom .rbt-button-group .rbt-btn {
  width: 48%;
  padding: 0 8px;
  text-align: center;
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-minicart-bottom .rbt-button-group .rbt-btn.rbt-btn-gray:hover {
  color: var(--color-gray-700);
  background: var(--color-brand-50);
  box-shadow: none;
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-minicart-bottom .rbt-button-group a,
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-minicart-bottom .rbt-button-group button {
  margin: 0;
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-minicart-bottom .share-btn-grp {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
}
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-minicart-bottom .share-btn-grp .share-btn {
  padding: 8px 8px 4px;
  border-radius: var(--radius-60);
  color: var(--color-primary);
  text-align: center;
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  font-weight: var(--f-semi-bold);
  line-height: var(--line-height-b3);
}

.rbt-quick-access .rbt-mini-cart-popup .rbt-mini-cart-inner .minicart-close-button {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  background: var(--color-gray-light);
  font-size: 12px;
  line-height: 29px;
  font-weight: 900;
  color: var(--color-heading);
}

.rbt-default-modal .modal-dialog.rbt-register-form-modal {
  max-width: 472px;
}

.rbt-size-guide-area.modal-dialog {
  max-width: 578px;
}
.rbt-size-guide-area .nav-tabs {
  min-width: 117px;
}

.rbt-sizeguide-table {
  margin-bottom: 0;
}
.rbt-sizeguide-table tbody tr td {
  color: var(--color-gray-700);
  font-family: var(--font-primary);
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  font-weight: var(--f-regular);
  border-width: 0 0 2px 0;
  padding: 16px 4px;
  text-align: center;
  white-space: nowrap;
  min-width: 70px;
}
.rbt-sizeguide-table tbody tr td:first-child {
  text-align: start;
}
.rbt-sizeguide-table tbody tr td:last-child {
  text-align: end;
}
.rbt-sizeguide-table tbody tr:first-child td {
  color: var(--color-heading);
  font-weight: var(--f-semi-bold);
}
.rbt-sizeguide-table tbody tr:last-child td {
  border-width: 0;
  padding-bottom: 0;
}

.rbt-minicart-bottom-section {
  background-color: var(--color-white);
  box-shadow: var(--shadow-1);
  position: fixed;
  bottom: -100px;
  left: 0;
  right: 0;
  z-index: 348;
  overflow: hidden;
  padding: 16px 0;
  transition: all 0.3s;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-minicart-bottom-section {
    display: none;
  }
}
.rbt-minicart-bottom-section.rbt-minicart-bottom-section-active {
  bottom: 0 !important;
}
@media only screen and (max-width: 1199px) {
  .rbt-minicart-bottom-section.rbt-minicart-bottom-section-active {
    bottom: 54px !important;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-minicart-bottom-section.rbt-minicart-bottom-section-active {
    bottom: 54px !important;
  }
}
.rbt-minicart-bottom-section .course-action-bottom-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .rbt-minicart-bottom-section .course-action-bottom-right {
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-minicart-bottom-section .rbt-price.large-size .current-price {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-minicart-bottom-section .rbt-price.large-size .current-price {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-minicart-bottom-section .rbt-price.large-size .off-price {
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-minicart-bottom-section .rbt-price.large-size .off-price {
    font-size: 13px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-minicart-bottom-section .rbt-price {
    display: none;
  }
}
.rbt-minicart-bottom-section .rbt-prd-info-section {
  display: flex;
  gap: 16px;
  align-items: center;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-minicart-bottom-section .rbt-prd-info-section {
    text-align: center;
    justify-content: center;
  }
}
.rbt-minicart-bottom-section .rbt-prd-img {
  max-width: 84px;
}
.rbt-minicart-bottom-section .rbt-prd-img img {
  border-radius: 4px;
}
.rbt-minicart-bottom-section .rbt-content {
  text-align: left;
}
.rbt-minicart-bottom-section .rbt-minicart-bottom-section-right {
  text-align: end;
  justify-content: end;
  align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-minicart-bottom-section .rbt-minicart-bottom-section-right {
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-minicart-bottom-section .rbt-minicart-bottom-section-right {
    gap: 4px;
  }
}
.rbt-minicart-bottom-section .pricing-part span {
  font-size: var(--h5);
  line-height: 1;
}
@media only screen and (max-width: 479px) {
  .rbt-minicart-bottom-section .rbt-title {
    font-size: var(--font-size-b3);
  }
}
@media only screen and (max-width: 479px) {
  .rbt-minicart-bottom-section .rbt-desc {
    font-size: var(--font-size-b4);
  }
}

.rbt-sidebar-cart.sticky-top {
  top: 136px;
}

.rbt-sidebar-widget {
  padding: 32px;
  background: var(--color-gray-100);
  border-radius: var(--radius-md);
}
@media only screen and (max-width: 767px) {
  .rbt-sidebar-widget {
    padding: 24px;
  }
}
.rbt-sidebar-widget.rbt-sidebar-widget-sm {
  padding: 24px;
}
.rbt-sidebar-widget .rbt-cart-subttotal {
  padding: 6px 0;
}
.rbt-sidebar-widget .rbt-cart-subttotal:first-child {
  padding-top: 0;
}
.rbt-sidebar-widget .rbt-offcanvas-inner-popup-card .rbt-button-group {
  gap: 8px;
  justify-content: start;
}
.rbt-sidebar-widget .rbt-offcanvas-inner-popup-card .rbt-button-group .rbt-btn {
  display: inline-block;
}
@media only screen and (max-width: 479px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-sidebar-widget .rbt-offcanvas-inner-popup-card .rbt-button-group .rbt-btn {
    width: 100%;
    display: block;
  }
}

.rbt-coupon-slide-active {
  max-width: 100%;
  padding-bottom: 20px;
}
.rbt-coupon-slide-active .swiper-slide {
  width: 90%;
  max-width: 325px;
}
.rbt-coupon-slide-active .swiper-slide .rbt-coupon {
  width: 100%;
  max-width: 325px;
}
@media only screen and (max-width: 1199px) {
  .rbt-coupon-slide-active .swiper-slide .rbt-coupon {
    min-width: unset;
  }
}

.swiper-scrollbar-drag {
  background: var(--color-black);
}

.rbt-cart-brand-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: center;
}
.rbt-cart-brand-list li {
  margin: 0;
  padding: 0;
}

.rbt-single-collapse-item + .rbt-single-collapse-item {
  border-top: 1px solid var(--color-gray-200);
}
.rbt-single-collapse-item:first-child .rbt-collapse-btn {
  padding-top: 0px;
}
.rbt-single-collapse-item:last-child .rbt-collapse-btn {
  padding-bottom: 0px;
}
.rbt-single-collapse-item .rbt-collapse-btn .rbt-icon {
  rotate: 0deg;
  color: var(--color-gray-700);
  transition: var(--transition);
}
.rbt-single-collapse-item .rbt-collapse-btn:not(.collapsed) .rbt-icon {
  rotate: 180deg;
  color: var(--color-primary);
}

.rbt-order-sum-area.rbt-order-sum-area-sm .ordered-item {
  max-width: 68px;
  min-width: 20px;
}
.rbt-order-sum-area.rbt-order-sum-area-sm .more-icon {
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.rbt-order-sum-area.rbt-order-sum-area-sm .more-icon::before {
  content: "";
  height: 100%;
  width: 100%;
  transform: translate(-80%, -50%) scale(0.8);
  position: absolute;
  top: 50%;
  left: 50%;
  background: var(--color-gray-200);
  border-radius: 4px;
  z-index: -1;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
}
.rbt-order-sum-area.rbt-order-sum-area-xm .ordered-item {
  max-width: 70px;
  min-width: 48px;
}
.rbt-order-sum-area.rbt-order-sum-area-xm .more-icon {
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.rbt-order-sum-area.rbt-order-sum-area-xm .more-icon::before {
  content: "";
  height: 100%;
  width: 100%;
  transform: translate(-80%, -50%) scale(0.8);
  position: absolute;
  top: 50%;
  left: 50%;
  background: var(--color-gray-200);
  border-radius: 4px;
  z-index: -1;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
}
.rbt-order-sum-area .ordered-items-wrapper:hover .more-icon::before {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.02);
}

.rbt-checkout-wrapper-box {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media only screen and (max-width: 767px) {
  .rbt-checkout-wrapper-box {
    gap: 20px;
  }
}

.rbt-checkout-single-content {
  display: flex;
  align-items: baseline;
  gap: 12px 24px;
}
@media only screen and (max-width: 767px) {
  .rbt-checkout-single-content {
    flex-wrap: wrap;
    gap: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-checkout-single-content {
    flex-wrap: wrap;
    gap: 12px;
  }
}
.rbt-checkout-single-content .rbt-checkout-step {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-gray-200);
  border-radius: 50%;
  font-weight: 500;
  font-size: var(--h6);
  min-width: 40px;
}
@media only screen and (max-width: 767px) {
  .rbt-checkout-single-content .rbt-checkout-step {
    height: 32px;
    width: 32px;
    min-width: 32px;
    font-size: var(--font-size-b3);
  }
}
.rbt-checkout-single-content .title,
.rbt-checkout-single-content h6, .rbt-checkout-single-content h5 {
  margin-bottom: 0;
  line-height: 1.8;
  color: var(--color-body);
}
@media only screen and (max-width: 767px) {
  .rbt-checkout-single-content .title,
  .rbt-checkout-single-content h6, .rbt-checkout-single-content h5 {
    line-height: 1.6;
  }
}
.rbt-checkout-single-content .content {
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  .rbt-checkout-single-content .content {
    margin-top: 0;
  }
}
.rbt-checkout-single-content .content p {
  margin-bottom: 0;
}
.rbt-checkout-single-content .form-area {
  display: flex;
  gap: 12px;
  margin-top: 16px;
  align-items: end;
}
@media only screen and (max-width: 767px) {
  .rbt-checkout-single-content .form-area {
    flex-wrap: wrap;
  }
}
.rbt-checkout-single-content .dropdown-menu .inner {
  width: 100%;
}
.rbt-checkout-single-content.active .rbt-checkout-step {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-checkout-single-content.active .title {
  color: var(--color-heading);
}

.rbt-order-sidenav .side-nav {
  max-height: unset;
}

/**************************************
    Product Variation Styles
***************************************/
.rbt-h-unset {
  max-height: unset !important;
}

.rbt-disabled {
  opacity: 0.8;
  filter: grayscale(1);
}

.rbt-switcher--color.rbt-disabled {
  transition: var(--transition);
}
.rbt-switcher--color.rbt-disabled::before {
  content: "";
  height: calc(100% + 12px);
  width: 1px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  position: absolute;
  background: var(--color-gray-300);
  transition: all 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}

.rbt-switcher-root li.active .rbt-store-button {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-white);
}

/**************************************
    Footer Styles
***************************************/
/*----------------------------- 
    Footer Card Area
-------------------------------*/
.rbt-footer .rbt-footer-top .logo a img {
  max-height: 40px;
}
.rbt-footer .rbt-footer-top .description {
  margin-top: 15px;
  margin-bottom: 25px;
  color: var(--color-gray-500);
}
.rbt-footer .rbt-footer-top .description.rbt-less-wider-desc {
  max-width: 236px;
}
.rbt-footer .footer-bottom {
  padding: 32px 0;
}
@media only screen and (max-width: 479px) {
  .rbt-footer .footer-bottom {
    padding: 16px 0;
  }
}
.rbt-footer .footer-bottom .rbt-footer-social-area {
  display: flex;
  align-items: center;
  color: var(--color-gray-500);
  flex-wrap: wrap;
  gap: 24px;
}
@media only screen and (max-width: 479px) {
  .rbt-footer .footer-bottom .rbt-footer-social-area {
    gap: 12px;
  }
}
.rbt-footer .footer-bottom .rbt-footer-social-area p {
  margin-bottom: 0;
}
.rbt-footer .footer-bottom .rbt-app-store-area {
  display: flex;
  align-items: center;
  color: var(--color-gray-500);
  justify-content: flex-end;
  margin-top: 0;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
.rbt-footer .footer-bottom .rbt-app-store-area li a img {
  max-height: 40px;
}
@media only screen and (max-width: 479px) {
  .rbt-footer .footer-bottom .rbt-app-store-area li a img {
    max-height: 24px;
  }
}
.rbt-footer .footer-bottom .rbt-app-store-area p {
  margin-bottom: 0;
}
.rbt-footer .footer-widget .ft-title {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  margin-bottom: 12px;
  font-weight: 600;
}
.rbt-footer .footer-widget .ft-link {
  padding: 0;
  margin: 0;
  list-style: none;
}
.rbt-footer .footer-widget .ft-link li {
  margin: 0;
}
.rbt-footer .footer-widget .ft-link li + li {
  margin-top: 8px;
}
.rbt-footer .footer-widget .ft-link li a {
  font-size: var(--font-size-b2);
  line-height: var(--font-size-b1);
  color: var(--color-gray-500);
  font-weight: 400;
}
.rbt-footer .footer-widget .ft-link li a:hover {
  color: var(--color-primary);
}
.rbt-footer .rbt-quick-contact-info .title {
  color: var(--color-gray-500);
  margin-bottom: 8px;
}
.rbt-footer .rbt-quick-contact-info .contact-link,
.rbt-footer .rbt-quick-contact-info .text-inf {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  font-weight: 600;
  line-height: 100%;
  color: var(--color-heading);
}
.rbt-footer .rbt-quick-contact-info .contact-link.has-lg-fsize,
.rbt-footer .rbt-quick-contact-info .text-inf.has-lg-fsize {
  font-size: 20px;
}
.rbt-footer .rbt-quick-contact-info a {
  transition: var(--transition);
}
.rbt-footer .rbt-quick-contact-info a:hover {
  color: var(--color-primary);
}
.rbt-footer .rbt-quick-contact-info + .rbt-quick-contact-info {
  margin-top: 24px;
}
.rbt-footer.rbt-bg-color-black .ft-title,
.rbt-footer.rbt-bg-color-black .title {
  color: var(--color-white);
}
.rbt-footer.rbt-bg-color-black .ft-link li a {
  color: var(--color-gray-300);
}
.rbt-footer.rbt-bg-color-black .ft-link li a:hover {
  color: var(--color-primary);
}
.rbt-footer.rbt-bg-color-black .copyright-area .rbt-link-hover {
  color: var(--color-gray-300);
}
.rbt-footer.rbt-bg-color-black .copyright-area .rbt-link-hover a {
  color: var(--color-white);
}
.rbt-footer.rbt-bg-color-black .copyright-area .rbt-link-hover a:hover {
  color: var(--color-primary);
}
.rbt-footer.rbt-bg-color-black .copyright-area .copyright-link.rbt-link-hover a {
  color: var(--color-gray-300);
}
.rbt-footer.rbt-bg-color-black .copyright-area .copyright-link.rbt-link-hover a:hover {
  color: var(--color-primary);
}
.rbt-footer.rbt-bg-color-primary .ft-title,
.rbt-footer.rbt-bg-color-primary .title {
  color: var(--color-white);
}
.rbt-footer.rbt-bg-color-primary .ft-link li a {
  color: var(--color-brand-400);
}
.rbt-footer.rbt-bg-color-primary .ft-link li a:hover {
  color: var(--color-white);
}
.rbt-footer.rbt-bg-color-primary .ft-link li p {
  color: var(--color-brand-400);
}
.rbt-footer.rbt-bg-color-primary .copyright-area .rbt-link-hover {
  color: var(--color-brand-400);
}
.rbt-footer.rbt-bg-color-primary .copyright-area .rbt-link-hover a {
  color: var(--color-white);
}
.rbt-footer.rbt-bg-color-primary .copyright-area .rbt-link-hover a:hover {
  color: var(--color-white);
}
.rbt-footer.rbt-bg-color-primary .copyright-area .copyright-link.rbt-link-hover a {
  color: var(--color-brand-400);
}
.rbt-footer.rbt-bg-color-primary .copyright-area .copyright-link.rbt-link-hover a:hover {
  color: var(--color-white);
}
.rbt-footer.rbt-bg-color-primary .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 input {
  background: var(--color-brand-700);
  color: var(--color-brand-400);
}
.rbt-footer.rbt-bg-color-primary .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 input::placeholder {
  color: var(--color-brand-400);
}
.rbt-footer.rbt-bg-color-primary .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 input:focus {
  border-color: var(--color-brand-500);
}
.rbt-footer.rbt-bg-color-primary .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 .rbt-btn {
  background: var(--color-white);
  color: var(--color-primary);
}
.rbt-footer.rbt-bg-color-primary .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 .rbt-btn:active, .rbt-footer.rbt-bg-color-primary .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 .rbt-btn:hover {
  transform: translateY(-3px);
}
.rbt-footer.rbt-bg-color-primary .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 .icon {
  color: var(--color-brand-400);
}
.rbt-footer.rbt-bg-color-primary .rbt-social-icon-list li a {
  color: var(--color-brand-400);
}
.rbt-footer.rbt-bg-color-primary .rbt-social-icon-list li a:hover {
  color: var(--color-white);
}
.rbt-footer.rbt-footer-dark .footer-widget {
  color: var(--color-gray-300);
}
.rbt-footer.rbt-footer-dark .footer-widget .ft-link li a {
  color: var(--color-gray-300);
}
.rbt-footer.rbt-footer-dark .footer-widget .ft-link li a .rbt-icon {
  color: var(--color-gray-300);
}
.rbt-footer.rbt-footer-dark .footer-widget .ft-link li a:hover {
  color: var(--color-white);
}
.rbt-footer.rbt-footer-dark .footer-widget .ft-title {
  color: var(--color-white);
}
.rbt-footer.rbt-footer-dark .rbt-social-icon-list li a {
  color: var(--color-gray-300);
}
.rbt-footer.rbt-footer-dark .rbt-social-icon-list li a:hover {
  color: var(--color-white);
}
.rbt-footer.rbt-footer-dark .copyright-area .rbt-link-hover a {
  color: var(--color-brand-100);
}
.rbt-footer.rbt-footer-dark .copyright-area .rbt-link-hover a:hover {
  color: var(--color-white);
}
.rbt-footer.rbt-footer-dark .copyright-area .rbt-link-hover.variation-2 a {
  color: var(--color-gray-300);
}
.rbt-footer.rbt-footer-dark .copyright-area .rbt-link-hover.variation-2 a:hover {
  color: var(--color-white);
}
.rbt-footer.rbt-footer-dark .rbt-newsletter-form-one input:focus {
  border-color: var(--white-opacity);
}
.rbt-footer.rbt-footer-dark .rbt-quick-contact-box {
  border-color: var(--color-gray-700);
}
.rbt-footer.rbt-footer-dark .rbt-quick-contact-box:hover {
  border-color: var(--color-gray-400);
}
.rbt-footer.rbt-footer-dark .rbt-quick-contact-box .rbt-quick-contact-info {
  border-color: var(--color-gray-700);
}
.rbt-footer.rbt-footer-style-three .rbt-watermark-text, .rbt-footer.rbt-footer-style-ten .rbt-watermark-text {
  margin-bottom: -16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-footer.rbt-footer-style-three .rbt-watermark-text, .rbt-footer.rbt-footer-style-ten .rbt-watermark-text {
    margin-bottom: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-footer.rbt-footer-style-three .rbt-watermark-text, .rbt-footer.rbt-footer-style-ten .rbt-watermark-text {
    margin-bottom: 16px;
  }
}
.rbt-footer.rbt-footer-style-seven .rbt-watermark-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -152px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-footer.rbt-footer-style-seven .rbt-watermark-text {
    bottom: -130px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-footer.rbt-footer-style-seven .rbt-watermark-text {
    bottom: -48px;
  }
}
.rbt-footer.rbt-footer-style-nine .rbt-breadcrumb-page-list .rbt-breadcrumb-item:not(.active) a {
  color: var(--color-white);
}
.rbt-footer.rbt-footer-style-nine .rbt-breadcrumb-page-list .rbt-breadcrumb-item:not(.active) a:hover {
  color: var(--color-gray-400);
}
.rbt-footer.rbt-footer-style-ten .footer-widget .ft-link .rbt-quick-contact-box .rbt-icon {
  font-size: var(--h2);
}
.rbt-footer.rbt-footer-style-ten .footer-widget .ft-link .rbt-quick-contact-box .rbt-quick-contact-info a {
  font-size: var(--h4);
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .rbt-footer.rbt-footer-style-ten .footer-widget .ft-link .rbt-quick-contact-box .rbt-quick-contact-info a {
    font-size: 18px;
  }
}
.rbt-footer.rbt-footer-style-four .footer-widget {
  padding: 32px;
}
@media only screen and (min-width: 1600px) {
  .rbt-footer.rbt-footer-style-four .footer-widget {
    padding: 56px 0 56px 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-footer.rbt-footer-style-four .footer-widget {
    padding: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-footer.rbt-footer-style-four .footer-widget {
    padding: 16px 8px;
  }
}
.rbt-footer.has-footer-widget-border .footer-widget {
  border-left: 2px solid var(--color-border-2);
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .rbt-footer.has-footer-widget-border .footer-widget {
    border-left: 0;
  }
}
.rbt-footer .logo {
  width: fit-content;
}

.rbt-quick-locat-link {
  min-width: 240px;
}

/*----------------------------- 
    Copyright Area Styles
-------------------------------*/
.copyright-area {
  position: relative;
  z-index: 1;
}
.copyright-area.copyright-style-1 {
  padding: 24px 0;
}
.copyright-area .rbt-link-hover {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
  color: var(--color-gray-500);
}
.copyright-area .rbt-link-hover a {
  color: var(--color-gray-500);
  font-weight: var(--f-regular);
}
.copyright-area .rbt-link-hover a:hover {
  color: var(--color-primary);
}

.payment-img-link {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 24px 12px;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
  .payment-img-link {
    gap: 8px;
  }
}
.payment-img-link li {
  margin: 0;
}
.payment-img-link li img {
  max-height: 28px;
}

.copyright-link {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 16px;
}
@media only screen and (max-width: 479px) {
  .copyright-link {
    gap: 8px;
  }
}
.copyright-link li {
  margin: 0;
}

/*----------------------------- 
    Newsletter Area Styles
-------------------------------*/
.rbt-newsletter-area.style--one {
  padding: 24px 0;
}
.rbt-newsletter-area.style--one .rbt-newsletter-content-wrapper {
  display: flex;
  align-items: center;
  color: var(--color-white);
}
@media only screen and (max-width: 767px) {
  .rbt-newsletter-area.style--one .rbt-newsletter-content-wrapper {
    justify-content: start;
    gap: 8px !important;
    flex-wrap: wrap;
  }
}
.rbt-newsletter-area.style--one .rbt-newsletter-content-wrapper .rbt-newsletter-icon {
  color: var(--color-white);
  font-size: 48px;
  font-weight: 300;
  line-height: 100%;
}
@media only screen and (max-width: 767px) {
  .rbt-newsletter-area.style--one .rbt-newsletter-content-wrapper .rbt-newsletter-icon {
    font-size: 28px;
  }
}
.rbt-newsletter-area.style--one .rbt-newsletter-content-wrapper .title {
  color: var(--color-white);
  margin-bottom: 0;
  font-weight: var(--f-regular);
}
@media only screen and (max-width: 767px) {
  .rbt-newsletter-area.style--one .rbt-newsletter-content-wrapper .title {
    font-size: 28px;
  }
}
.rbt-newsletter-area.style--one .rbt-newsletter-content-wrapper .title span {
  font-weight: var(--f-semi-bold);
}
.rbt-newsletter-area.style--one .rbt-newsletter-content-wrapper .sub-title {
  margin-left: 24px;
  padding-left: 24px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-newsletter-area.style--one .rbt-newsletter-content-wrapper .sub-title {
    margin-left: 12px;
    padding-left: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-newsletter-area.style--one .rbt-newsletter-content-wrapper .sub-title {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
  }
}
.rbt-newsletter-area.style--one.rbt-var-one {
  background-image: url(../images/banner-img/banner-bg-shape-01.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--color-primary);
  padding: 40px;
  border-radius: 8px;
}
.rbt-newsletter-area.rbt-bg-color-primary .rbt-newsletter-form-one input:focus {
  border-color: var(--color-brand-500);
}

.rbt-newsletter-form-one {
  position: relative;
  max-width: 380px;
}
.rbt-newsletter-form-one.radius-round input {
  border-radius: 80px;
}
.rbt-newsletter-form-one.radius-round .rbt-btn {
  border-radius: var(--radius-60);
}
.rbt-newsletter-form-one input {
  background: var(--color-white);
  padding: 0 48px;
  padding-right: 148px;
  border: 2px solid transparent;
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-newsletter-form-one input {
    padding: 0 36px;
    padding-right: 108px;
  }
}
.rbt-newsletter-form-one input:focus {
  border: 2px solid var(--color-primary);
}
.rbt-newsletter-form-one .rbt-btn {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 32px;
  border-radius: 4px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-newsletter-form-one .rbt-btn {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-newsletter-form-one .rbt-btn {
    font-size: var(--font-size-b4);
    height: 28px;
    line-height: 28px;
  }
}
.rbt-newsletter-form-one .rbt-btn:hover {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-newsletter-form-one .icon {
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--font-size-b2);
  line-height: 1;
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-newsletter-form-one .icon {
    left: 16px;
  }
}
.rbt-newsletter-form-one.rbt-newsletter-form-one-v1 {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (max-width: 767px), only screen and (max-width: 1199px) {
  .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 {
    flex-wrap: wrap;
  }
}
.rbt-newsletter-form-one.rbt-newsletter-form-one-v1 .rbt-btn {
  position: static;
  transform: none;
}
.rbt-newsletter-form-one.rbt-newsletter-form-one-v1 input {
  background: var(--color-gray-100);
  padding: 0 16px;
  padding-right: 16px;
  padding-left: 40px;
  box-shadow: none;
  width: 100%;
  height: 40px;
  max-width: 240px;
}
.rbt-newsletter-form-one.rbt-newsletter-form-one-v1 .icon {
  left: 16px;
  top: 12px;
  transform: none;
}

.rbt-max-w-full {
  max-width: 100% !important;
}

/*---------------------------------
        water mark text
-----------------------------------*/
.rbt-watermark-text {
  text-align: center;
  font-family: var(--font-primary);
  font-size: 148px;
  font-weight: var(--f-bold);
  line-height: 1;
  letter-spacing: 1.48px;
  color: var(--color-white);
  opacity: 0.3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-watermark-text {
    font-size: 128px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-watermark-text {
    font-size: 72px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-watermark-text {
    font-size: 36px;
  }
}
.rbt-watermark-text.rbt-watermark-color-var-1 {
  background: linear-gradient(180deg, #E9E9E9 0%, rgba(233, 233, 233, 0.1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 1;
}
.rbt-watermark-text.rbt-watermark-lg {
  font-size: 200px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-watermark-text.rbt-watermark-lg {
    font-size: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-watermark-text.rbt-watermark-lg {
    font-size: 88px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-watermark-text.rbt-watermark-lg {
    font-size: 36px;
  }
}

.rbt-footer-nav-warpper {
  background: var(--color-gray-light);
  position: relative;
  z-index: 1;
}

.rbt-insta-slider-activation .swiper-slide {
  width: fit-content;
}
.rbt-insta-slider-activation .swiper-slide .rbt-instapost {
  max-width: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-insta-slider-activation .swiper-slide .rbt-instapost {
    max-width: 136px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-insta-slider-activation .swiper-slide .rbt-instapost {
    max-width: 100px;
  }
}

.rbt-quick-contact-box {
  border: 2px solid var(--color-gray-100);
  padding: 8px 16px;
  min-width: 100%;
  width: fit-content;
  background: var(--color-gray-light);
  border-radius: 200px;
  display: flex;
  gap: 12px;
  align-items: center;
  transition: var(--transition);
}
@media only screen and (max-width: 575px) {
  .rbt-quick-contact-box {
    min-width: 204px;
  }
}
.rbt-quick-contact-box .rbt-icon {
  font-size: var(--font-size-b1);
  color: var(--color-heading);
  transition: var(--transition);
}
.rbt-quick-contact-box .rbt-quick-contact-info {
  padding-left: 12px;
  display: grid;
  border-left: 2px solid var(--color-gray-100);
}
.rbt-quick-contact-box .rbt-quick-contact-info a {
  font-weight: var(--f-bold) !important;
}
.rbt-quick-contact-box:hover {
  border-color: var(--color-primary);
}
.rbt-quick-contact-box:hover .rbt-icon {
  color: var(--color-primary);
}

.rbt-footer-content .row {
  position: relative;
  z-index: 1;
}
.rbt-footer-content .rbt-separator-mid {
  z-index: 0;
}

.rbt-footer-image-wrapper img {
  position: absolute;
  right: -16%;
  bottom: 0;
  max-width: 722px;
  max-height: 596px;
}
@media (min-width: 1400px) and (max-width: 1699px) {
  .rbt-footer-image-wrapper img {
    right: 0;
    max-width: 44%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-footer-image-wrapper img {
    right: 0;
    max-width: 44%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-footer-image-wrapper img {
    right: 0;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-footer-image-wrapper img {
    display: none;
  }
}

.rbt-footer-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rbt-footer-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(177deg, rgba(5, 5, 31, 0) 46.3%, rgba(5, 5, 31, 0.81) 83.99%);
}

/*-------------------------
    Back To Top  
---------------------------*/
@-webkit-keyframes border-transform {
  0%, 100% {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }
  70% {
    border-radius: var(--radius-full) 50% 34% 66%/56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}
.paginacontainer {
  height: 3000px;
}

.rbt-progress-parent {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px var(--color-brand-100);
  z-index: 355;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  backdrop-filter: blur(2px);
  background: rgba(255, 255, 255, 0.4);
}
@media only screen and (max-width: 1199px) {
  .rbt-progress-parent {
    bottom: 56px;
  }
}
.rbt-progress-parent.rbt-backto-top-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.rbt-progress-parent::after {
  position: absolute;
  font-family: "Font Awesome 6 Pro", sans-serif;
  content: "\f062";
  text-align: center;
  line-height: 46px;
  font-size: 20px;
  color: var(--color-primary);
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.rbt-progress-parent:hover::after {
  color: var(--color-primary);
}
.rbt-progress-parent::before {
  position: absolute;
  font-family: "Font Awesome 6 Pro", sans-serif;
  content: "\f062";
  text-align: center;
  line-height: 46px;
  font-size: 24px;
  opacity: 0;
  background: #0d0d12;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  color: var(--color-primary);
}
.rbt-progress-parent svg path {
  fill: none;
}
.rbt-progress-parent svg.rbt-back-circle path {
  stroke: var(--color-primary);
  stroke-width: 4;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  opacity: 0.6;
}

/**************************************
Splash Styles
***************************************/
:root {
  --splash-shadow: 0px 8px 100px 0px #EAEAEA;
}

.splash-section-gap {
  padding: 120px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .splash-section-gap {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .splash-section-gap {
    padding: 48px 0;
  }
}

.splash-section-gapTop {
  padding-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .splash-section-gapTop {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .splash-section-gapTop {
    padding-top: 48px;
  }
}

.splash-section-gapBottom {
  padding-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .splash-section-gapBottom {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .splash-section-gapBottom {
    padding-bottom: 48px;
  }
}

.splash-section-gap2 {
  padding: 100px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .splash-section-gap2 {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .splash-section-gap2 {
    padding: 48px 0;
  }
}

.splash-section-gap2Top {
  padding-top: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .splash-section-gap2Top {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .splash-section-gap2Top {
    padding-top: 48px;
  }
}

.splash-section-gap2Bottom {
  padding-bottom: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .splash-section-gap2Bottom {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .splash-section-gap2Bottom {
    padding-bottom: 48px;
  }
}

.rbt-splash-common-sec-bg {
  background: #EFF1F4;
}

.rbt-splash-common-sec-bg-2 {
  background: #F9F9F9;
}

.splash-page-bg {
  background-color: #F9F9F9;
}

.rbt-sticky-section {
  --stickyheader-height: 112px;
  margin: 0 auto;
  position: sticky;
  top: calc(var(--stickyheader-height) + 0);
  transition: margin 0.3s ease;
}
.rbt-sticky-section.sticky-sec-1 {
  top: calc(var(--stickyheader-height) + 24px);
}
.rbt-sticky-section.sticky-sec-2 {
  top: calc(var(--stickyheader-height) + 48px);
}
.rbt-sticky-section.sticky-sec-3 {
  top: calc(var(--stickyheader-height) + 72px);
}
@media only screen and (max-width: 767px) {
  .rbt-sticky-section {
    position: static;
  }
}

.rbt-splash-section-title {
  margin-bottom: 40px;
  position: relative;
}
.rbt-splash-section-title .icons {
  font-size: 32px;
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
}
.rbt-splash-section-title .subtitle {
  font-size: 20px;
  display: inline-block;
  margin-bottom: 8px;
  color: var(--color-black);
  font-family: var(--font-primary);
  position: relative;
  z-index: 2;
}
.rbt-splash-section-title .rbt-title {
  font-size: 52px;
  color: var(--color-black);
  line-height: 1;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-section-title .rbt-title {
    font-size: 44px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-section-title .rbt-title {
    font-size: 32px;
  }
}
.rbt-splash-section-title .rbt-title .rbt-title-sm-text {
  font-size: 40px;
  font-weight: var(--f-regular);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-section-title .rbt-title .rbt-title-sm-text {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-section-title .rbt-title .rbt-title-sm-text {
    font-size: 28px;
  }
}
.rbt-splash-section-title .rbt-title .rbt-overlay-text {
  font-size: 280px;
  font-weight: 700;
  padding: 6px 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -54%;
  line-height: 0.7;
  z-index: -1;
  white-space: nowrap;
  user-select: none;
}
.rbt-splash-section-title .rbt-title .rbt-overlay-text.overlay-sm {
  font-size: 112px;
}
.rbt-splash-section-title .rbt-title .rbt-overlay-text.overlay-text-color-var-2 {
  background: linear-gradient(180deg, #D8E8FF 0%, #EFF1F4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rbt-splash-section-title .rbt-title .rbt-overlay-text.overlay-text-color-var-3 {
  background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-section-title .rbt-title .rbt-overlay-text {
    font-size: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-splash-section-title .rbt-title .rbt-overlay-text {
    font-size: 110px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-splash-section-title .rbt-title .rbt-overlay-text {
    font-size: 80px;
  }
}
.rbt-splash-section-title .rbt-title .rbt-text-sm {
  font-size: 40px;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-section-title .rbt-title .rbt-text-sm {
    font-size: 30px;
  }
}
.rbt-splash-section-title p {
  color: #333;
}
.rbt-splash-section-title .rbt-input-field {
  max-width: 580px;
  position: relative;
  margin: 0 auto;
}
.rbt-splash-section-title .rbt-input-field .rbt-icon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
}
.rbt-splash-section-title .rbt-input-field input {
  border-radius: 100px;
  padding-left: 36px;
  color: var(--color-heading);
  box-shadow: none;
}
.rbt-splash-section-title .rbt-input-field input::placeholder {
  color: var(--color-body);
}

.rbt-overlay-counter {
  font-size: 280px;
  line-height: 1;
  font-weight: 700;
  user-select: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-overlay-counter {
    font-size: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-overlay-counter {
    font-size: 110px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-overlay-counter {
    font-size: 50px;
  }
}
.rbt-overlay-counter .odometer .odometer-digit .odometer-value {
  background: linear-gradient(180deg, rgba(33, 90, 218, 0.3) 0%, rgba(239, 241, 244, 0.3) 87.5%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rbt-overlay-counter .counter-suffix {
  background: linear-gradient(180deg, rgba(33, 90, 218, 0.3) 0%, rgba(239, 241, 244, 0.3) 87.5%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rbt-overlay-counter.counter-sm {
  font-size: 112px;
}
.rbt-overlay-counter.counter-md {
  font-size: 180px;
}
.rbt-overlay-counter.counter-md .counter-suffix {
  margin-left: -46px;
}
.rbt-overlay-counter.color-variation-2 .odometer .odometer-digit .odometer-value {
  background: linear-gradient(180deg, rgba(33, 90, 218, 0.6) 0%, rgba(0, 0, 0, 0.6) 87.5%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rbt-overlay-counter.color-variation-2 .counter-suffix {
  background: linear-gradient(180deg, rgba(33, 90, 218, 0.6) 0%, rgba(0, 0, 0, 0.6) 87.5%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rbt-splash-gradient-text {
  background: linear-gradient(to left, #4BE53E, #302AEF);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rbt-splash-bg-light {
  position: absolute;
  width: 262px;
  height: 262px;
  background: var(--color-primary);
  filter: blur(150px);
  border-radius: var(--radius-full);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-bg-light {
    width: 188px;
    height: 188px;
  }
}
.rbt-splash-bg-light.bg-light-sm {
  width: 134px;
  height: 134px;
}
.rbt-splash-bg-light.light-center-left {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.rbt-splash-bg-light.light-center-right {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.rbt-splash-bg-light.light-top-right {
  top: 20%;
  right: 0;
}
.rbt-splash-bg-light.light-top-left {
  top: 20%;
  left: 0;
}
.rbt-splash-bg-light.light-bottom-left {
  bottom: 20%;
  left: 0;
}
.rbt-splash-bg-light.light-bottom-right {
  bottom: 10%;
  right: 0;
}

/**************************************
            header style
***************************************/
.splash-header-campaign-area .icon-close.position-right {
  right: 16px;
}

.rbt-splash-header-area .header-transparent {
  background: transparent;
  position: absolute;
  width: 100%;
}
.rbt-splash-header-area.rbt-header .header-transparent .rbt-mainmenu-nav .mainmenu > li > a {
  color: var(--color-white);
}
.rbt-splash-header-area.rbt-header .header-transparent .rbt-header-common-sticky-activation .rbt-mainmenu-nav .mainmenu li > a {
  color: var(--color-heading);
}

/**************************************
            Intro video
***************************************/
.rbt-intro-video-box {
  position: absolute;
  top: -12%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 688px;
  height: 530px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-intro-video-box {
    top: -5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-intro-video-box {
    top: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-intro-video-box {
    top: 24px;
    width: 568px;
    height: 504px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-intro-video-box {
    top: 24px;
    width: 300px;
    height: 284px;
  }
}
.rbt-intro-video-box .desktop {
  width: 100%;
  height: 398px;
  padding: 16px;
  background: linear-gradient(216deg, #B3B3B3, #A8A8A8);
  border-radius: 6px;
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .rbt-intro-video-box .desktop {
    height: 228px;
    padding: 8px;
  }
}
.rbt-intro-video-box .desktop img,
.rbt-intro-video-box .desktop video {
  display: block;
  width: 100%;
  height: 100%;
}
.rbt-intro-video-box .desktop .play-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 124px;
  width: 124px;
  border: 2px solid #E53E3E;
  border-radius: 50%;
  font-size: 40px;
  color: #E53E3E;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(3px);
  position: absolute;
  top: 36%;
  left: 42%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-intro-video-box .desktop .play-btn {
    font-size: 24px;
    height: 80px;
    width: 80px;
  }
}
.rbt-intro-video-box .desktop-stand {
  position: absolute;
  bottom: 0;
}
.rbt-intro-video-box .desktop-shadow {
  position: absolute;
  top: calc(100% - 22px);
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .rbt-intro-video-box .desktop-shadow {
    top: calc(100% - 10px);
  }
}
.rbt-intro-video-box .mini-pc {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .rbt-intro-video-box .mini-pc {
    max-width: 72px;
  }
}

/**************************************
            Feature Area
***************************************/
.rbt-splash-feature-area {
  padding-top: 348px;
  background: url(../images/splash/section/section-bg-line.webp);
}
@media only screen and (max-width: 767px) {
  .rbt-splash-feature-area .rbt-splash-section-title {
    margin-bottom: 0;
  }
}
.rbt-splash-feature-area .rbt-splash-section-title .section-indicator {
  right: auto;
  left: -130px;
  top: -80px;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-feature-area .rbt-splash-section-title .section-indicator {
    left: 0;
    top: -32px !important;
    z-index: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-feature-area .rbt-splash-section-title .section-indicator {
    display: none;
  }
}

.rbt-key-features {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-key-features {
    margin-top: 184px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-key-features {
    margin-top: 252px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-key-features {
    margin-top: 24px;
    gap: 12px;
  }
}
.rbt-key-features .single-feature {
  width: fit-content;
  font-size: 20px;
  color: var(--color-black);
  max-height: 260px;
  min-width: 170px;
  width: 100%;
  text-align: center;
  position: relative;
}
.rbt-key-features .single-feature::before {
  content: "";
  position: absolute;
  width: calc(100% + 4px);
  height: 100%;
  background: linear-gradient(180deg, rgba(33, 88, 218, 0), rgba(249, 249, 249, 0));
  border-radius: 14px;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  opacity: 0;
  transition: var(--transition);
}
.rbt-key-features .single-feature .inner {
  padding: 56px 16px;
  background: linear-gradient(180deg, #E9F1FC 0%, #F9F9F9 100%);
  border-radius: 12px;
  height: 100%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-key-features .single-feature .inner {
    padding: 24px 16px 32px;
  }
}
.rbt-key-features .single-feature:nth-child(even) {
  margin-top: -24px;
}
.rbt-key-features .single-feature:hover::before {
  top: -2px;
  opacity: 1;
  width: calc(100% + 4px);
  background: linear-gradient(180deg, #215ADA, #F9F9F9);
}
.rbt-key-features .single-feature:hover:hover .hover-icon {
  opacity: 1;
  visibility: visible;
}
.rbt-key-features .single-feature:hover:hover .default-icon {
  opacity: 0;
  visibility: hidden;
}
.rbt-key-features .single-feature .icon {
  height: 72px;
  width: 72px;
  background: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 32px;
  color: var(--color-primary);
  margin: 0 auto;
  margin-bottom: 12px;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-key-features .single-feature .icon {
    height: 52px;
    width: 52px;
    font-size: 20px;
  }
}
.rbt-key-features .single-feature .icon .default-icon {
  transition: var(--transition);
}
.rbt-key-features .single-feature .icon .hover-icon {
  max-width: 44px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: var(--transition);
}
.rbt-key-features .single-feature .icon.icon-1 img {
  max-width: 68px;
}
.rbt-key-features .single-feature .icon.icon-2 img {
  width: 60px;
}
.rbt-key-features .single-feature .icon.icon-3 img {
  max-width: 44px;
}
.rbt-key-features .single-feature .icon.icon-4 img {
  max-width: 44px;
}
.rbt-key-features .single-feature .rbt-description {
  font-size: 20px;
  color: var(--color-black);
  margin-bottom: 0;
}

.rbt-key-features .rbt-single-key-feature-card {
  border-radius: var(--radius-12);
  background: #EFF6FF;
  box-shadow: 0px 8px 100px 0px #EAEAEA;
  position: relative;
}
.rbt-key-features .rbt-single-key-feature-card::after {
  content: "";
  position: absolute;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  top: -1px;
  left: -1px;
  border-radius: var(--radius-12);
  z-index: -1;
}
.rbt-key-features .rbt-single-key-feature-card .rbt-inner {
  position: relative;
  z-index: 1;
  border-radius: var(--radius-12);
}
.rbt-key-features .rbt-single-key-feature-card .rbt-content {
  padding: 24px 0 24px 24px;
}
.rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-pre-title {
  color: var(--color-black);
  font-size: var(--font-size-b1);
  margin-bottom: 4px;
}
.rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list li {
  padding: 4px 10px;
  margin: 0;
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: var(--font-size-b4);
  line-height: 1.86;
  font-weight: var(--f-semi-bold);
  color: var(--color-black);
  background: rgba(219, 235, 255, 0.61);
  border-radius: 100px;
}
.rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list li i {
  color: var(--color-primary);
}
.rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list li .rbt-marquee {
  overflow: hidden;
  position: relative;
  max-width: 72px;
  white-space: nowrap;
  font-weight: var(--f-regular);
}
.rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list li .rbt-marquee:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 20px;
  background: linear-gradient(to right, #e3f0ff, rgba(255, 255, 255, 0));
  z-index: 2;
}
.rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list li .rbt-marquee:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 20px;
  background: linear-gradient(to left, #e3f0ff, rgba(255, 255, 255, 0));
  z-index: 1;
}
.rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list li .rbt-marquee span {
  display: inline-flex;
  position: relative;
  z-index: 1;
  line-height: 1.2;
  font-weight: var(--f-regular);
  animation: btnTxtMarqueeX 5s linear infinite;
}
.rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list li .rbt-marquee span::after {
  content: attr(data-text);
  position: absolute;
  white-space: nowrap;
  top: 50%;
  left: 100%;
  transform: translate(15%, -50%);
}
.rbt-key-features .rbt-single-key-feature-card .rbt-key-feature-thumb {
  position: relative;
  border-radius: 0 0 var(--radius-12) var(--radius-12);
  overflow: hidden;
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-1 {
  background: url(../images/splash/feature/bg-dot-line1.svg), #EFF6FF;
  background-position: center;
  background-repeat: no-repeat;
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-1::after {
  background: linear-gradient(150deg, rgba(33, 90, 218, 0.5) 0%, rgba(235, 255, 245, 0) 52%);
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-1 .rbt-content .rbt-title {
  background: linear-gradient(87deg, #000 0.54%, #0039BA 61.46%, #215ADA 87%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-2 {
  background: url(../images/splash/feature/bg-dot-line3.svg), #EBFFF5;
  background-position: center;
  background-repeat: no-repeat;
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-2::after {
  background: linear-gradient(150deg, rgba(29, 191, 115, 0.5) 0%, rgba(235, 255, 245, 0) 52%);
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-2 .rbt-content .rbt-title {
  background: linear-gradient(90deg, #030303 37.5%, #009D50 73.49%, #00FF82 85.25%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-2 .rbt-content .rbt-key-feature-list li {
  background: rgba(204, 245, 225, 0.51);
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-2 .rbt-content .rbt-key-feature-list li i {
  color: #1DBF73;
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-2 .rbt-content .rbt-key-feature-list li .rbt-marquee:before {
  background: linear-gradient(to right, #dbfaeb, rgba(255, 255, 255, 0));
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-2 .rbt-content .rbt-key-feature-list li .rbt-marquee:after {
  background: linear-gradient(to left, #dbfaeb, rgba(255, 255, 255, 0));
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-3 {
  background: url(../images/splash/feature/bg-dot-line2.svg), #FFF7EF;
  background-position: 0px 176px;
  background-repeat: no-repeat;
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-3::after {
  background: linear-gradient(150deg, rgba(247, 131, 31, 0.5) 0%, rgba(235, 255, 245, 0) 52%);
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-3 .rbt-content .rbt-title {
  background: linear-gradient(90deg, #030303 37.5%, #EA1802 73.49%, #FCA211 85.25%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-3 .rbt-content .rbt-key-feature-list li {
  background: #FED;
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-3 .rbt-content .rbt-key-feature-list li i {
  color: #F7831F;
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-3 .rbt-content .rbt-key-feature-list li .rbt-marquee:before {
  background: linear-gradient(to right, #ffeedd, rgba(255, 255, 255, 0));
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-3 .rbt-content .rbt-key-feature-list li .rbt-marquee:after {
  background: linear-gradient(to left, #ffeedd, rgba(255, 255, 255, 0));
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-4 {
  background: url(../images/splash/feature/bg-dot-line4.svg), var(--color-white);
  background-position: 0 180px;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  padding: 24px;
  height: calc(100% - 32px);
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-4 .rbt-gradient-animation-colors {
  height: 50px;
  width: 118%;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-4 .rbt-gradient-animation-colors .rbt-color-1 {
  width: 50%;
  height: 80%;
  position: absolute;
  top: -10px;
  left: 0;
  border-radius: 0px 0px 100px 100px;
  background: #4186FD;
  filter: blur(30px);
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-4 .rbt-gradient-animation-colors .rbt-color-2 {
  width: 50%;
  height: 100%;
  position: absolute;
  top: -5px;
  left: 50px;
  border-radius: 0px 0px 100px 100px;
  background: #FF3F98;
  filter: blur(30px);
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-4 .rbt-gradient-animation-colors .rbt-color-3 {
  width: 50%;
  height: 100%;
  position: absolute;
  top: -5px;
  right: 37px;
  border-radius: 0px 0px 100px 100px;
  background: #E9A5FF;
  filter: blur(30px);
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-4 .rbt-gradient-animation-colors .rbt-color-4 {
  width: 50%;
  height: 80%;
  position: absolute;
  top: -10px;
  right: 0;
  border-radius: 0px 0px 100px 100px;
  background: #FD8C1F;
  filter: blur(30px);
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-4 .rbt-inner {
  height: 100%;
}
.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-4 .rbt-content {
  position: relative;
  z-index: 2;
  padding: 0;
}

.rbt-feature-capsule-list-wrapper {
  padding: 24px;
  pointer-events: none;
  width: 100%;
  min-height: 250px;
}
.rbt-feature-capsule-list-wrapper .rbt-feature-capsule-list {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: grab;
}
.rbt-feature-capsule-list-wrapper .rbt-feature-capsule-list .rbt-capsule-item {
  padding: 0;
  margin: 0;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  user-select: none;
  pointer-events: auto;
  transition: none;
}
.rbt-feature-capsule-list-wrapper .rbt-feature-capsule-list .rbt-capsule-item span {
  display: inline-block;
  font-size: var(--font-size-b3);
  line-height: 1.97;
  font-weight: 500;
  border-radius: 100px;
  padding: 3px 12px;
  background: var(--color-brand-50);
  color: var(--color-black);
}
.rbt-feature-capsule-list-wrapper .rbt-feature-capsule-list .rbt-capsule-item.rbt-capsule-highlight span {
  background: linear-gradient(270deg, #FD998E 0%, #AB4FA9 50.52%, #4D3FAE 100%);
  color: var(--color-white);
}

.rbt-feature-slide-active {
  height: 115px;
  width: 95px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.rbt-feature-slide-active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 40px;
  background: linear-gradient(to bottom, rgba(255, 242, 228, 0.7607843137), rgba(255, 241, 227, 0));
  z-index: 2;
  pointer-events: none;
}
.rbt-feature-slide-active::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60%;
  height: 50px;
  background: linear-gradient(to top, rgba(255, 242, 228, 0.7607843137), rgba(255, 241, 227, 0));
  z-index: 1;
  pointer-events: none;
}
.rbt-feature-slide-active .swiper-slide {
  width: fit-content;
  margin-left: auto;
  transition: var(--transition);
  height: 15px;
}
.rbt-feature-slide-active .swiper-slide .rbt-slide {
  height: 100%;
}
.rbt-feature-slide-active .swiper-slide .rbt-slide img {
  height: 100%;
}
.rbt-feature-slide-active .swiper-slide.swiper-slide-prev, .rbt-feature-slide-active .swiper-slide.swiper-slide-next {
  transform-origin: right;
  transform: scale(1.25);
}
.rbt-feature-slide-active .swiper-slide.swiper-slide-prev {
  margin-top: -3px;
}
.rbt-feature-slide-active .swiper-slide.swiper-slide-next {
  margin-top: -3px;
}
.rbt-feature-slide-active .swiper-slide.swiper-slide-next + .swiper-slide {
  margin-top: -3px;
}
.rbt-feature-slide-active .swiper-slide.swiper-slide-active {
  transform-origin: right;
  transform: scale(1.5);
  margin-bottom: 13px !important;
}

.rbt-feature-card {
  border-radius: var(--radius-12);
  background: var(--color-white);
  box-shadow: var(--splash-shadow);
  overflow: hidden;
}
.rbt-feature-card .rbt-card-img {
  position: relative;
  display: flex;
}
.rbt-feature-card.rbt-feature-card-1 {
  padding: 0 22px 32px;
  -webkit-mask-image: url(../images/splash/feature/curve-bg-shape-left-top.webp);
  mask-image: url(../images/splash/feature/curve-bg-shape-left-top.webp);
  background-image: url(../images/splash/feature/curve-bg-shape-left-top.webp);
  filter: drop-shadow(0px 8px 100px #EAEAEA);
  box-shadow: none;
}
.rbt-feature-card.rbt-feature-card-1 .rbt-card-img {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.rbt-feature-card.rbt-feature-card-1 .rbt-card-img img {
  pointer-events: none;
  user-select: none;
}
.rbt-feature-card.rbt-feature-card-1 .rbt-card-img .icon {
  position: absolute;
  top: 50%;
  right: 14%;
  border-radius: 50%;
  box-shadow: var(--shadow-3);
}
.rbt-feature-card.rbt-feature-card-1 .rbt-card-img .icon.icon-2 {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.rbt-feature-card.rbt-feature-card-1 .rbt-feature-card-text {
  margin-top: -76px;
  position: relative;
  z-index: 1;
}
.rbt-feature-card.rbt-feature-card-2 {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, #000 100%), url(../images/splash/feature/bg-image1.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 22px 32px 0;
  box-shadow: none;
  position: relative;
}
.rbt-feature-card.rbt-feature-card-3 {
  background: linear-gradient(282deg, #AB6EF5 18.17%, #6C46E7 100%);
  padding: 36px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.rbt-feature-card.rbt-feature-card-4 {
  padding: 34px 0 0 32px;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-feature-card.rbt-feature-card-4 {
    margin-top: 24px;
  }
}
.rbt-feature-card.rbt-feature-card-4 .rbt-card-img .icon {
  position: absolute;
  right: 70%;
  bottom: 4%;
}
.rbt-feature-card.rbt-feature-card-5 {
  padding: 28px 32px;
  background: url(../images/splash/feature/bg-image3.webp);
  overflow: visible;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-feature-card.rbt-feature-card-5 {
    padding: 28px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-feature-card.rbt-feature-card-5 {
    margin-top: 24px;
    padding: 24px 16px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-feature-card.rbt-feature-card-5 {
    background-size: 100% 65%;
  }
}
.rbt-feature-card.rbt-feature-card-5 .icon {
  position: absolute;
  right: 2%;
  bottom: 85%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-feature-card.rbt-feature-card-5 .icon {
    display: none;
  }
}
.rbt-feature-card.rbt-feature-card-5 .rbt-title {
  background: linear-gradient(90deg, #030303 37.5%, #009D50 73.49%, #00D16A 85.25%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rbt-feature-card.rbt-feature-card-6 {
  padding: 24px 40px;
}
.rbt-feature-card.rbt-feature-card-6 .rbt-feature-card-content {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .rbt-feature-card.rbt-feature-card-6 .rbt-feature-card-content {
    flex-direction: column;
  }
}
.rbt-feature-card.rbt-feature-card-6 .rbt-feature-card-text {
  max-width: 305px;
}
.rbt-feature-card.rbt-feature-card-6 .rbt-card-img {
  max-height: 340px;
}
.rbt-feature-card.rbt-feature-card-6 .rbt-swiper-pagination {
  z-index: 1;
}
.rbt-feature-card.rbt-feature-card-7 {
  padding: 32px 32px 20px;
}
.rbt-feature-card.rbt-feature-card-7 .rbt-card-img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rbt-feature-card.rbt-feature-card-7 .rbt-card-img .icon {
  position: absolute;
  right: -32px;
  top: -52px;
}
.rbt-feature-card.rbt-feature-card-8 {
  -webkit-mask-image: url(../images/splash/feature/curve-bg-shape-right-bottom.webp);
  mask-image: url(../images/splash/feature/curve-bg-shape-right-bottom.webp);
  background-image: url(../images/splash/feature/curve-bg-shape-right-bottom.webp);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rbt-feature-card.rbt-feature-card-8.no-bg-mask {
  -webkit-mask-image: unset;
  mask-image: unset;
  background-image: unset;
  background-repeat: unset;
  background-size: unset;
}
.rbt-feature-card.rbt-feature-card-8.bg-varition-one {
  border-radius: 16px;
  background: #353234;
  box-shadow: none;
}
@media only screen and (max-width: 767px) {
  .rbt-feature-card.rbt-feature-card-8 {
    margin-top: 24px;
  }
}
.rbt-feature-card.rbt-feature-card-8 .rbt-feature-card-text {
  padding: 32px 22px 0;
}
.rbt-feature-card.rbt-feature-card-8 .rbt-card-img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rbt-feature-card .rbt-progress-counter-wrap {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  position: absolute;
  right: -12px;
  bottom: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-feature-card .rbt-progress-counter-wrap {
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-feature-card .rbt-progress-counter-wrap {
    right: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-feature-card .rbt-progress-counter-wrap {
    position: static;
  }
}
.rbt-feature-card .rbt-progress-counter-wrap .counter-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  max-width: 90px;
  background: linear-gradient(180deg, #F0FFF4 0%, #FFF 100%);
  border: 1px solid #e8ffe9;
  padding: 4px;
  border-radius: var(--radius-md);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-feature-card .rbt-progress-counter-wrap .counter-box {
    max-width: 76px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-feature-card .rbt-progress-counter-wrap .counter-box {
    max-width: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-feature-card .rbt-progress-counter-wrap .counter-box {
    max-width: 76px;
    white-space: nowrap;
    padding: 2px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-feature-card .rbt-progress-counter-wrap .counter-box {
    max-width: 120px;
    padding: 8px;
  }
}
.rbt-feature-card .rbt-progress-counter-wrap .counter-box .progressbar-text {
  font-size: var(--h5);
  font-weight: var(--f-bold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-feature-card .rbt-progress-counter-wrap .counter-box .progressbar-text {
    font-size: var(--h5);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-feature-card .rbt-progress-counter-wrap .counter-box .progressbar-text {
    font-size: var(--font-size-b1);
  }
}
.rbt-feature-card .rbt-progress-counter-wrap .progress-bar svg {
  background-color: #F3FFF3;
}

/**************************************
            Demos Area
***************************************/
.rbt-splash-demos-area {
  padding: 155px 0 120px;
  background: url(../images/splash/section/section-bg-line2.webp), var(--color-brand-50);
}
@media only screen and (max-width: 767px) {
  .rbt-splash-demos-area {
    padding-bottom: 0;
  }
}
.rbt-splash-demos-area .rbt-overlay-counter {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -132%;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-demos-area .rbt-overlay-counter {
    top: -80%;
    display: flex;
  }
}
.rbt-splash-demos-area .rbt-overlay-counter .counter-suffix {
  margin-left: -72px;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-demos-area .rbt-overlay-counter .counter-suffix {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-demos-area .rbt-overlay-counter .counter-suffix {
    margin-left: -36px;
  }
}
.rbt-splash-demos-area .rbt-demo-wrapper .demo-single .thumbnail img {
  transition: var(--transition);
}
.rbt-splash-demos-area .rbt-demo-wrapper .demo-single:hover {
  transform: translateY(0px) scale(1);
}
.rbt-splash-demos-area .rbt-demo-wrapper .demo-single:hover .thumbnail img {
  transform: scale(1.02);
}
.rbt-splash-demos-area .rbt-splash-section-title .rbt-overlay-text {
  background: linear-gradient(180deg, rgba(33, 90, 218, 0.3) 0%, rgba(239, 241, 244, 0.3) 87.5%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rbt-splash-demos-area .rbt-splash-section-title .section-indicator {
  right: -72px;
  top: -64px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-demos-area .rbt-splash-section-title .section-indicator {
    right: 0;
  }
}
.rbt-splash-demos-area .demo-single {
  padding: 32px 8px;
  padding-bottom: 60px;
}
.rbt-splash-demos-area .demo-single::after {
  width: 8px;
  height: 8px;
  top: 11px;
  left: 16px;
  box-shadow: 16px 0 0 #FEBC2E, 32px 0 0 #29C841;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-demos-area .demo-single::after {
    width: 5px;
    height: 5px;
    top: 5px;
    left: 8px;
    box-shadow: 8px 0 0 #febc2e, 16px 0 0 #29c841;
  }
}
.rbt-splash-demos-area .demo-single .inner .thumbnail {
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .rbt-splash-demos-area .demo-single .inner .thumbnail {
    display: none;
  }
}
.rbt-splash-demos-area .demo-single .inner .content {
  justify-content: space-between;
  padding: 16px;
}
.rbt-splash-demos-area .demo-single .inner .content .rbt-tag-list {
  gap: 4px;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-demos-area .demo-single .inner .content .rbt-tag-list {
    display: none;
  }
}
.rbt-splash-demos-area .demo-single .inner .content .rbt-tag-list a {
  padding: 4px 8px !important;
  font-size: var(--font-size-b4);
  line-height: 1;
  color: var(--color-gray-400);
  height: unset;
  font-weight: 700;
}
.rbt-splash-demos-area .demo-single .inner .content .rbt-tag-list a:hover {
  color: var(--color-white);
}
.rbt-splash-demos-area .demo-single:hover {
  transform: translateY(-5px) scale(1.03);
  box-shadow: var(--shadow-3);
}
.rbt-splash-demos-area .rbt-demo-wrapper .demo-single .inner .content .rbt-tag-list .rbt-tag {
  padding: 4px 8px !important;
  border-radius: 16px;
}
.rbt-splash-demos-area .rbt-load-more-element-btn {
  position: absolute;
  top: calc(100% + 48px);
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .rbt-splash-demos-area .rbt-load-more-element-btn {
    top: calc(100% + 24px);
  }
}
.rbt-splash-demos-area .rbt-nothing-found {
  border: 2px solid var(--color-white);
  margin-top: 24px;
  padding: 32px 24px;
  border-radius: var(--radius);
  text-align: center;
  box-shadow: 0 8px 30px 5px rgba(0, 0, 0, 0.05);
  background: var(--color-white);
  display: none;
}
.rbt-splash-demos-area .rbt-nothing-found .rbt-description {
  font-size: var(--font-size-b1);
  line-height: 1.6;
}

.rbt-has-load-more-element .rbt-load-single-element {
  display: none;
}
.rbt-has-load-more-element .rbt-load-single-element.visible {
  display: block;
}

.rbt-bottom-bar {
  position: absolute;
  top: calc(100% + 2px);
  width: calc(100% - 32px);
  padding: 4px 0 8px 0;
  border-radius: 0 0 var(--radius-md) var(--radius-md);
}
.rbt-bottom-bar.rbt-demo-filter-bottom-bar {
  z-index: -1;
}

.rbt-splash-section-title .section-indicator {
  position: absolute;
  right: -16px;
  top: 28px;
  color: var(--color-black);
  font-family: var(--font-secondary);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.08;
  text-transform: capitalize;
  display: flex;
  gap: 16px;
  align-items: center;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-splash-section-title .section-indicator {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-section-title .section-indicator {
    right: 0 !important;
    top: -120px !important;
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 8px;
    display: flex;
    flex-wrap: nowrap;
  }
}
.rbt-splash-scroll::-webkit-scrollbar {
  display: none;
}

.rbt-splash-tabs {
  display: flex;
  gap: 12px;
  margin: 0 auto;
  justify-content: center;
}
.rbt-splash-tabs .rbt-product-nav-grp {
  position: relative;
  gap: 0;
}
.rbt-splash-tabs .rbt-product-nav-grp + .rbt-product-nav-grp::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../images/splash/splash-icons/tab-middle-shape.svg);
  width: 22px;
  height: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.rbt-splash-tabs.rbt-tabs-vertical {
  flex-direction: column;
}
.rbt-splash-tabs.rbt-tabs-vertical .rbt-product-nav-grp {
  flex-direction: column;
  gap: 8px;
}
.rbt-splash-tabs.rbt-tabs-vertical .rbt-tab-btn-list button {
  padding: 8px 12px;
  font-size: var(--font-size-b2);
  color: var(--color-gray-500);
  border-radius: var(--radius);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
}
.rbt-splash-tabs.rbt-tabs-vertical .rbt-tab-btn-list button .rbt-count {
  height: 18px;
  line-height: 18px;
  font-size: var(--font-size-b4);
  color: var(--color-gray-700);
  background: var(--color-brand-300);
  padding: 0 8px;
  border-radius: 40px;
  transition: var(--transition);
}
.rbt-splash-tabs.rbt-tabs-vertical .rbt-tab-btn-list button:hover {
  color: var(--color-primary);
}
.rbt-splash-tabs.rbt-tabs-vertical .rbt-tab-btn-list button.active {
  color: var(--color-black);
}
.rbt-splash-tabs.rbt-tabs-vertical .rbt-tab-btn-list button.active .rbt-count {
  color: var(--color-white);
  background: var(--color-primary);
}
.rbt-splash-tabs.rbt-tabs-vertical .rbt-bg-highlight {
  border-radius: var(--radius);
  margin-top: -2px;
}
.rbt-splash-tabs.rbt-tabs-vertical .rbt-input-field {
  position: relative;
}
.rbt-splash-tabs.rbt-tabs-vertical .rbt-input-field.has-left-icon .rbt-icon {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
}
.rbt-splash-tabs.rbt-tabs-vertical .rbt-input-field.has-left-icon input {
  padding-left: 36px;
  background: var(--color-brand-100);
  border-radius: 100px;
  border-color: var(--color-brand-100);
  height: 40px;
  line-height: 40px;
}
.rbt-splash-tabs.rbt-tabs-vertical .rbt-input-field.has-left-icon input:focus {
  border-color: var(--color-primary);
}
.rbt-splash-tabs.rbt-tabs-bg-var-2 {
  border-radius: var(--radius-md);
  background: var(--color-white);
  border: 2px solid var(--color-white);
  padding: 24px 16px;
  overflow: unset !important;
}
.rbt-splash-tabs.rbt-tabs-bg-var-2 .rbt-product-nav-grp {
  background: transparent;
  border-radius: var(--radius-md);
  padding: 0;
}

.rbt-bg-highlight.splash-tab-bg-highlight {
  background: var(--color-primary);
}

.demo-mesonry-wider {
  margin-left: -72px;
  margin-right: -72px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .demo-mesonry-wider {
    margin-left: 0;
    margin-right: 0;
  }
}

.demo-mesonry-full {
  padding-right: 60px;
  padding-left: 60px;
}

.rbt-grid-template-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-grid-template-5 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-grid-template-5 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-grid-template-5 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.rbt-grid-template-5 .rbt-grid-col-span-4 {
  grid-column: span 4;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-grid-template-5 .rbt-grid-col-span-4 {
    grid-column: span 3;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-grid-template-5 .rbt-grid-col-span-4 {
    grid-column: span 2;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-grid-template-5 .rbt-grid-col-span-4 {
    grid-column: span 1;
  }
}
.rbt-grid-template-5 .rbt-grid-col-span-3 {
  grid-column: span 3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-grid-template-5 .rbt-grid-col-span-3 {
    grid-column: span 2;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-grid-template-5 .rbt-grid-col-span-3 {
    grid-column: span 2;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-grid-template-5 .rbt-grid-col-span-3 {
    grid-column: span 1;
  }
}
.rbt-grid-template-5 .rbt-grid-col-span-2 {
  grid-column: span 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-grid-template-5 .rbt-grid-col-span-2 {
    grid-column: span 2;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-grid-template-5 .rbt-grid-col-span-2 {
    grid-column: span 1;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-grid-template-5 .rbt-grid-col-span-2 {
    grid-column: span 1;
  }
}
.rbt-grid-template-5 .rbt-grid-col-span-1 {
  grid-column: span 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-grid-template-5 .rbt-grid-col-span-1 {
    grid-column: span 1;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-grid-template-5 .rbt-grid-col-span-1 {
    grid-column: span 1;
  }
}

.rbt-demo-wrapper {
  position: relative;
  transition: var(--transition);
}
.rbt-demo-wrapper .demo-mobile-card {
  position: absolute;
  border-radius: 6px;
  border: 2px solid #FFF;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 0px 30px 15px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(15px);
  padding: 4px;
  top: 27%;
  right: -16px;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: var(--transition);
}
@media only screen and (max-width: 767px) {
  .rbt-demo-wrapper .demo-mobile-card {
    display: none;
  }
}
.rbt-demo-wrapper .demo-mobile-card img {
  width: 90px;
  height: 175px;
}
.rbt-demo-wrapper .demo-single {
  margin-top: 0;
}
@media only screen and (max-width: 1199px) {
  .rbt-demo-wrapper .demo-single {
    padding: 32px 8px 0;
    border: 4px solid #FFF;
    backdrop-filter: blur(15.6px);
    background: rgba(255, 255, 255, 0.22);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-demo-wrapper .demo-single {
    padding: 16px 4px 0;
  }
}
.rbt-demo-wrapper .demo-single.has-dark-bg {
  border: 2px solid #555;
  background: rgba(255, 255, 255, 0.15);
}
.rbt-demo-wrapper .demo-single.has-dark-bg .inner .content .rbt-title,
.rbt-demo-wrapper .demo-single.has-dark-bg .inner .content .rbt-title a {
  color: white;
}
.rbt-demo-wrapper .demo-single:hover {
  transform: translateY(-5px) scale(1);
}
.rbt-demo-wrapper .demo-single .inner .content {
  flex-wrap: wrap;
  row-gap: 8px;
}
@media only screen and (max-width: 767px) {
  .rbt-demo-wrapper .demo-single .inner .content {
    padding: 8px 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-demo-wrapper .demo-single .inner .content .rbt-title,
  .rbt-demo-wrapper .demo-single .inner .content .rbt-title a {
    display: inline-block;
    max-width: calc(100% - 5px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    text-align: center;
    line-height: 1;
  }
}
.rbt-demo-wrapper .demo-single .inner .content .rbt-tag-list .rbt-tag {
  padding: 0 !important;
}
@media only screen and (max-width: 1199px) {
  .rbt-demo-wrapper .demo-single::after {
    content: "";
  }
}
@media only screen and (max-width: 1199px) {
  .rbt-demo-wrapper .demo-single .inner .thumbnail {
    display: block;
  }
}
.rbt-demo-wrapper .rbt-demo-features-area {
  position: absolute;
  background: var(--color-white);
  left: 0;
  right: 0;
  top: calc(100% - 8px);
  transform: translateY(-10px);
  z-index: 3;
  padding: 0 16px;
  border-radius: 0 0 var(--radius-md) var(--radius-md);
  box-shadow: 0px 25px 25px 4px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
  clip-path: polygon(-15% 0, 130% 0, 130% 0, -15% 0);
}
@media only screen and (max-width: 767px) {
  .rbt-demo-wrapper .rbt-demo-features-area {
    display: none;
  }
}
.rbt-demo-wrapper .rbt-demo-features-area .rbt-feature-list-wrapper {
  border-top: 1px solid var(--color-border);
}
@media only screen and (max-width: 767px) {
  .rbt-demo-wrapper .rbt-demo-features-area .rbt-feature-list-wrapper {
    font-size: 14px;
  }
}
.rbt-demo-wrapper .rbt-demo-features-area .rbt-feature-list-wrapper ul {
  padding-left: 16px;
}
.rbt-demo-wrapper .rbt-demo-features-area .rbt-feature-list-wrapper ul li {
  margin-top: 8px;
  margin-bottom: 8px;
  color: var(--color-body);
  font-size: 14px;
}
.rbt-demo-wrapper .rbt-demo-features-area .animated-icon-btn.round-sm {
  min-width: 40px;
}
@media only screen and (max-width: 767px) {
  .rbt-demo-wrapper .rbt-demo-features-area .animated-icon-btn.round-sm {
    min-width: 28px;
  }
}
.rbt-demo-wrapper:hover:not(.has-coming-soon) {
  box-shadow: 0px 6.281px 23.555px 4px rgba(0, 0, 0, 0.15);
}
.rbt-demo-wrapper:hover .demo-single {
  background: var(--color-white);
}
.rbt-demo-wrapper:hover .demo-single.has-dark-bg {
  background: rgba(255, 255, 255, 0.15);
}
.rbt-demo-wrapper:hover .rbt-demo-features-area {
  opacity: 1;
  visibility: visible;
  clip-path: polygon(-15% 0, 130% 0, 130% 150%, -15% 150%);
  transform: translateY(0px);
}
.rbt-demo-wrapper:hover .demo-mobile-card {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.grid-3-meso {
  margin: 0 -15px;
}
.grid-3-meso .rbt-meso-item {
  width: 33.33%;
  padding: 0 20px;
  margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grid-3-meso .rbt-meso-item {
    width: 50%;
    padding: 0 18px;
    margin-top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .grid-3-meso .rbt-meso-item {
    width: 50%;
    padding: 0 6px;
    margin-top: 12px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .splash-demo-mesonry-activation .grid-4-meso .rbt-meso-item {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .splash-demo-mesonry-activation .grid-4-meso .rbt-meso-item {
    width: 50%;
  }
}

/*******************************************
            Header Builder Area
********************************************/
.rbt-header-builder-area .rbt-splash-section-title {
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-header-builder-area .rbt-splash-section-title {
    margin-bottom: 40px;
  }
}

.rbt-header-builder-card {
  background: white;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
.rbt-header-builder-card:hover .rbt-element-image img {
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.rbt-header-builder-card .rbt-product-badge {
  border-radius: 20px;
  position: absolute;
  top: 24px;
  right: 24px;
}
.rbt-header-builder-card .rbt-builder-content {
  padding: 56px 38px 32px;
}
.rbt-header-builder-card .rbt-element-image {
  background: url(../images/splash/builder-element/builder-card-bg1.webp);
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: end;
  justify-content: center;
  position: relative;
  perspective: 200px;
}
.rbt-header-builder-card .rbt-element-image img {
  transition: 0.3s ease;
  transform: rotateX(2deg) rotateY(0deg) rotateZ(0deg);
}
.rbt-header-builder-card .rbt-element-image.image-2 {
  background: url(../images/splash/builder-element/builder-card-bg2.webp);
}
.rbt-header-builder-card .rbt-element-image.image-3 {
  background: url(../images/splash/builder-element/builder-card-bg3.webp);
}
.rbt-header-builder-card .rbt-element-image.has-overlay::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 59.6%, #FFF 100%);
}

/*******************************************
            Footer Builder Area
********************************************/
.rbt-footer-builder-card {
  border-radius: 12px;
  padding-right: 24px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-footer-builder-card {
    padding: 0 24px 24px;
  }
}
.rbt-footer-builder-card .rbt-splash-section-title {
  padding-left: 64px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-footer-builder-card .rbt-splash-section-title {
    padding: 32px 32px 48px;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-footer-builder-card .rbt-splash-section-title {
    padding: 32px 0 32px;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-footer-builder-card .rbt-btn {
    padding: 0 24px;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
  }
  .rbt-footer-builder-card .rbt-btn i {
    font-size: 14px;
  }
}
.rbt-footer-builder-card .rbt-footer-elements {
  background: url(../images/splash/builder-element/builder-card-bg4.webp);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  min-height: 385px;
  width: 100%;
  border: 1px solid transparent;
}
.rbt-footer-builder-card .rbt-footer-elements .elements-inner {
  margin: 90px 0;
  height: calc(100% - 196px);
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-footer-builder-card .rbt-footer-elements .elements-inner {
    margin: 136px 0;
    height: calc(100% - 270px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-footer-builder-card .rbt-footer-elements .elements-inner {
    margin: 0;
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-footer-builder-card .rbt-footer-elements .elements-inner {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }
}
.rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image {
  position: absolute;
  border-radius: 4px;
  width: 45%;
}
@media only screen and (max-width: 767px) {
  .rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image {
    position: static;
    width: fit-content;
  }
}
.rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image img {
  box-shadow: 0px 0px 15.359px 3.84px rgba(0, 0, 0, 0.1);
  width: 100%;
  border-radius: 4px;
}
.rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image.image-1 {
  left: 24px;
  top: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image.image-1 {
    width: 43%;
  }
}
.rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image.image-2 {
  right: 24px;
  top: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image.image-2 {
    width: 42%;
  }
}
.rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image.image-3 {
  left: 0;
  top: 37%;
  width: 50%;
}
.rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image.image-4 {
  right: 0;
  top: 37%;
}
.rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image.image-5 {
  left: 24px;
  bottom: 0;
  width: 40%;
}
.rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image.image-6 {
  right: 24px;
  bottom: 0;
  width: 50%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image.image-6 {
    width: 46%;
  }
}

.rbt-header-builder-area .sticky-top,
.rbt-footer-builder-area .sticky-top {
  top: 132px;
}

/*******************************************
            Component Box Area
********************************************/
.rbt-element-presentation-tab-wrapper {
  background: white;
  border-radius: 50px;
  padding: 24px 40px;
  width: fit-content;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-element-presentation-tab-wrapper {
    padding: 16px 20px;
    width: 100%;
  }
}
.rbt-element-presentation-tab-wrapper .presentation-tab-inner {
  overflow-x: auto;
}
.rbt-element-presentation-tab-wrapper .presentation-tab-inner::-webkit-scrollbar {
  display: none;
}

.rbt-element-presentation-tab-list {
  display: flex;
  width: fit-content;
  margin: 0;
  align-items: flex-start;
  gap: 24px;
  list-style: none;
  background: transparent;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .rbt-element-presentation-tab-list {
    gap: 20px;
  }
}
.rbt-element-presentation-tab-list li {
  padding: 0;
  margin: 0;
}
.rbt-element-presentation-tab-list li a {
  font-weight: var(--f-regular);
  display: flex;
  gap: 4px;
  align-items: center;
  white-space: nowrap;
}
.rbt-element-presentation-tab-list li a .rbt-btn-link {
  font-size: 20px;
  font-weight: var(--f-regular);
  color: var(--color-heading);
}
@media only screen and (max-width: 767px) {
  .rbt-element-presentation-tab-list li a .rbt-btn-link {
    font-size: 18px;
  }
}
.rbt-element-presentation-tab-list li a .rbt-btn-link:hover {
  color: var(--color-heading) !important;
}
.rbt-element-presentation-tab-list li a .element-count {
  color: var(--color-primary);
  font-size: var(--font-size-b4);
  font-weight: var(--f-medium);
  background: var(--color-brand-300);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  min-width: 26px;
  border-radius: 50px;
  transition: var(--transition);
  padding: 10px;
}
.rbt-element-presentation-tab-list li a:hover .element-count {
  background: var(--color-primary);
  color: var(--color-white);
}

.splash-element-presentation-wrapper {
  position: relative;
}
.splash-element-presentation-wrapper .splash-element-presentation-active {
  padding-top: 56px;
}
.splash-element-presentation-wrapper .splash-element-presentation-active .swiper-wrapper .swiper-slide {
  max-width: 456px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .splash-element-presentation-wrapper .splash-element-presentation-active .swiper-wrapper .swiper-slide {
    max-width: 372px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .splash-element-presentation-wrapper .splash-element-presentation-active .swiper-wrapper .swiper-slide {
    max-width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .splash-element-presentation-wrapper .splash-element-presentation-active .swiper-wrapper .swiper-slide {
    max-width: 248px;
  }
}
@media only screen and (max-width: 767px) {
  .splash-element-presentation-wrapper .splash-element-presentation-active .swiper-wrapper .swiper-slide {
    max-width: 184px;
  }
}
.splash-element-presentation-wrapper .swiper-wrapper {
  transition-timing-function: linear !important;
}
.splash-element-presentation-wrapper .swiper-wrapper .rbt-element {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--splash-shadow);
  padding: 24px;
}
.splash-element-presentation-wrapper .swiper-wrapper .rbt-element + .rbt-element {
  margin-top: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .splash-element-presentation-wrapper .swiper-wrapper .rbt-element + .rbt-element {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .splash-element-presentation-wrapper .swiper-wrapper .rbt-element + .rbt-element {
    margin-top: 16px;
  }
}
.splash-element-presentation-wrapper .rbt-component-box-blur-shape {
  position: absolute;
  right: -240px;
  bottom: 65%;
}
.splash-element-presentation-wrapper .rbt-component-box-blur-shape-2 {
  position: absolute;
  left: -240px;
  bottom: 65%;
}

.rbt-element-block-presentation .rbt-vertical-scroll {
  max-height: 80vh;
  overflow-y: auto;
  padding-bottom: 32px;
}
.rbt-element-block-presentation .rbt-vertical-scroll::-webkit-scrollbar {
  width: 6px;
  transition: width 0.4s ease;
}
.rbt-element-block-presentation .rbt-vertical-scroll::-webkit-scrollbar-thumb {
  background-color: var(--color-black) !important;
  border-radius: 40px;
}
.rbt-element-block-presentation .rbt-vertical-scroll::-webkit-scrollbar-track {
  border-radius: 40px;
  background-color: var(--color-gray-300) !important;
  padding: 1px;
}
.rbt-element-block-presentation .rbt-vertical-scroll:hover::-webkit-scrollbar {
  width: 6px;
}
.rbt-element-block-presentation .rbt-element img {
  box-shadow: var(--shadow-product-item);
  border-radius: var(--radius-md);
}

.rbt-default-modal .modal-dialog-scrollable .modal-content {
  overflow: visible;
}
.rbt-default-modal .modal-dialog-scrollable .modal-content .modal-body::-webkit-scrollbar {
  width: 4px;
}
.rbt-default-modal .modal-dialog-scrollable .modal-content .modal-body::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 6px;
}
.rbt-default-modal .modal-dialog-scrollable .modal-content .modal-body::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-primary);
}
.rbt-default-modal .modal-dialog-scrollable .modal-content .modal-body::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 6px;
}

/*******************************************
            Custom Page Layout
********************************************/
.rbt-splash-dark-bg {
  background: url(../images/splash/section/section-bg-line4.webp), var(--color-black);
}

.rbt-custom-page-layout-area {
  position: relative;
}
.rbt-custom-page-layout-area::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 440px;
  background: linear-gradient(0deg, #000 0.36%, rgba(0, 0, 0, 0.9) 34.78%, rgba(0, 0, 0, 0.6) 48.44%, rgba(125, 125, 125, 0.1) 70.39%, rgba(255, 255, 255, 0) 85.18%);
  z-index: 2;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-custom-page-layout-area::after {
    height: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-custom-page-layout-area .indicator-text {
    color: var(--color-heading) !important;
  }
}
.rbt-custom-page-layout-area .rbt-overlay-counter {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -72%;
}
@media only screen and (max-width: 767px) {
  .rbt-custom-page-layout-area .rbt-overlay-counter {
    font-size: 80px;
  }
}
.rbt-custom-page-layout-area .rbt-overlay-counter .counter-suffix {
  margin-left: -26px;
}
.rbt-custom-page-layout-area .demo-single .rbt-product-badge {
  position: absolute;
  right: 16px;
  top: 28px;
}
@media only screen and (max-width: 767px) {
  .rbt-custom-page-layout-area .demo-single .rbt-product-badge {
    top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-custom-page-layout-area .rbt-splash-tabs::after {
    content: "";
    width: 28px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    background: linear-gradient(to right, rgba(68, 68, 68, 0), var(--color-gray-600) 74%);
    z-index: 1;
    border-radius: 0 40px 40px 0;
  }
}

.rbt-splash-loadmore-btn-area {
  position: relative;
  z-index: 3;
  transform: translateY(-12px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-loadmore-btn-area {
    transform: translateY(28px);
  }
}

/*******************************************
            Filter Layout
********************************************/
.rbt-splash-filter-area .sticky-top {
  top: 100px;
}

.rbt-filter-product-layout-box {
  border: 2px solid #4C4C50;
  border-radius: 6px;
  padding: 16px;
  max-width: 640px;
  height: 382px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-filter-product-layout-box {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-filter-product-layout-box {
    margin-bottom: 32px;
  }
}
.rbt-filter-product-layout-box .filter-product-presentation {
  max-width: 100%;
  height: 100%;
  position: relative;
}
.rbt-filter-product-layout-box .filter-product-presentation::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
  border-radius: 6px;
}
.rbt-filter-product-layout-box .filter-product-presentation img,
.rbt-filter-product-layout-box .filter-product-presentation video {
  border-radius: 6px;
  height: 100%;
  width: 100%;
}
.rbt-filter-product-layout-box .rbt-overlay-indicator-text {
  position: absolute;
  top: -23%;
  right: 7%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .rbt-filter-product-layout-box .rbt-overlay-indicator-text .icon {
    width: 116px;
  }
}
.rbt-filter-product-layout-box .rbt-filter-option-box {
  position: absolute;
  top: -17%;
  left: 0;
  box-shadow: 0px 8px 20px 10px rgba(0, 0, 0, 0.17);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-filter-product-layout-box .rbt-filter-option-box {
    top: -17%;
    width: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-filter-product-layout-box .rbt-filter-option-box {
    top: 20%;
    width: 80px;
  }
}

.rbt-overlay-indicator-text {
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .rbt-overlay-indicator-text .icon {
    width: 116px;
  }
}
.rbt-overlay-indicator-text .overlay-text {
  color: #FFF;
  font-family: var(--font-secondary);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.31;
  text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
  .rbt-overlay-indicator-text .overlay-text {
    font-size: 20px;
  }
}

.rbt-filter-option-list {
  list-style: none;
  margin: 0;
  padding: 0px 104px 0 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-filter-option-list {
    padding: 0 20px 0 0px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-filter-option-list {
    padding: 0;
    gap: 20px;
  }
}
.rbt-filter-option-list li {
  padding: 0;
  margin: 0;
  transition: var(--transition);
  background: transparent;
  padding: 16px;
  border-radius: var(--radius);
  margin-left: -16px;
}
.rbt-filter-option-list li:hover {
  transform: scale(1.03);
}
.rbt-filter-option-list li .rbt-title {
  line-height: 1;
}

/*******************************************
            Purchase Options Area
********************************************/
.rbt-purchase-option-area {
  position: relative;
}
.rbt-purchase-option-area::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 455px;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, #000 19.48%, rgba(0, 0, 0, 0.9) 43.51%, rgba(0, 0, 0, 0.6) 64.92%, rgba(0, 0, 0, 0.46) 81.89%, rgba(0, 0, 0, 0) 99.64%);
}
.rbt-purchase-option-area .overlay-btn {
  position: absolute;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.rbt-purchase-option-card {
  border-radius: var(--radius-12);
  background: #17171F;
  overflow: hidden;
}
.rbt-purchase-option-card .option-card-top {
  height: 270px;
  position: relative;
}
.rbt-purchase-option-card .option-card-top.card-bg-1 {
  background: url(../images/splash/purchase-options/card-bg-1.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-purchase-option-card .option-card-top.card-bg-2 {
  background: url(../images/splash/purchase-options/card-bg-2.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-purchase-option-card .option-card-top.card-bg-3 {
  background: url(../images/splash/purchase-options/card-bg-3.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-purchase-option-card .option-card-top.card-bg-4 {
  background: url(../images/splash/purchase-options/card-bg-4.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-purchase-option-card .option-card-top.card-bg-5 {
  background: url(../images/splash/purchase-options/card-bg-5.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-purchase-option-card .option-card-top.card-bg-6 {
  background: url(../images/splash/purchase-options/card-bg-6.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-purchase-option-card .option-card-top.card-bg-7 {
  background: url(../images/splash/purchase-options/card-bg-7.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-purchase-option-card .option-card-top.card-bg-8 {
  background: url(../images/splash/purchase-options/card-bg-8.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-purchase-option-card .option-card-top.card-bg-9 {
  background: url(../images/splash/purchase-options/card-bg-9.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-purchase-option-card .option-card-top.card-bg-10 {
  background: url(../images/splash/purchase-options/card-bg-10.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-purchase-option-card .option-card-top.card-bg-11 {
  background: url(../images/splash/purchase-options/card-bg-11.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-purchase-option-card .option-card-top.card-bg-12 {
  background: url(../images/splash/purchase-options/card-bg-12.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-purchase-option-card .option-card-top.card-bg-13 {
  background: url(../images/splash/purchase-options/card-bg-13.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-purchase-option-card .option-card-top.card-bg-14 {
  background: url(../images/splash/purchase-options/card-bg-14.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-purchase-option-card .option-card-top.card-bg-15 {
  background: url(../images/splash/purchase-options/card-bg-15.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-purchase-option-card .option-card-top::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) -15%, rgba(16, 16, 21, 0.7) 24%, #17171F 100%);
}
.rbt-purchase-option-card .option-card-top .purchase-option-image {
  position: absolute;
  z-index: 1;
}
.rbt-purchase-option-card .option-card-top .purchase-option-image.image-position-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.rbt-purchase-option-card .option-card-top .purchase-option-image.image-position-top-right {
  top: 10%;
  right: 3%;
}
.rbt-purchase-option-card .option-card-top .purchase-option-image.image-position-top-left {
  top: 10%;
  left: 3%;
}
.rbt-purchase-option-card .option-card-top .rbt-overlay-indicator-text {
  position: absolute;
  align-items: end;
  top: 20%;
  left: 6%;
  z-index: 1;
}
.rbt-purchase-option-card .option-card-top .rbt-overlay-indicator-text.rotate-in-right {
  right: 11%;
  left: auto;
  writing-mode: vertical-lr;
  display: flex;
  align-items: center;
  gap: 10px;
}
.rbt-purchase-option-card .option-card-top .rbt-overlay-indicator-text.rotate-in-left {
  left: 11%;
  writing-mode: vertical-lr;
  rotate: 180deg;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-purchase-option-card .option-card-top .rbt-overlay-indicator-text {
    top: 50%;
  }
}
.rbt-purchase-option-card .option-card-top .rbt-overlay-indicator-text .overlay-text {
  font-family: var(--font-secondary);
}
.rbt-purchase-option-card .option-card-content {
  padding: 20px 40px 40px;
  min-height: 186px;
  background: #17171F;
  position: relative;
  margin-top: -2px;
}

/*******************************************
            Pagination Option Area
********************************************/
.rbt-pagination-card .pagination-card-top img {
  box-shadow: var(--shadow-1);
  border-radius: var(--radius-md);
  width: 100%;
}
.rbt-pagination-card .pagination-card-content {
  padding: 24px 24px 0;
}
@media only screen and (max-width: 767px) {
  .rbt-pagination-card .pagination-card-content {
    padding: 8px;
  }
}
.rbt-pagination-card .pagination-card-content .rbt-title {
  margin-bottom: 8px;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .rbt-pagination-card .pagination-card-content .rbt-title {
    margin-bottom: 2px;
  }
}

/*******************************************
            Search Option Area
********************************************/
.rbt-search-option-list {
  margin: 0;
  padding: 0;
  display: grid;
  gap: 16px;
}
.rbt-search-option-list li {
  margin: 0;
  padding: 0;
}
.rbt-search-option-list .single-option {
  background: var(--color-white);
  box-shadow: var(--shadow-1);
  border: 1px solid transparent;
  border-radius: var(--radius-12);
  padding: 28px;
  display: grid;
  gap: 12px;
  height: 88px;
  overflow: hidden;
  transition: var(--transition);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-search-option-list .single-option {
    height: 84px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-search-option-list .single-option {
    padding: 16px 12px;
    height: 62px;
  }
}
.rbt-search-option-list .single-option.active {
  height: 145px;
  border-color: var(--color-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-search-option-list .single-option.active {
    height: 164px;
  }
}
.rbt-search-option-list .single-option.active .rbt-description {
  transform: translateY(0px);
}
.rbt-search-option-list .single-option .rbt-description {
  transform: translateY(12px);
  transition: var(--transition);
  color: var(--color-gray-700);
  font-size: var(--font-size-b1);
}
.rbt-search-option-list .single-option .single-opiton-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 479px) {
  .rbt-search-option-list .single-option .single-opiton-header .rbt-title {
    width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media only screen and (max-width: 375px) {
  .rbt-search-option-list .single-option .single-opiton-header .rbt-title {
    width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.rbt-search-option-list .single-option .single-opiton-header i {
  font-size: 20px;
  color: var(--color-primary);
  margin-right: 4px;
}

.rbt-search-option-layout-img-area {
  height: 100%;
  border-radius: var(--radius-12);
  overflow: hidden;
}
.rbt-search-option-layout-img-area .search-option-layout-img {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 640px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-search-option-layout-img-area .search-option-layout-img {
    min-height: 440px;
  }
}
.rbt-search-option-layout-img-area .search-option-layout-img .layout-bg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.rbt-search-option-layout-img-area .tab-pane {
  transform: translateY(0);
  opacity: 1;
}
.rbt-search-option-layout-img-area .tab-pane.show {
  animation: splashslideDown 0.5s ease-out forwards;
}
.rbt-search-option-layout-img-area .tab-pane.fade:not(.show) {
  animation: splashslideUp 0.5s ease-out forwards;
}

@keyframes splashslideDown {
  from {
    transform: translateY(100px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes splashslideUp {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(-100px);
    opacity: 0;
  }
}
@keyframes splashzoomIn {
  from {
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes splashzoomOut {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.8);
    opacity: 0;
  }
}
.tab-pane .layout-img,
.tab-pane .layout-bg {
  opacity: 1;
}

.tab-pane.show .layout-img {
  animation: splashslideDown 0.5s ease-out forwards;
}

.tab-pane.fade:not(.show) .layout-img {
  animation: splashslideUp 0.5s ease-out forwards;
}

.tab-pane.show .layout-bg {
  animation: splashzoomIn 0.5s ease-out forwards;
}

.tab-pane.fade:not(.show) .layout-bg {
  animation: splashzoomOut 0.5s ease-out forwards;
}

/*******************************************
            Cart Option Area
********************************************/
.rbt-splash-product-cart-layout-area .rbt-splash-section-title .section-indicator {
  top: 0;
}
.rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active {
  padding: 40px 0;
  position: relative;
}
.rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 320px;
  height: 100%;
  z-index: 2;
  background: linear-gradient(90deg, #F9F9F9 0%, rgba(249, 249, 249, 0) 100%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active::before {
    width: 200px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active::before {
    content: none;
  }
}
.rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 320px;
  height: 100%;
  z-index: 2;
  background: linear-gradient(270deg, #F9F9F9 0%, rgba(249, 249, 249, 0) 100%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active::after {
    width: 200px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active::after {
    content: none;
  }
}
.rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active .swiper-slide {
  width: fit-content;
}
.rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active .rbt-swiper-arrow {
  box-shadow: var(--shadow-1);
}
.rbt-splash-product-cart-layout-area .rbt-splash-cart-layout {
  background: var(--color-white);
  padding: 72px 32px 0 32px;
  border-radius: var(--radius-12);
  box-shadow: var(--shadow-1);
  max-width: 452px;
  user-select: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-product-cart-layout-area .rbt-splash-cart-layout {
    max-width: 380px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-product-cart-layout-area .rbt-splash-cart-layout {
    padding: 56px 20px 0 20px;
    max-width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-splash-product-cart-layout-area .rbt-splash-cart-layout {
    padding: 56px 16px 0 16px;
    max-width: 280px;
  }
}
.rbt-splash-product-cart-layout-area .rbt-splash-cart-layout .cart-layout-header {
  position: relative;
}
.rbt-splash-product-cart-layout-area .rbt-splash-cart-layout .rbt-overlay-text {
  font-size: 72px;
  font-weight: var(--f-bold);
  background: linear-gradient(181deg, rgba(33, 90, 218, 0.15) 6.68%, rgba(255, 255, 255, 0.06) 87.13%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  top: -60px;
}

/*******************************************
        Section Customization Flexibilty
********************************************/
.splash-sticky-section {
  padding: 130px 0 140px;
}
@media only screen and (max-width: 767px) {
  .splash-sticky-section {
    padding: 60px 0 140px;
  }
}

.rbt-splash-wide-section-right {
  margin-right: -64px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-wide-section-right {
    margin-right: 0;
  }
}

.splash-section-bg-yellow {
  background: url(../images/splash/section/section-bg-line5.png), #FBE523;
  background-size: cover;
}

.splash-section-bg-blue {
  background: url(../images/splash/section/section-bg-line10.png), #2D67E8;
  background-size: cover;
}

.splash-section-bg-green {
  background: url(../images/splash/section/section-bg-line7.png), linear-gradient(180deg, #21DA4A 0%, #127427 100%);
  background-repeat: no-repeat;
  background-size: cover;
}

.rbt-splash-feature-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.rbt-splash-feature-list.rbt-text-color-white li {
  color: var(--color-white);
}
.rbt-splash-feature-list.rbt-text-color-white li i {
  color: var(--color-white);
}
.rbt-splash-feature-list li {
  margin: 0;
  padding: 4px 16px;
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 16px;
  background: rgba(255, 255, 255, 0.5);
  color: var(--color-heading);
  border-radius: 60px;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-feature-list li {
    font-size: 16px;
  }
}
.rbt-splash-feature-list li i {
  color: var(--color-success);
}

.rbt-custom-section-flexibility-layout-box {
  border: 2px dashed white;
  border-radius: var(--radius-12);
  padding: 24px;
  position: relative;
  background: rgba(255, 255, 255, 0.25);
}
.rbt-custom-section-flexibility-layout-box .layout-img {
  width: 100%;
  height: 100%;
}
.rbt-custom-section-flexibility-layout-box .layout-img img,
.rbt-custom-section-flexibility-layout-box .layout-img video {
  width: 100%;
  border-radius: var(--radius-12);
}
.rbt-custom-section-flexibility-layout-box .custom-component-image {
  position: absolute;
}
.rbt-custom-section-flexibility-layout-box .custom-component-image.image-1 {
  top: 10%;
  right: 80%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-custom-section-flexibility-layout-box .custom-component-image.image-1 {
    width: 34%;
    top: -6%;
    left: 0%;
  }
}
.rbt-custom-section-flexibility-layout-box .custom-component-image.image-2 {
  top: 16%;
  right: -20%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-custom-section-flexibility-layout-box .custom-component-image.image-2 {
    top: 15%;
    right: 0%;
    max-width: 70%;
  }
}
.rbt-custom-section-flexibility-layout-box .custom-component-image.image-3 {
  top: 64%;
  right: 40%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-custom-section-flexibility-layout-box .custom-component-image.image-3 {
    top: 64%;
    right: 52%;
    max-width: 50%;
  }
}
.rbt-custom-section-flexibility-layout-box .custom-component-image.image-4 {
  top: 64%;
  right: -20%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-custom-section-flexibility-layout-box .custom-component-image.image-4 {
    top: 64%;
    right: 0;
    max-width: 50%;
  }
}

.rbt-mobile-responsive-layout {
  width: fit-content;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-mobile-responsive-layout {
    margin-bottom: 48px;
  }
}
.rbt-mobile-responsive-layout .mobile-component-img {
  position: absolute;
  top: 0;
  right: -20%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-mobile-responsive-layout .mobile-component-img {
    right: -5%;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-mobile-responsive-layout .mobile-component-img {
    right: 0;
    max-width: 50%;
  }
}
.rbt-mobile-responsive-layout .mobile-component-img img {
  max-height: 498px;
}

.rbt-page-speed-presentaion-box {
  width: 504px;
  height: 496px;
  border-radius: 50%;
  background: linear-gradient(141deg, rgba(255, 255, 255, 0.25) 15.39%, rgba(255, 255, 255, 0) 85.49%, #FFF 85.49%);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .rbt-page-speed-presentaion-box {
    width: 100%;
    height: 362px;
    margin-top: 48px;
  }
}
.rbt-page-speed-presentaion-box .gt-matrix {
  width: 140px;
  height: 140px;
  background: white;
  border-radius: 50%;
  display: flex;
  gap: 8px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.rbt-page-speed-presentaion-box .google-speed {
  width: 208px;
  height: 250px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(15px);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 767px) {
  .rbt-page-speed-presentaion-box .google-speed {
    width: 196px;
    height: 216px;
    margin-right: -40px;
  }
}
.rbt-page-speed-presentaion-box .google-speed .progress-bar {
  border-radius: 50%;
  width: 106px;
  height: 106px;
}
.rbt-page-speed-presentaion-box .google-speed .progress-bar svg {
  background: white;
}
.rbt-page-speed-presentaion-box .google-speed .progress-bar .progressbar-text {
  font-size: 32px;
  font-weight: var(--f-bold);
}
.rbt-page-speed-presentaion-box .google-speed .rbt-modern-progress-bar {
  max-width: 112px;
  font-size: var(--h2);
}
@media only screen and (max-width: 767px) {
  .rbt-page-speed-presentaion-box .google-speed .rbt-modern-progress-bar {
    max-width: 98px;
    font-size: var(--h3);
  }
}
.rbt-page-speed-presentaion-box .rbt-speed-box {
  padding: 12px 28px 12px 12px;
  width: fit-content;
  height: fit-content;
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(15px);
  display: flex;
  flex-direction: column;
  gap: 4px;
  white-space: nowrap;
  position: absolute;
}
@media only screen and (max-width: 767px) {
  .rbt-page-speed-presentaion-box .rbt-speed-box {
    padding: 12px;
  }
}
.rbt-page-speed-presentaion-box .rbt-speed-box.box-1 {
  left: -10%;
  top: 12%;
}
@media only screen and (max-width: 767px) {
  .rbt-page-speed-presentaion-box .rbt-speed-box.box-1 {
    left: 0;
    top: 20%;
  }
}
.rbt-page-speed-presentaion-box .rbt-speed-box.box-2 {
  left: -10%;
  bottom: 24%;
}
@media only screen and (max-width: 767px) {
  .rbt-page-speed-presentaion-box .rbt-speed-box.box-2 {
    top: 100%;
    left: 0;
  }
}
.rbt-page-speed-presentaion-box .rbt-speed-box.box-3 {
  right: -10%;
  top: 24%;
}
@media only screen and (max-width: 767px) {
  .rbt-page-speed-presentaion-box .rbt-speed-box.box-3 {
    top: 20%;
    right: 0;
  }
}
.rbt-page-speed-presentaion-box .rbt-speed-box.box-4 {
  right: -4%;
  bottom: 10%;
}
@media only screen and (max-width: 767px) {
  .rbt-page-speed-presentaion-box .rbt-speed-box.box-4 {
    top: 100%;
    right: 0;
    bottom: unset;
  }
}
.rbt-page-speed-presentaion-box .rbt-speed-box .speed-count {
  color: var(--color-heading);
  font-size: var(--h2);
  font-weight: var(--f-bold);
}

/*******************************************
        Elementor Layout Area
********************************************/
.rbt-elementor-layout-presentation-area {
  background: #F3EAED;
  z-index: 1;
}
.rbt-elementor-layout-presentation-area .element-bg-scroll-text {
  rotate: -14deg;
  background: #A12348;
  position: absolute;
  top: 0%;
  left: -10%;
  padding: 0 0 12px;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-elementor-layout-presentation-area .element-bg-scroll-text {
    top: -26%;
    left: -22%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-elementor-layout-presentation-area .element-bg-scroll-text {
    top: -56%;
    left: -45%;
  }
}
.rbt-elementor-layout-presentation-area .element-bg-scroll-text::after {
  content: "";
  position: absolute;
  top: 110%;
  left: 0;
  height: 12px;
  width: 100%;
  background: #A12348;
}
.rbt-elementor-layout-presentation-area .element-bg-scroll-text .scroll-text-list {
  color: #EEF1FF;
  font-size: 120px;
  font-weight: var(--f-bold);
  line-height: 1;
  text-transform: capitalize;
  display: flex;
  white-space: nowrap;
  gap: 90px;
  opacity: 0.1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-elementor-layout-presentation-area .element-bg-scroll-text .scroll-text-list {
    font-size: 80px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-elementor-layout-presentation-area .element-bg-scroll-text .scroll-text-list {
    font-size: 50px;
  }
}

.rbt-elementor-presentation-wrapper {
  margin-top: -76px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-elementor-presentation-wrapper {
    min-height: 734px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-elementor-presentation-wrapper {
    min-height: 524px;
    margin-top: -32px;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-elementor-presentation-wrapper {
    min-height: 348px;
    margin-top: -20px;
  }
}
.rbt-elementor-presentation-wrapper .icon {
  position: absolute;
}
.rbt-elementor-presentation-wrapper .icon.icon-1 {
  top: 30%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-elementor-presentation-wrapper .icon.icon-1 {
    max-width: 136px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-elementor-presentation-wrapper .icon.icon-1 {
    max-width: 100px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-elementor-presentation-wrapper .icon.icon-1 {
    max-width: 72px;
  }
}
.rbt-elementor-presentation-wrapper .icon.icon-2 {
  top: 18%;
  right: 3%;
  max-width: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-elementor-presentation-wrapper .icon.icon-2 {
    max-width: 92px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-elementor-presentation-wrapper .icon.icon-2 {
    top: 10%;
    max-width: 64px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-elementor-presentation-wrapper .icon.icon-2 {
    top: 8%;
    right: 0%;
    max-width: 56px;
  }
}
.rbt-elementor-presentation-wrapper .icon.icon-3 {
  left: 36%;
  bottom: 4%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-elementor-presentation-wrapper .icon.icon-3 {
    bottom: 22%;
    max-width: 118px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-elementor-presentation-wrapper .icon.icon-3 {
    bottom: 36%;
    max-width: 100px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-elementor-presentation-wrapper .icon.icon-3 {
    bottom: 16%;
    max-width: 70px;
  }
}
.rbt-elementor-presentation-wrapper .rbt-elementor-mobile-layout {
  position: absolute;
  right: -116px;
  bottom: -16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-elementor-presentation-wrapper .rbt-elementor-mobile-layout {
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-elementor-presentation-wrapper .rbt-elementor-mobile-layout {
    right: 0;
    bottom: 16px;
    width: 54%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-elementor-presentation-wrapper .rbt-elementor-mobile-layout {
    right: 0;
    bottom: 16px;
    width: 60%;
  }
}

/*******************************************
        Plugin Presentation Area
********************************************/
.rbt-feature-plugin-wrapper {
  display: flex;
  column-gap: 80px;
  row-gap: 40px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-feature-plugin-wrapper {
    column-gap: 40px;
    flex-wrap: nowrap;
    justify-content: start;
    overflow-x: auto;
    padding: 16px 0;
  }
  .rbt-feature-plugin-wrapper::-webkit-scrollbar {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-feature-plugin-wrapper {
    column-gap: 32px;
    flex-wrap: nowrap;
    justify-content: start;
    overflow-x: auto;
    padding: 16px 0;
  }
  .rbt-feature-plugin-wrapper::-webkit-scrollbar {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-feature-plugin-wrapper {
    column-gap: 24px;
  }
}
.rbt-feature-plugin-wrapper .rbt-feature-plugin {
  width: 182px;
  height: 182px;
  background: white;
  border: 2px dashed var(--color-gray-200);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .rbt-feature-plugin-wrapper .rbt-feature-plugin {
    width: 136px;
    height: 136px;
  }
}
.rbt-feature-plugin-wrapper .rbt-feature-plugin .thumbnail {
  width: 56px;
  height: 48px;
}
@media only screen and (max-width: 767px) {
  .rbt-feature-plugin-wrapper .rbt-feature-plugin .thumbnail {
    width: 44px;
    height: 35px;
  }
}
.rbt-feature-plugin-wrapper .rbt-feature-plugin .thumbnail img {
  width: 100%;
  height: 100%;
}
.rbt-feature-plugin-wrapper .rbt-feature-plugin .inner {
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.rbt-feature-plugin-wrapper .rbt-feature-plugin .content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rbt-feature-plugin-wrapper .rbt-feature-plugin .content .rbt-product-badge {
  width: 180px;
  padding: 6px 8px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .rbt-feature-plugin-wrapper .rbt-feature-plugin .content .rbt-product-badge {
    width: 144px;
  }
}
.rbt-feature-plugin-wrapper .rbt-feature-plugin .rbt-title {
  margin-bottom: 12px;
  margin-top: 16px;
}

/*******************************************
        Plugin Table Presentation Area
********************************************/
.rbt-plugin-table-wrapper {
  background: var(--color-white);
  padding: 32px;
  border-radius: var(--radius-12);
  box-shadow: var(--splash-shadow);
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .rbt-plugin-table-wrapper {
    padding: 20px;
  }
}
.rbt-plugin-table-wrapper .rbt-has-show-more.active .rbt-has-show-more-inner-content {
  max-height: fit-content;
}
.rbt-plugin-table-wrapper .rbt-has-show-more.active .rbt-plugin-table::after {
  content: none;
}
.rbt-plugin-table-wrapper .rbt-has-show-more.active .table-view-more-btn {
  bottom: -56px;
}
.rbt-plugin-table-wrapper .rbt-has-show-more .table-view-more-btn {
  height: 48px;
  font-size: 16px;
  color: var(--color-black);
  background: white;
  padding: 8px 32px;
  padding-right: 44px;
  box-shadow: var(--shadow-1);
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 9;
}
.rbt-plugin-table-wrapper .rbt-has-show-more .table-view-more-btn::after {
  right: 30px;
}
.rbt-plugin-table-wrapper .rbt-has-show-more-inner-content {
  max-height: 548px;
  overflow-y: hidden;
  overflow-x: visible;
}
.rbt-plugin-table-wrapper .rbt-plugin-table {
  position: relative;
}
.rbt-plugin-table-wrapper .rbt-plugin-table::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  height: 288px;
  background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.3) 100%);
}
.rbt-plugin-table-wrapper table {
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}
.rbt-plugin-table-wrapper table thead tr {
  background: var(--color-brand-100);
}
.rbt-plugin-table-wrapper table thead th {
  text-align: center;
  padding: 24px;
  font-size: var(--h5);
  font-weight: var(--f-bold);
  color: var(--color-black);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-plugin-table-wrapper table thead th {
    padding: 16px;
    font-size: var(--font-size-b1);
  }
}
.rbt-plugin-table-wrapper table thead th + th {
  border-left: 2px solid #E6E6E6;
}
.rbt-plugin-table-wrapper table thead th:first-child {
  border-radius: var(--radius-md) 0 0 var(--radius-md);
}
.rbt-plugin-table-wrapper table thead th:last-child {
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}
.rbt-plugin-table-wrapper table tbody tr {
  background: var(--color-white);
  border: none;
}
.rbt-plugin-table-wrapper table tbody tr:nth-child(even) {
  background: var(--color-gray-light);
}
.rbt-plugin-table-wrapper table tbody td {
  text-align: center;
  padding: 24px;
  border: none;
  color: var(--color-gray-700);
  font-size: var(--h5);
  min-width: 310px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-plugin-table-wrapper table tbody td {
    min-width: 200px;
    padding: 16px;
    font-size: var(--font-size-b1);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-plugin-table-wrapper table tbody td {
    min-width: 176px;
    padding: 16px;
    font-size: var(--font-size-b1);
  }
}
.rbt-plugin-table-wrapper table tbody td + td {
  border-left: 2px solid var(--color-gray-100);
}
.rbt-plugin-table-wrapper table tbody td:first-child {
  border-radius: var(--radius-md) 0 0 var(--radius-md);
}
.rbt-plugin-table-wrapper table tbody td:last-child {
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}
.rbt-plugin-table-wrapper .rbt-plugin-costing-table {
  width: 100%;
  overflow-x: auto;
}
.rbt-plugin-table-wrapper .rbt-plugin-costing-table::-webkit-scrollbar {
  display: none;
}
.rbt-plugin-table-wrapper .rbt-plugin-costing-table table {
  margin-top: 32px;
}
.rbt-plugin-table-wrapper .rbt-plugin-costing-table table tbody tr {
  background: var(--color-black);
}
.rbt-plugin-table-wrapper .rbt-plugin-costing-table table tbody td {
  font-size: var(--h5);
  color: var(--color-white);
  font-weight: var(--f-bold);
  border-color: var(--color-gray-700);
}
.rbt-plugin-table-wrapper .rbt-plugin-costing-table table tbody td.rbt-td-highlight {
  background: linear-gradient(270deg, #FD998E 0%, #AB4FA9 50.52%, #4D3FAE 100%);
}

@media only screen and (max-width: 767px) {
  .rbt-plugin-table-area .plugin-table-bottom-btn {
    padding: 0 16px;
    height: 46px;
    line-height: 46px;
    font-size: 15px;
  }
}

/*******************************************
        Feature Presentaicon Area
********************************************/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-feature-presentaion-area .rbt-splash-section-title .rbt-title .rbt-overlay-text {
    font-size: 76px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-feature-presentaion-area .rbt-splash-section-title .rbt-title .rbt-overlay-text {
    font-size: 46px;
  }
}
.rbt-feature-presentaion-area .rbt-feature-presentation-card {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) -339.11%, #17171F 100%);
  border-radius: var(--radius-12);
  overflow: hidden;
}
.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top {
  width: 100%;
  height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top {
    height: 144px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top {
    height: 124px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top {
    height: 104px;
  }
}
.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) -339.11%, #17171F 100%);
}
.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top img {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top img {
    max-width: 104px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top img {
    max-width: 84px;
  }
}
.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-1 {
  background: url(../images/splash/feature/feature-bg-1.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-2 {
  background: url(../images/splash/feature/feature-bg-2.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-3 {
  background: url(../images/splash/feature/feature-bg-3.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-4 {
  background: url(../images/splash/feature/feature-bg-4.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-5 {
  background: url(../images/splash/feature/feature-bg-5.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-6 {
  background: url(../images/splash/feature/feature-bg-6.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-7 {
  background: url(../images/splash/feature/feature-bg-7.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-8 {
  background: url(../images/splash/feature/feature-bg-8.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-9 {
  background: url(../images/splash/feature/feature-bg-9.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-10 {
  background: url(../images/splash/feature/feature-bg-10.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-11 {
  background: url(../images/splash/feature/feature-bg-11.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-12 {
  background: url(../images/splash/feature/feature-bg-12.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-body {
  padding: 8px 24px 40px;
  background: #17171F;
  position: relative;
}
@media only screen and (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-body {
    padding: 8px 16px 24px;
  }
}

.rbt-splash-component-slider-active {
  position: relative;
}
.rbt-splash-component-slider-active::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 492px;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-component-slider-active::before {
    width: 292px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-component-slider-active::before {
    content: none;
  }
}
.rbt-splash-component-slider-active::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 492px;
  top: 0;
  right: 0;
  background: linear-gradient(270deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-component-slider-active::after {
    width: 292px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-component-slider-active::after {
    content: none;
  }
}
.rbt-splash-component-slider-active .swiper-slide {
  width: fit-content;
}
.rbt-splash-component-slider-active .rbt-component-card {
  max-width: 450px;
  user-select: none;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-splash-component-slider-active .rbt-component-card {
    max-width: 300px;
  }
}
.rbt-splash-component-slider-active .rbt-component-card .component-image {
  height: 588px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-component-slider-active .rbt-component-card .component-image {
    height: 416px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-splash-component-slider-active .rbt-component-card .component-image {
    height: 394px;
  }
}

/*******************************************
        Feature Presentaicon Area
********************************************/
.rbt-tutorial-presentaion-wrapper {
  padding-top: 56px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-tutorial-presentaion-wrapper {
    padding-top: 32px;
  }
}
.rbt-tutorial-presentaion-wrapper .rbt-tutorial-video {
  padding: 12px;
  background: var(--color-white);
  box-shadow: var(--shadow-primary);
  border-radius: var(--radius-10);
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-tutorial-presentaion-wrapper .rbt-tutorial-video {
    min-height: 344px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-tutorial-presentaion-wrapper .rbt-tutorial-video {
    min-height: 220px;
  }
}
.rbt-tutorial-presentaion-wrapper .rbt-tutorial-video iframe {
  width: 100%;
  height: 100%;
  border-radius: var(--radius-10);
}
.rbt-tutorial-presentaion-wrapper .rbt-tutorial-list-area {
  max-height: 501px;
  overflow: auto;
}
.rbt-tutorial-presentaion-wrapper .rbt-tutorial-list-area::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.rbt-tutorial-presentaion-wrapper .rbt-tutorial-list-area::-webkit-scrollbar-track {
  background: var(--color-border);
  border-radius: 5px;
}
.rbt-tutorial-presentaion-wrapper .rbt-tutorial-list-area::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: 5px;
}
.rbt-tutorial-presentaion-wrapper .rbt-tutorial-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 12px;
  flex-direction: column;
  padding: 0 24px 0 20px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-tutorial-presentaion-wrapper .rbt-tutorial-list {
    flex-direction: row;
    padding: 12px 0;
  }
}
.rbt-tutorial-presentaion-wrapper .rbt-tutorial-list li {
  margin: 0;
  padding: 0;
}
.rbt-tutorial-presentaion-wrapper .rbt-single-tutorial {
  display: flex;
  gap: 12px;
  padding: 12px;
  border-radius: var(--radius-10);
  background: var(--color-white);
  border: 2px solid var(--color-brand-200);
  transition: var(--transition);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-tutorial-presentaion-wrapper .rbt-single-tutorial {
    flex-direction: column;
  }
}
.rbt-tutorial-presentaion-wrapper .rbt-single-tutorial .rbt-tutorial-thumb {
  height: 80px;
  min-width: 132px;
  border-radius: var(--radius);
  overflow: hidden;
}
.rbt-tutorial-presentaion-wrapper .rbt-single-tutorial .rbt-tutorial-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: var(--transition);
}
.rbt-tutorial-presentaion-wrapper .rbt-single-tutorial:hover {
  border-color: var(--color-primary);
}
.rbt-tutorial-presentaion-wrapper .rbt-single-tutorial:hover .rbt-tutorial-thumb img {
  scale: 1.05;
}
.rbt-tutorial-presentaion-wrapper .rbt-single-tutorial .rbt-title {
  color: var(--color-black);
  font-size: var(--font-size-b1);
  font-weight: var(--f-medium);
  line-height: 1.5;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-tutorial-presentaion-wrapper .rbt-single-tutorial .rbt-title {
    max-width: 172px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-tutorial-presentaion-wrapper .rbt-single-tutorial .rbt-title {
    max-width: 132px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
  }
}
.rbt-tutorial-presentaion-wrapper .rbt-single-tutorial .rbt-tutorial-meta {
  color: var(--color-body);
  font-size: var(--font-size-b3);
  font-weight: var(--f-regular);
  line-height: 1.46;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .rbt-tutorial-presentaion-wrapper .rbt-single-tutorial .rbt-tutorial-meta {
    font-size: 12px;
  }
}

/*******************************************
        Mobile Approach Area
********************************************/
.rbt-mobile-approach-area .rbt-splash-section-title .rbt-overlay-text {
  font-size: 156px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-mobile-approach-area .rbt-splash-section-title .rbt-overlay-text {
    font-size: 76px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-mobile-approach-area .rbt-splash-section-title .rbt-overlay-text {
    font-size: 46px;
  }
}

.rbt-mobile-approach-card {
  background: #17171F;
  border-radius: var(--radius-12);
  overflow: hidden;
  position: relative;
}
.rbt-mobile-approach-card .rbt-product-badge {
  position: absolute;
  right: 16px;
  top: 16px;
}
.rbt-mobile-approach-card .rbt-splash-section-title {
  padding-left: 88px;
  margin-top: -24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-mobile-approach-card .rbt-splash-section-title {
    padding-left: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-mobile-approach-card .rbt-splash-section-title {
    padding-left: 24px;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-mobile-approach-card .rbt-splash-section-title {
    padding-left: 0;
    margin: 0;
  }
}
.rbt-mobile-approach-card .rbt-product-card-layout-presentation {
  background: #0E0E16;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 36px;
  border-radius: var(--radius-12) 0 0 0;
  position: relative;
}
.rbt-mobile-approach-card .rbt-product-card-layout-presentation .icon {
  position: absolute;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-mobile-approach-card .rbt-product-card-layout-presentation .icon {
    max-width: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-mobile-approach-card .rbt-product-card-layout-presentation .icon {
    max-width: 110px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-mobile-approach-card .rbt-product-card-layout-presentation .icon {
    max-width: 88px;
  }
}
.rbt-mobile-approach-card .rbt-product-card-layout-presentation .icon.icon-1 {
  bottom: 90px;
  left: 0;
}
.rbt-mobile-approach-card .rbt-product-card-layout-presentation .icon.icon-2 {
  top: 0;
  right: 0;
}
.rbt-mobile-approach-card .rbt-product-card-layout-presentation .icon.icon-3 {
  bottom: 90px;
  right: 0;
}
.rbt-mobile-approach-card .inner {
  padding: 32px 20px;
}

.rbt-mobile-approach-view-area .rbt-swiper-arrow.rbt-arrow-left {
  left: -104px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-mobile-approach-view-area .rbt-swiper-arrow.rbt-arrow-left {
    left: 0;
  }
}
.rbt-mobile-approach-view-area .rbt-swiper-arrow.rbt-arrow-right {
  right: -104px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-mobile-approach-view-area .rbt-swiper-arrow.rbt-arrow-right {
    right: 0;
  }
}
.rbt-mobile-approach-view-area .swiper-slide {
  width: fit-content;
}
.rbt-mobile-approach-view-area .rbt-swiper-pagination {
  width: fit-content;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.rbt-mobile-approach-view-area .rbt-swiper-pagination.rbt-swiper-pagination-var-one .swiper-pagination-bullet {
  box-shadow: inset 0 0 0 7px var(--color-gray-400);
}
.rbt-mobile-approach-view-area .rbt-swiper-pagination.rbt-swiper-pagination-var-one .swiper-pagination-bullet.swiper-pagination-bullet-active {
  box-shadow: inset 0 0 0 1px rgba(33, 90, 218, 0.5);
}

.rbt-mobile-approach-view-card {
  width: 308px;
}
.rbt-mobile-approach-view-card .card-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}
.rbt-mobile-approach-view-card .rbt-curved-style-box {
  -webkit-mask-image: url(../images/splash/others/mobile-frame.png);
  mask-image: url(../images/splash/others/mobile-frame.png);
  background-image: url(../images/splash/others/mobile-frame.png);
}
.rbt-mobile-approach-view-card .content {
  outline: 6px solid black;
  overflow: hidden;
  border-radius: 40px;
  height: 604px;
  width: 290px;
  position: relative;
}
.rbt-mobile-approach-view-card .content img,
.rbt-mobile-approach-view-card .content video {
  width: 100%;
  height: 100%;
}
.rbt-mobile-approach-view-card .content .mobile-notch {
  position: absolute;
  top: 6px;
  left: 50%;
  max-width: 64px;
  height: auto;
  width: auto;
  transform: translateX(-50%);
}

/*******************************************
        Client's Site Presentaion Area
********************************************/
.splash-client-site-presentation .rbt-scroll-animation-wrapper {
  padding: 0;
}
.splash-client-site-presentation .rbt-element {
  border-radius: var(--radius-md);
  overflow: hidden;
  padding: 32px 0;
}
.splash-client-site-presentation .rbt-element a {
  display: block;
  border-radius: var(--radius-10);
  box-shadow: var(--shadow-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .splash-client-site-presentation .rbt-element {
    max-width: 340px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .splash-client-site-presentation .rbt-element {
    max-width: 244px;
  }
}
@media only screen and (max-width: 767px) {
  .splash-client-site-presentation .rbt-element {
    max-height: 208px;
    max-width: 160px;
  }
}
.splash-client-site-presentation .rbt-element img {
  border-radius: var(--radius-md);
  box-shadow: var(--splash-shadow);
}
.splash-client-site-presentation .rbt-element .site-name {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: center;
  color: var(--color-black);
  font-size: var(--font-size-b1);
  font-weight: var(--f-semi-bold);
  line-height: 1.6;
  margin-top: 16px;
}

/*******************************************
                Faq Area
********************************************/
.rbt-splash-faq-area {
  background: url(../images/splash/section/section-bg-line8.png), #F4F2FF;
}
.rbt-splash-faq-area .accordion-item {
  border: none;
  border-radius: var(--radius-12);
  box-shadow: 0px 8px 100px 0px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
.rbt-splash-faq-area .accordion-item + .accordion-item {
  margin-top: 24px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-faq-area .accordion-item + .accordion-item {
    margin-top: 16px;
  }
}
.rbt-splash-faq-area .accordion-item .accordion-header .accordion-button {
  border: none;
  padding: 0;
  font-size: var(--h4);
  font-weight: var(--f-medium);
  color: var(--color-black);
  box-shadow: none;
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  padding: 32px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-faq-area .accordion-item .accordion-header .accordion-button {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-faq-area .accordion-item .accordion-header .accordion-button {
    font-size: var(--h6);
    font-weight: var(--f-semi-bold);
    gap: 16px;
  }
}
.rbt-splash-faq-area .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
}
.rbt-splash-faq-area .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  color: var(--color-black);
  background-color: transparent;
}
.rbt-splash-faq-area .accordion-item .accordion-header .accordion-button:not(.collapsed) .icon {
  transform: rotate(180deg);
  border-color: var(--color-black);
  color: var(--color-black);
}
.rbt-splash-faq-area .accordion-item .accordion-header .accordion-button::after {
  content: none;
}
.rbt-splash-faq-area .accordion-item .accordion-header .accordion-button .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  height: 48px;
  min-width: 48px;
  width: 48px;
  border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-full);
  color: var(--color-gray-300);
  transition: var(--transition);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-faq-area .accordion-item .accordion-header .accordion-button .icon {
    height: 32px;
    width: 32px;
    min-width: 32px;
    font-size: var(--font-size-b2);
  }
}
.rbt-splash-faq-area .accordion-item .accordion-body {
  padding: 32px;
  max-width: 94%;
  font-size: var(--h6);
  color: var(--color-gray-500);
  font-weight: var(--f-regular);
  padding-top: 0;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-faq-area .accordion-item .accordion-body {
    font-size: var(--font-size-b2);
  }
}
@media only screen and (max-width: 767px) {
  .rbt-splash-faq-area .accordion-item .accordion-body {
    max-width: 100%;
    padding: 0 20px 20px;
  }
}

.rbt-tooltip {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  width: fit-content;
}
.rbt-tooltip li {
  margin: 0;
  padding: 0;
  transition: var(--transition);
}
.rbt-tooltip li .rbt-tooltip-img {
  display: block;
  position: relative;
}
.rbt-tooltip li .rbt-tooltip-img::after {
  content: "";
  position: absolute;
  top: 0;
  right: 4px;
  width: 15px;
  height: 15px;
  background: #53DC54;
  border: 3px solid white;
  border-radius: var(--radius-full);
}
.rbt-tooltip li .rbt-tooltip-img img {
  height: 62px;
  width: 62px;
  border: 5px solid white;
  border-radius: var(--radius-full);
  object-fit: cover;
}
.rbt-tooltip li + li {
  margin-left: -16px;
}
.rbt-tooltip li:hover {
  margin-top: -8px;
}

/*******************************************
                Testimonial Area
********************************************/
.rbt-splash-testimonial-area {
  position: relative;
}
.rbt-splash-testimonial-area::after {
  content: "";
  position: absolute;
  bottom: 84px;
  left: 0;
  height: 318px;
  width: 100%;
  background: linear-gradient(0deg, #EFF1F4 28.97%, rgba(239, 241, 244, 0.2) 100%);
}
.rbt-splash-testimonial-area .rbt-layout {
  margin-left: -12px;
  margin-right: -12px;
}
.rbt-splash-testimonial-area .rbt-layout-item {
  margin-bottom: 24px;
  width: 33.33%;
  padding: 0 12px;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-testimonial-area .rbt-layout-item {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-testimonial-area .rbt-layout-item {
    width: 50%;
  }
}
.rbt-splash-testimonial-area .rbt-review-card {
  padding: 32px 24px;
  background: var(--color-white);
  box-shadow: var(--splash-shadow);
  border-radius: var(--radius-12);
}
.rbt-splash-testimonial-area .rbt-title {
  font-family: var(--font-primary);
  font-weight: var(--f-medium);
  margin-bottom: 12px;
}
.rbt-splash-testimonial-area .opinion {
  color: var(--color-gray-500);
  font-family: var(--font-primary);
  font-size: var(--h6);
  font-weight: var(--f-regular);
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #EFEFEF;
}
.rbt-splash-testimonial-area .marketplace {
  display: flex;
  gap: 8px;
  align-items: center;
}
.rbt-splash-testimonial-area .marketplace .market-name {
  flex-basis: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #04122B;
  font-family: var(--font-primary);
  font-size: var(--font-size-b3);
  font-weight: var(--f-medium);
  line-height: 171.429%;
  margin-bottom: 0;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .rbt-splash-testimonial-area .marketplace .market-name {
    flex-direction: column;
    align-items: start;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-testimonial-area .marketplace .market-name {
    flex-direction: column;
    align-items: start;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-testimonial-area .marketplace .market-name {
    flex-direction: column;
    align-items: start;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-testimonial-area .marketplace .market-name {
    flex-direction: column;
    align-items: start;
  }
}
.rbt-splash-testimonial-area .marketplace .market-name .review {
  margin-top: -3px;
}
.rbt-splash-testimonial-area .marketplace .rating {
  color: #FCC418;
}
.rbt-splash-testimonial-area .marketplace .marketplace-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-full);
}
@media only screen and (max-width: 767px) {
  .rbt-splash-testimonial-area .marketplace .marketplace-icon {
    width: 36px;
    height: 36px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-testimonial-area .marketplace .marketplace-icon {
    width: 36px;
    height: 36px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-testimonial-area .marketplace .marketplace-icon {
    width: 36px;
    height: 36px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-testimonial-area .marketplace .marketplace-icon {
    width: 36px;
    height: 36px;
  }
}
.rbt-splash-testimonial-area .testimonial-bottom {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 1;
}

/**************************************
            Call To Action Area
***************************************/
.rbt-splash-call-to-action-area {
  background: url(../images/splash/section/section-bg-img.webp), var(--color-black);
  background-repeat: no-repeat;
  background-size: cover;
}
.rbt-splash-call-to-action-area .rbt-splash-section-title {
  z-index: 1;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-call-to-action-area .rbt-component-image-wrap {
    display: none;
  }
}
.rbt-splash-call-to-action-area .rbt-component-image-wrap .rbt-component-image {
  position: absolute;
}
.rbt-splash-call-to-action-area .rbt-component-image-wrap .rbt-component-image.image-1 {
  top: 48px;
  left: 0;
}
.rbt-splash-call-to-action-area .rbt-component-image-wrap .rbt-component-image.image-2 {
  bottom: 0;
  left: 15%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-call-to-action-area .rbt-component-image-wrap .rbt-component-image.image-2 {
    display: none;
  }
}
.rbt-splash-call-to-action-area .rbt-component-image-wrap .rbt-component-image.image-3 {
  bottom: 0;
  right: 15%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-call-to-action-area .rbt-component-image-wrap .rbt-component-image.image-3 {
    right: 0%;
  }
}
.rbt-splash-call-to-action-area .rbt-component-image-wrap .rbt-component-image.image-4 {
  top: 0;
  right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-call-to-action-area .rbt-component-image-wrap .rbt-component-image.image-4 {
    display: none;
  }
}

/**************************************
            Support Area
***************************************/
.rbt-splash-service {
  background: var(--color-white);
  padding: 48px 24px 48px 32px;
  border-radius: var(--radius-12);
  box-shadow: var(--splash-shadow);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-service {
    padding: 24px 20px;
  }
}
.rbt-splash-service .service-badge {
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
}
.rbt-splash-service .service-badge .badge-text {
  font-size: var(--font-size-b4);
  font-weight: var(--f-bold);
  position: absolute;
  color: var(--color-heading);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.rbt-splash-service .icon {
  height: 80px;
  width: 80px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-service .icon {
    height: 60px;
    width: 60px;
  }
}
.rbt-splash-service .icon img {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-service .rbt-title {
    font-size: var(--h5);
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-service .rbt-title {
    font-size: var(--h6);
    font-weight: var(--f-bold);
  }
}
.rbt-splash-service .rbt-description {
  font-size: var(--h6);
  font-weight: var(--f-regular);
  margin-bottom: 40px;
  color: var(--color-gray-500);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-service .rbt-description {
    font-size: var(--font-size-b1);
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-service .rbt-description {
    font-size: var(--font-size-b2);
    margin-bottom: 24px;
  }
}

/**************************************
            Element Builder Area
***************************************/
.rbt-ele-builder-card {
  background: var(--color-white);
  box-shadow: var(--splash-shadow);
  border-radius: var(--radius-12);
  overflow: hidden;
}
.rbt-ele-builder-card .rbt-card-content {
  width: 100%;
  padding: 48px 28px 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rbt-ele-builder-card .rbt-card-content.text-center .rbt-description {
  padding: 0;
}
.rbt-ele-builder-card .rbt-card-content.text-center .overlay-text {
  left: 50%;
  transform: translateX(-50%);
}
.rbt-ele-builder-card .rbt-card-content .content-inner {
  max-width: 340px;
  position: relative;
  z-index: 1;
}
.rbt-ele-builder-card .rbt-card-content .overlay-text {
  background: linear-gradient(180deg, #D8E8FF 0%, rgba(239, 241, 244, 0) 80%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: var(--f-bold);
  position: absolute;
  line-height: 1;
  z-index: -1;
  user-select: none;
  font-size: 72px;
  top: -24px;
  left: -12px;
}
.rbt-ele-builder-card .rbt-card-content .rbt-title {
  font-size: var(--h4);
  margin-bottom: 8px;
}
.rbt-ele-builder-card .rbt-card-content .rbt-description {
  font-size: var(--h6);
  color: var(--color-gray-700);
  margin-bottom: 0;
  font-weight: var(--f-regular);
  padding-right: 24px;
}
@media only screen and (max-width: 767px) {
  .rbt-ele-builder-card .rbt-card-content .rbt-description {
    font-size: var(--font-size-b1);
    padding-right: 0px;
  }
}
.rbt-ele-builder-card .ele-layout-display {
  padding: 0 24px;
  position: relative;
}
.rbt-ele-builder-card .ele-layout-display .ele-image {
  width: fit-content;
  margin: 12px auto 0;
  perspective: 200px;
}
.rbt-ele-builder-card .ele-layout-display .ele-image img,
.rbt-ele-builder-card .ele-layout-display .ele-image video {
  max-width: 400px;
  transform: translateY(10px) rotateX(1deg) rotateY(0deg) rotateZ(0deg);
  box-shadow: var(--shadow-2);
  border-radius: var(--radius);
  transition: var(--transition);
}
@media only screen and (max-width: 767px) {
  .rbt-ele-builder-card .ele-layout-display .ele-image img,
  .rbt-ele-builder-card .ele-layout-display .ele-image video {
    max-width: 100%;
  }
}
.rbt-ele-builder-card.rbt-element-coming-soon .ele-layout-display {
  min-height: 250px;
}
.rbt-ele-builder-card.rbt-element-coming-soon .ele-layout-display::after {
  content: "Coming Soon";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: var(--h6);
  z-index: 2;
  background: var(--color-black);
  color: var(--color-white);
  padding: 8px 20px;
  border-radius: var(--radius);
  backdrop-filter: blur(50px);
}
.rbt-ele-builder-card.rbt-element-coming-soon .ele-layout-display::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  border-radius: var(--radius-10);
  backdrop-filter: blur(6px);
  z-index: 1;
}
.rbt-ele-builder-card.card-content-side {
  display: flex;
  min-height: 448px;
}
@media only screen and (max-width: 767px) {
  .rbt-ele-builder-card.card-content-side {
    flex-direction: column;
  }
}
.rbt-ele-builder-card.card-content-side .rbt-card-content {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .rbt-ele-builder-card.card-content-side .rbt-card-content {
    width: 100%;
    text-align: center;
  }
}
.rbt-ele-builder-card.card-content-side .rbt-card-content .content-inner .overlay-text {
  font-size: 96px;
  top: -50px;
  left: -44px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-ele-builder-card.card-content-side .rbt-card-content .content-inner .overlay-text {
    font-size: 72px;
    top: -24px;
    left: -12px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-ele-builder-card.card-content-side .rbt-card-content .content-inner .overlay-text {
    font-size: 64px;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.rbt-ele-builder-card.card-content-side .rbt-card-content .content-inner .rbt-title {
  font-size: var(--h2);
  margin-bottom: 12px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-ele-builder-card.card-content-side .rbt-card-content .content-inner .rbt-title {
    font-size: var(--h4);
  }
}
.rbt-ele-builder-card.card-content-side .ele-layout-display {
  width: 50%;
  display: flex;
  align-items: end;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-ele-builder-card.card-content-side .ele-layout-display {
    width: unset;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-ele-builder-card.card-content-side .ele-layout-display {
    width: 100%;
  }
}
.rbt-ele-builder-card.card-content-side .ele-layout-display .ele-image {
  margin: 72px auto 0;
  perspective: 200px;
}
@media only screen and (max-width: 767px) {
  .rbt-ele-builder-card.card-content-side .ele-layout-display .ele-image {
    margin: 12px auto 0;
  }
}
.rbt-ele-builder-card.card-content-side .ele-layout-display img,
.rbt-ele-builder-card.card-content-side .ele-layout-display video {
  max-width: 480px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-ele-builder-card.card-content-side .ele-layout-display img,
  .rbt-ele-builder-card.card-content-side .ele-layout-display video {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-ele-builder-card.card-content-side.rbt-content-right .ele-layout-display {
    order: 2;
  }
}
.rbt-ele-builder-card.builder-card-sm .rbt-card-content .overlay-text {
  font-size: 64px;
}
.rbt-ele-builder-card.builder-card-sm .rbt-card-content .rbt-title {
  font-size: var(--h6);
}
.rbt-ele-builder-card.builder-card-sm .ele-layout-display .ele-image {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .rbt-ele-builder-card.builder-card-sm .ele-layout-display .ele-image {
    margin: 0 auto;
  }
}
.rbt-ele-builder-card.builder-card-sm .ele-layout-display .ele-image img,
.rbt-ele-builder-card.builder-card-sm .ele-layout-display .ele-image video {
  max-width: 100%;
}
.rbt-ele-builder-card.builder-card-xm .rbt-card-content {
  padding: 48px 16px 28px;
}
.rbt-ele-builder-card.builder-card-xm .ele-layout-display {
  padding: 0;
}
.rbt-ele-builder-card.builder-card-xm .ele-layout-display .ele-image {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .rbt-ele-builder-card.builder-card-xm .ele-layout-display .ele-image {
    margin: 0 auto;
  }
}
.rbt-ele-builder-card.builder-card-xm .ele-layout-display .ele-image img,
.rbt-ele-builder-card.builder-card-xm .ele-layout-display .ele-image video {
  max-width: 100%;
}
.rbt-ele-builder-card.rbt-builder-card-var-2 .rbt-card-content {
  padding: 0;
}
.rbt-ele-builder-card.rbt-builder-card-var-2 .rbt-card-content .content-inner {
  max-width: 432px;
}
.rbt-ele-builder-card.rbt-builder-card-var-2 .ele-layout-display .ele-image {
  margin-top: 0;
}
.rbt-ele-builder-card:hover .ele-layout-display img,
.rbt-ele-builder-card:hover .ele-layout-display video {
  transform: translateY(0);
}

.rbt-header-group {
  display: flex;
  gap: 40px;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .rbt-header-group {
    gap: 24px;
  }
}
.rbt-header-group .rbt-single-header {
  box-shadow: 0px 1.781px 26.712px 3.562px #E1E1E1;
  border-radius: var(--radius-md);
}

.rbt-splash-megamenu-slider-active .swiper-slide {
  width: fit-content;
}
.rbt-splash-megamenu-slider-active .rbt-element {
  width: fit-content;
  box-shadow: 0px 0px 18.376px 4.594px rgba(0, 0, 0, 0.1);
}
.rbt-splash-megamenu-slider-active .rbt-element img {
  width: 100%;
  max-height: 244px;
}

.rbt-megamenu-presentation-area .splash-element-presentation-wrapper {
  position: relative;
}
.rbt-megamenu-presentation-area .splash-element-presentation-wrapper::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(239, 241, 244, 0) 59.6%, #EFF1F4 100%);
  bottom: 0;
  z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .splash-btn {
    font-size: var(--font-size-b1);
    padding: 0 28px;
    height: 44px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .splash-btn {
    font-size: var(--font-size-b1);
    padding: 0 20px;
    height: 40px;
    line-height: 40px !important;
  }
}
.splash-btn.icon-reverse-left .icon-left {
  margin-left: -24px;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55), margin 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.splash-btn.icon-reverse-left .icon-right {
  margin-right: 0;
  transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55), margin 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.splash-btn.icon-reverse-left:hover .icon-left, .splash-btn.icon-reverse-left:focus .icon-left {
  opacity: 1;
  margin-left: 0;
}
.splash-btn.icon-reverse-left:hover .icon-right, .splash-btn.icon-reverse-left:focus .icon-right {
  margin-right: -24px;
  opacity: 0;
}
.splash-btn.icon-reverse-right .icon-left {
  transition: var(--transition);
  transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55), margin 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.splash-btn.icon-reverse-right .icon-right {
  margin-right: -24px;
  opacity: 0;
  transition: var(--transition);
  transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55), margin 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.splash-btn.icon-reverse-right:hover .icon-left, .splash-btn.icon-reverse-right:focus .icon-left {
  margin-left: -24px;
  opacity: 0;
}
.splash-btn.icon-reverse-right:hover .icon-right, .splash-btn.icon-reverse-right:focus .icon-right {
  margin-right: 0;
  opacity: 1;
}
.splash-btn + .splash-btn.rbt-btn-border:hover, .splash-btn + .splash-btn.rbt-btn-border:focus {
  background: transparent;
}
.splash-btn:hover, .splash-btn:focus {
  transform: translate3d(0, -2px, 0);
  box-shadow: var(--shadow-7);
  color: var(--color-white);
}
.splash-btn:hover.icon-hover .btn-text, .splash-btn:focus.icon-hover .btn-text {
  transform: translateX(-5px);
}
.splash-btn:hover.icon-hover .btn-icon i, .splash-btn:focus.icon-hover .btn-icon i {
  opacity: 1;
  transform: translateX(5px);
}

/**************************************
            Banner Style
***************************************/
.rbt-splash-banner-bg-var-1 {
  background: url(../images/splash/section/section-bg-line9.png), var(--color-brand-50);
  background-size: cover;
}

.rbt-splash-banner-bg-var-2 {
  background: url(../images/splash/section/section-bg-line10.png), url(../images/splash/section/section-bg-img2.webp), var(--color-brand-50);
  background-size: 100% 100%;
}
.rbt-splash-banner-bg-var-2 .rbt-splash-section-title .subtitle {
  color: var(--color-white);
}
.rbt-splash-banner-bg-var-2 .rbt-splash-section-title .rbt-title {
  color: var(--color-white);
}
.rbt-splash-banner-bg-var-2 .rbt-splash-section-title .section-indicator {
  color: var(--color-white);
}
.rbt-splash-banner-bg-var-2.rbt-builder-banner .rbt-splash-section-title .rbt-description {
  color: var(--color-gray-300);
}
.rbt-splash-banner-bg-var-2.rbt-builder-banner .rbt-splash-btn-circle {
  filter: drop-shadow(0px 0px 40px rgba(81, 89, 109, 0.46));
}

.rbt-splash-banner-area {
  border: none;
  border-radius: 0;
}
.rbt-splash-banner-area .rbt-banner-inner {
  padding: 140px 0 304px;
  border-radius: 0;
  position: relative;
  z-index: 9;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-banner-area .rbt-banner-inner {
    padding: 130px 0 124px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-banner-area .rbt-banner-inner {
    padding: 130px 0 116px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-banner-area .rbt-banner-inner {
    padding: 130px 0 100px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-splash-banner-area .rbt-banner-inner {
    padding: 120px 0 80px;
  }
}
.rbt-splash-banner-area .rbt-product-banner-content .rbt-banner-btn-grp {
  flex-wrap: wrap;
}
.rbt-splash-banner-area .rbt-overlay-text {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 172px;
  font-weight: var(--f-bold);
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  user-select: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-splash-banner-area .rbt-overlay-text {
    font-size: 124px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-banner-area .rbt-overlay-text {
    font-size: 98px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-banner-area .rbt-overlay-text {
    font-size: 66px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-splash-banner-area .rbt-overlay-text {
    top: 33%;
    font-size: 40px;
  }
}
.rbt-splash-banner-area .rbt-banner-title {
  font-size: 70px;
  color: var(--color-white);
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-banner-area .rbt-banner-title {
    font-size: 64px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .rbt-splash-banner-area .rbt-banner-title {
    font-size: 48px;
  }
}
.rbt-splash-banner-area .rbt-banner-title .rbt-banner-title-sm-text {
  font-size: 52px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-banner-area .rbt-banner-title .rbt-banner-title-sm-text {
    font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-banner-area .rbt-banner-title .rbt-banner-title-sm-text {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-splash-banner-area .rbt-banner-title .rbt-banner-title-sm-text {
    font-size: 26px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-splash-banner-area .rbt-banner-title .rbt-banner-title-sm-text {
    font-size: 22px;
  }
}
.rbt-splash-banner-area .rbt-gradient-text {
  background: linear-gradient(90deg, #302AEF, #4BE53E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.rbt-splash-banner-area .rbt-splash-banner-img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background: var(--color-black);
}
.rbt-splash-banner-area .rbt-splash-banner-img img {
  width: 100%;
  height: 100%;
}
.rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image {
  position: absolute;
}
.rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-1 {
  top: 16%;
  left: 0;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-1 {
    display: none;
  }
}
.rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-2 {
  top: 46%;
  left: 12%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-2 {
    display: none;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-2 {
    display: none;
  }
}
.rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-3 {
  top: 32%;
  right: 12%;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-3 {
    display: none;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-3 {
    display: none;
  }
}
.rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-4 {
  top: 2%;
  right: 0;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-4 {
    display: none;
  }
}
.rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-5 {
  bottom: 0%;
  right: 0;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-5 {
    display: none;
  }
}
.rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-6 {
  left: 10%;
  top: 25%;
  box-shadow: 0px 4.242px 53.03px 0px rgba(28, 69, 160, 0.7);
  border-radius: var(--radius);
  overflow: hidden;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-6 {
    top: 4%;
    max-width: 90px;
  }
}
.rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-7 {
  right: 10%;
  top: 5%;
  box-shadow: 0px 4.242px 53.03px 0px rgba(28, 69, 160, 0.7);
  border-radius: var(--radius);
  overflow: hidden;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-7 {
    display: none;
  }
}
.rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-8 {
  right: 15%;
  bottom: 5%;
  box-shadow: 0px 4.242px 53.03px 0px rgba(28, 69, 160, 0.7);
  border-radius: var(--radius);
  overflow: hidden;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-8 {
    max-width: 90px;
  }
}

.rbt-splash-scroll-area {
  margin-top: -2px;
}
.rbt-splash-scroll-area .rbt-scroll-animation-wrapper {
  background: linear-gradient(270deg, #FD998E 0%, #AB4FA9 50.52%, #4D3FAE 100%);
}
.rbt-splash-scroll-area .rbt-scroll-animation-wrapper .rbt-category-list {
  color: var(--color-white);
  gap: 30px;
}
.rbt-splash-scroll-area .rbt-scroll-animation-wrapper .rbt-category-list > div {
  padding-left: 30px;
}
.rbt-splash-scroll-area .rbt-scroll-animation-wrapper .rbt-category-list > div + div {
  border-left: 2px solid rgba(255, 255, 255, 0.4);
}

.hamberger-button.rbt-splash-hamberger {
  background: rgba(0, 0, 0, 0.8);
  color: var(--color-extra-six);
  display: flex;
  height: 32px;
  width: 32px;
}

.rbt-builder-banner {
  padding: 120px 0 150px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-builder-banner {
    padding: 40px 0 72px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-builder-banner {
    padding: 28px 0 72px;
  }
}
.rbt-builder-banner .rbt-splash-section-title .rbt-description {
  font-size: var(--font-size-b1);
  margin-bottom: 0;
  color: var(--color-gray-700);
  position: relative;
  z-index: 1;
  padding: 0 24%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-builder-banner .rbt-splash-section-title .rbt-description {
    padding: 0 14%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-builder-banner .rbt-splash-section-title .rbt-description {
    padding: 0 6%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-builder-banner .rbt-splash-section-title .rbt-description {
    padding: 0 12px;
  }
}
.rbt-builder-banner .rbt-splash-section-title .rbt-overlay-text {
  font-size: 172px;
  top: 40%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-builder-banner .rbt-splash-section-title .rbt-overlay-text {
    font-size: 124px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-builder-banner .rbt-splash-section-title .rbt-overlay-text {
    font-size: 98px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-builder-banner .rbt-splash-section-title .rbt-overlay-text {
    font-size: 66px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-builder-banner .rbt-splash-section-title .rbt-overlay-text {
    top: 33%;
    font-size: 40px;
  }
}
.rbt-builder-banner .rbt-splash-section-title .section-indicator {
  top: -20px;
}
.rbt-builder-banner .rbt-splash-btn-circle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -12%;
  filter: drop-shadow(0px 0px 40px #E4ECFF);
  z-index: 1;
}
.rbt-builder-banner.rbt-builder-banner-var-2 {
  padding: 0;
}
.rbt-builder-banner.rbt-builder-banner-var-2 .rbt-splash-section-title .rbt-description {
  padding: 0 20px;
  max-width: 578px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .rbt-builder-banner.rbt-builder-banner-var-2 .rbt-splash-btn-circle {
    left: 50%;
    bottom: -10%;
  }
}
.rbt-builder-banner.rbt-builder-banner-var-2 .rbt-splash-section-title {
  padding: 24px 0;
  margin-bottom: 0;
}
.rbt-builder-banner.rbt-builder-banner-var-2 .rbt-banner-part-right .rbt-content {
  background: linear-gradient(0deg, rgba(33, 90, 218, 0) -520.76%, rgba(33, 90, 218, 0.95) 83.74%), url(../images/splash/banner/banner-bg2.webp);
  padding: 52px 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-builder-banner.rbt-builder-banner-var-2 .rbt-banner-part-right .rbt-content {
    padding: 24px 20px;
  }
}
.rbt-builder-banner.rbt-builder-banner-var-2 .rbt-banner-part-right .rbt-content.rbt-has-not-background {
  background: transparent;
}
.rbt-builder-banner.rbt-builder-banner-var-2 .rbt-banner-part-right .rbt-content .rbt-indicator {
  color: var(--color-white);
  text-align: center;
  font-family: var(--font-secondary);
  font-size: var(--h3);
  font-weight: var(--f-bold);
  line-height: 1.14;
  text-transform: capitalize;
  max-width: 166px;
  position: absolute;
  left: 4%;
  bottom: 8%;
  z-index: 9;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-builder-banner.rbt-builder-banner-var-2 .rbt-banner-part-right .rbt-content .rbt-indicator {
    display: none;
  }
}
.rbt-builder-banner.rbt-builder-banner-var-2 .rbt-banner-part-right figure img {
  max-width: 600px;
  max-height: 505px;
  border-radius: var(--radius-10);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-builder-banner.rbt-builder-banner-var-2 .rbt-banner-part-right figure img {
    max-width: 100%;
    max-height: 100%;
    min-height: unset;
  }
}
.rbt-builder-banner.rbt-builder-banner-var-3 {
  padding: 0;
}
.rbt-builder-banner.rbt-builder-banner-var-3 .rbt-splash-btn-circle {
  left: 0%;
  transform: translateX(0);
}
@media only screen and (max-width: 767px) {
  .rbt-builder-banner.rbt-builder-banner-var-3 .rbt-splash-btn-circle {
    bottom: -8%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.rbt-builder-banner.rbt-builder-banner-var-3 .rbt-splash-section-title {
  padding: 24px 0;
  margin-bottom: 0;
}
.rbt-builder-banner.rbt-builder-banner-var-3 .rbt-banner-part-right {
  padding: 100px 32px 80px 64px;
}
@media only screen and (max-width: 767px) {
  .rbt-builder-banner.rbt-builder-banner-var-3 .rbt-banner-part-right {
    padding: 0px 0px 80px 8px;
  }
}
.rbt-builder-banner.rbt-builder-banner-var-3 .rbt-banner-part-right .rbt-overlay-indicator-text {
  gap: 12px;
  flex-direction: row;
  margin: 0 auto;
  margin-bottom: 12px;
}
.rbt-builder-banner.rbt-builder-banner-var-3 .rbt-banner-part-right .rbt-overlay-indicator-text span {
  transform: rotate(-5deg) translateY(24px) translateX(-10px);
  position: relative;
  z-index: 1;
}
.rbt-builder-banner.rbt-builder-banner-var-3 .rbt-banner-part-right .rbt-overlay-indicator-text .overlay-text {
  color: var(--color-heading);
}
.rbt-builder-banner.rbt-builder-banner-var-3 .rbt-banner-part-right .rbt-filter-product-layout-box {
  max-width: unset;
  height: unset;
  border: 1px solid #4C4C50;
}
.rbt-builder-banner.rbt-builder-banner-var-3 .rbt-banner-part-right .rbt-filter-product-layout-box .rbt-filter-option-box {
  border-radius: var(--radius-12);
  left: -2%;
  top: -14%;
}
.rbt-builder-banner.rbt-builder-banner-var-3 .rbt-banner-part-right .rbt-filter-product-layout-box .filter-product-presentation::after {
  background: rgba(0, 0, 0, 0.1);
}
.rbt-builder-banner.has-black-circle-btn .rbt-splash-btn-circle {
  filter: drop-shadow(0px 0px 40px #232324);
}

.rbt-splash-btn-circle {
  display: inline-block;
  background: var(--color-white);
  border: 2px dashed var(--color-brand-400);
  border-radius: var(--radius-full);
  padding: 8px;
  position: relative;
}
.rbt-splash-btn-circle .circle-btn-center-icon {
  position: absolute;
  height: 48px;
  width: 48px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.rbt-animate-rotaion-forward {
  animation: rotate-forward 20s infinite linear;
}

@keyframes rotate-forward {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes up-down {
  0% {
    top: 50%;
  }
  100% {
    top: 55%;
  }
}
.rbt-splash-builder-banner-wider {
  max-width: 2560px;
  margin: 0 auto;
}

/**************************************
        Feature navigation area
***************************************/
.rbt-feature-navigation-card {
  display: block;
  position: relative;
  border-radius: 20px;
  min-height: 270px;
  box-shadow: var(--shadow-3);
  perspective: 200px;
  transition: var(--transition);
}
.rbt-feature-navigation-card.rbt-color-var-1 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 32%, rgba(33, 218, 166, 0.3) 63%, rgba(255, 255, 255, 0.8) 75%);
}
.rbt-feature-navigation-card.rbt-color-var-2 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 32%, rgba(175, 33, 218, 0.3) 63%, rgba(255, 255, 255, 0.8) 75%);
}
.rbt-feature-navigation-card.rbt-color-var-3 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 32%, rgba(39, 218, 33, 0.3) 63%, rgba(255, 255, 255, 0.8) 75%);
}
.rbt-feature-navigation-card.rbt-color-var-4 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 32%, rgba(33, 172, 218, 0.3) 63%, rgba(255, 255, 255, 0.8) 75%);
}
.rbt-feature-navigation-card.rbt-color-var-5 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 32%, rgba(212, 218, 33, 0.3) 63%, rgba(255, 255, 255, 0.8) 75%);
}
.rbt-feature-navigation-card.rbt-color-var-6 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 32%, rgba(33, 89, 218, 0.3) 63%, rgba(255, 255, 255, 0.8) 75%);
}
.rbt-feature-navigation-card.rbt-color-var-7 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 32%, rgba(218, 33, 119, 0.3) 63%, rgba(255, 255, 255, 0.8) 75%);
}
.rbt-feature-navigation-card.rbt-color-var-8 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 32%, rgba(79, 33, 218, 0.3) 63%, rgba(255, 255, 255, 0.8) 75%);
}
.rbt-feature-navigation-card.rbt-color-var-9 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 32%, rgba(218, 122, 33, 0.3) 63%, rgba(255, 255, 255, 0.8) 75%);
}
.rbt-feature-navigation-card.rbt-color-var-10 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 32%, rgba(237, 255, 40, 0.3) 63%, rgba(255, 255, 255, 0.8) 75%);
}
.rbt-feature-navigation-card .rbt-card-top {
  border-radius: var(--radius-12) var(--radius-12) 0 0;
  padding: 12px 16px;
}
.rbt-feature-navigation-card .rbt-card-top figure {
  width: fit-content;
  margin: 0 auto;
}
.rbt-feature-navigation-card .rbt-card-top figure img {
  max-height: 170px;
}
.rbt-feature-navigation-card .rbt-shape {
  -webkit-mask-position: 0% 0%;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  background-image: url(../images/splash/feature/feature-card-shape.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-mask-image: url(../images/splash/feature/feature-card-shape.png);
  mask-image: url(../images/splash/feature/feature-card-shape.png);
  opacity: 0.7;
  backdrop-filter: blur(10px);
  height: 120px;
  width: calc(100% + 1px);
  position: absolute;
  bottom: 0;
  transform-origin: bottom;
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  transition: var(--transition);
}
.rbt-feature-navigation-card .rbt-card-bottom {
  border-radius: 0 0 var(--radius-12) var(--radius-12);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0 24px;
  position: relative;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.rbt-feature-navigation-card .rbt-card-bottom .rbt-inner {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 24px;
}
.rbt-feature-navigation-card .rbt-card-bottom .rbt-feature-info .rbt-title {
  margin-bottom: 0;
}
.rbt-feature-navigation-card .rbt-card-bottom .rbt-feature-info .rbt-title + span {
  font-size: var(--font-size-b4);
  line-height: 1.5;
  color: var(--color-black);
}
.rbt-feature-navigation-card:hover {
  transform: translateY(-5px);
}
.rbt-feature-navigation-card:hover .rbt-shape {
  transform: rotateX(-10deg) rotateY(0deg) rotateZ(0deg);
}
.rbt-feature-navigation-card:hover .rbt-icon-overlay-link-btn {
  color: var(--color-white);
}
.rbt-feature-navigation-card:hover .rbt-icon-overlay-link-btn::after {
  background: var(--color-primary);
  border: 2px solid var(--color-primary);
}
.rbt-feature-navigation-card:hover .rbt-icon-overlay-link-btn i.rbt-icon {
  transform: translateY(-300%) translateX(475%);
}
.rbt-feature-navigation-card:hover .rbt-icon-overlay-link-btn i.rbt-icon-bottom {
  transform: translateY(0) translateX(0) scale(1.1);
}

/**************************************
Dashboard Styles
***************************************/
/************************************************
            Dashboard sidebar
*************************************************/
.rbt-profile-sidebar {
  border-radius: var(--radius-md);
  background: var(--color-white);
  border: 2px solid var(--color-white);
  box-shadow: var(--shadow-10);
  padding: 16px;
}
@media only screen and (max-width: 767px) {
  .rbt-profile-sidebar {
    max-height: 360px;
    overflow-y: scroll;
  }
}
.rbt-profile-sidebar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: var(--color-gray-200);
  border-radius: 40px;
  width: 4px;
}
.rbt-profile-sidebar::-webkit-scrollbar {
  height: 4px;
  width: 4px;
  background-color: var(--color-gray-200);
  cursor: pointer;
}
.rbt-profile-sidebar::-webkit-scrollbar-thumb {
  border-radius: 40px;
  background-color: var(--color-gray-400);
}
.rbt-profile-sidebar.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.rbt-profile-sidebar.sticky-top {
  top: 136px;
}

.rbt-user-profile {
  display: flex;
  align-items: start;
}
.rbt-user-profile .rbt-user-profile-img {
  height: 56px;
  width: 56px;
  min-width: 56px;
  border: 2px solid var(--color-gray-200);
  border-radius: var(--radius-full);
  overflow: hidden;
}
@media only screen and (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rbt-user-profile .rbt-user-profile-img {
    height: 48px;
    width: 48px;
    min-width: 48px;
  }
}
.rbt-user-profile .rbt-user-profile-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rbt-sidebar-widgets {
  padding-top: 16px;
}

.rbt-sidebar-single-widget {
  margin-bottom: 20px;
}
.rbt-sidebar-single-widget .rbt-title {
  margin-bottom: 4px;
  font-weight: var(--f-medium);
}
.rbt-sidebar-single-widget .rbt-sidebar-nav-list {
  gap: 4px;
}
.rbt-sidebar-single-widget .rbt-sidebar-nav-list a,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  font-size: var(--font-size-b2);
  color: var(--color-gray-500);
  border-radius: var(--radius);
  gap: 12px;
}
.rbt-sidebar-single-widget .rbt-sidebar-nav-list a,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.rbt-sidebar-single-widget .rbt-sidebar-nav-list a::after,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -25%);
  width: 100%;
  height: 100%;
  background: var(--color-brand-300);
  z-index: -1;
  opacity: 0;
  transition: var(--transition);
}
.rbt-sidebar-single-widget .rbt-sidebar-nav-list a.active, .rbt-sidebar-single-widget .rbt-sidebar-nav-list a:hover,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button.active,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button:hover {
  color: var(--color-primary);
}
.rbt-sidebar-single-widget .rbt-sidebar-nav-list a.active::after, .rbt-sidebar-single-widget .rbt-sidebar-nav-list a:hover::after,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button.active::after,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button:hover::after {
  opacity: 1;
  transform: translate(-50%, 0%);
}
.rbt-sidebar-single-widget .rbt-sidebar-nav-list a.active,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button.active {
  font-weight: var(--f-bold);
}

/*************************************************
            Dashboard Content Area
**************************************************/
.rbt-profile-content-area {
  border-radius: var(--radius-md);
  background: var(--color-white);
  border: 2px solid var(--color-white);
  box-shadow: var(--shadow-10);
  padding: 24px;
}

.rbt-payment-method-card {
  border: 1px dashed var(--color-gray-200);
  border-radius: var(--radius);
  padding: 12px;
  position: relative;
}
.rbt-payment-method-card.rbt-add-payment-method-card {
  min-height: 195px;
}
.rbt-payment-method-card .rbt-card-body .rbt-badge,
.rbt-payment-method-card .rbt-card-body .rbt-set-card-primary-btn {
  position: absolute;
  top: 16px;
  right: 16px;
}
.rbt-payment-method-card .rbt-card-body .rbt-payment-method-img {
  max-height: 48px;
  max-width: max-content;
}
.rbt-payment-method-card .rbt-card-body .rbt-set-card-primary-btn {
  border: none;
  background: transparent;
  color: var(--color-gray-700);
  font-size: var(--font-size-b3);
  padding: 0;
  margin: 0;
}
.rbt-payment-method-card .rbt-card-body .rbt-set-card-primary-btn:hover {
  color: var(--color-black);
}
.rbt-payment-method-card .rbt-card-footer .rbt-btn {
  background: transparent;
  border: 1px solid var(--color-gray-500);
  color: var(--color-gray-500);
  line-height: unset;
}
.rbt-payment-method-card .rbt-card-footer .rbt-btn:hover, .rbt-payment-method-card .rbt-card-footer .rbt-btn:focus {
  box-shadow: none;
}

/**************************************
    Docs Styles
***************************************/
.rbt-changelog-inner {
  padding-right: 30px;
  padding-bottom: 100px;
}
.rbt-changelog-inner .rbt-single-doc-snippet + .rbt-single-doc-snippet {
  margin-top: 0;
}

.changelog_info {
  padding-top: 15px;
}
.changelog_info .version_info {
  margin-right: 15px;
  position: relative;
  height: 100%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .changelog_info .version_info {
    margin: 16px 0;
  }
}
.changelog_info .c_version {
  flex: 1;
  background: var(--color-heading);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  height: 26px;
  line-height: 27px;
  border-radius: 3px;
  color: var(--color-white);
  min-width: 50px;
  max-width: 60px;
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .changelog_info .c_version {
    display: inline-block;
  }
}
.changelog_info .changelog_date {
  display: flex;
  flex-direction: row-reverse;
  text-align: right;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .changelog_info .changelog_date {
    flex-direction: row;
    text-align: left;
  }
}
.changelog_info .changelog_date .c_date h6 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0;
}
.changelog_info .changelog_date .c_date p {
  font-size: 14px;
  margin-bottom: 0;
  color: #6b707f;
}
.changelog_info .line {
  height: 106%;
  width: 1px;
  background: var(--color-gray-200);
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.changelog_info:last-child .line {
  height: 100%;
}
.changelog_info:last-child .changelog_content {
  padding-bottom: 0;
}

.changelog_content {
  padding-bottom: 60px;
}
.changelog_content p {
  display: flex;
  margin-bottom: 15px;
  font-size: 14px;
}
.changelog_content span {
  font-weight: var(--f-regular);
  color: var(--color-white);
  font-size: var(--font-size-b4);
  padding: 0 10px;
  text-transform: uppercase;
  min-width: 110px;
  display: inline-block;
  text-align: center;
  line-height: 23px;
  border-radius: 3px;
  margin-right: 20px;
  height: 22px;
  flex: 0;
  letter-spacing: 0.8px;
}
.changelog_content span.improve {
  background: var(--color-primary);
}
.changelog_content span.new {
  background: var(--color-success);
}
.changelog_content span.update {
  background: var(--color-warning);
}
.changelog_content span.fixed {
  background: var(--color-danger);
}

.rbt-color-palette-card .rbt-title {
  margin-bottom: 12px;
  text-align: center;
}
.rbt-color-palette-card .rbt-single-color-shade {
  height: 56px;
  padding: 0 16px;
  display: grid;
  align-items: center;
  color: var(--color-black);
}
.rbt-color-palette-card .rbt-single-color-shade:first-child {
  border-radius: var(--radius) var(--radius) 0 0;
}
.rbt-color-palette-card .rbt-single-color-shade:last-child {
  border-radius: 0 0 var(--radius) var(--radius);
}
.rbt-color-palette-card .rbt-single-text-color {
  padding: 12px 4px;
  border-radius: var(--radius);
}

.rbt-snippet-card table.rbt-credits-table thead tr th {
  padding: 0 16px 16px;
  border-bottom: 1px solid var(--color-gray-100);
  font-size: var(--h6);
  color: var(--color-gray-700);
}
.rbt-snippet-card table.rbt-credits-table tr td {
  border: none;
  border-bottom: 1px solid var(--color-gray-100);
  padding: 16px;
}

.table:not(.table-bordered) td {
  border-color: inherit;
  border-top: none;
  border-right: none;
  border-left: none;
}

.folder,
.file,
.terminal,
.external {
  padding: 3px 6px;
  display: inline-flex;
  align-items: center;
  vertical-align: 2px;
  color: var(--color-gray-500);
  font-size: var(--font-size-b2);
  border-radius: 4px;
  font-weight: var(--f-regular);
  line-height: 1.5;
}

.folder::before,
.file::before,
.terminal::before {
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  margin-right: 6px;
}

.folder {
  background: var(--color-brand-200);
}
.folder::before {
  content: "\f07b";
}

.file {
  background: var(--color-brand-50);
}
.file::before {
  content: "\f15b";
}

.terminal {
  background: var(--color-black);
}
.terminal::before {
  content: "\f120";
}

.external::after {
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  margin-left: 6px;
}

.external {
  background: var(--color-brand-200);
  color: var(--color-gray-500);
}
.external::after {
  content: "\f08e";
}

.token.lf::before, .token.space::before {
  content: none;
}

.rbt-single-doc-snippet .rbt-instapost-grp .rbt-instapost {
  max-width: 184px;
}
.rbt-single-doc-snippet .rbt-instapost-social-area {
  min-width: 372px;
}

/**************************************
        documentation main content
***************************************/
.rbt-documentation-area {
  padding: 24px 0;
  background: var(--color-brand-50);
}

.rbt-doc-info {
  padding: 0 0 0 12px;
}

.rbt-doc-list li {
  font-size: var(--font-size-b1);
}

.rbt-single-doc-snippet + .rbt-single-doc-snippet {
  margin-top: 48px;
}
.rbt-single-doc-snippet ul li ul:not(.list-unstyled),
.rbt-single-doc-snippet ul li ol:not(.list-unstyled),
.rbt-single-doc-snippet ol li ul:not(.list-unstyled),
.rbt-single-doc-snippet ol li ol:not(.list-unstyled) {
  margin-left: 32px;
  list-style: square;
}
.rbt-single-doc-snippet mark {
  font-size: var(--font-size-b2);
}
.rbt-single-doc-snippet kbd {
  padding: 3px 6px;
  border-radius: 4px;
  background: var(--color-black);
  color: var(--color-white);
}
.rbt-single-doc-snippet blockquote {
  background: var(--color-brand-100);
  padding: 32px;
  color: var(--color-gray-black);
  font-style: normal;
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-brand-400);
}
.rbt-single-doc-snippet blockquote ul li {
  color: var(--color-gray-500);
  line-height: 2;
}
.rbt-single-doc-snippet .rbt-snippet-card {
  position: relative;
  padding: 68px 24px 24px;
  background: var(--color-white);
  transition: var(--transition);
  border-radius: var(--radius-10) var(--radius-10) 0 0;
}
.rbt-single-doc-snippet .rbt-snippet-card.rbt-doc-has-text-content ul li,
.rbt-single-doc-snippet .rbt-snippet-card.rbt-doc-has-text-content ol li {
  line-height: 2;
}
.rbt-single-doc-snippet .rbt-snippet-card + .rbt-snippet-card {
  margin-top: 24px;
}
.rbt-single-doc-snippet .rbt-snippet-card::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  top: 13px;
  left: 19px;
  color: rgba(0, 0, 0, 0.07);
  background-color: #FF5F57;
  box-shadow: 16px 0 0 #FEBC2E, 32px 0 0 #29C841;
}
.rbt-single-doc-snippet .rbt-snippet-card::before {
  content: "";
  position: absolute;
  height: 36px;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: var(--radius-10) var(--radius-10) 0 0;
  background: var(--color-black-opacity);
  border-bottom: 1px solid var(--color-border);
}
.rbt-single-doc-snippet .rbt-snippet-card.has-not-browser-shape {
  padding: 24px;
  border-radius: var(--radius-10);
}
.rbt-single-doc-snippet .rbt-snippet-card.has-not-browser-shape::after, .rbt-single-doc-snippet .rbt-snippet-card.has-not-browser-shape::before {
  content: none;
}
.rbt-single-doc-snippet .rbt-snippet-card.has-not-browser-shape .rbt-snippet-code pre {
  border-radius: var(--radius-10);
}
.rbt-single-doc-snippet .rbt-snippet-card.rbt-snippet-code {
  margin-top: 0;
  padding: 0;
  border-radius: 0 0 var(--radius-10) var(--radius-10);
}
.rbt-single-doc-snippet .rbt-snippet-card.rbt-snippet-code::after, .rbt-single-doc-snippet .rbt-snippet-card.rbt-snippet-code::before {
  content: none;
}
.rbt-single-doc-snippet .rbt-snippet-card.rbt-snippet-code .rbt-doc-collapse-area {
  border-top: 1px solid var(--color-border);
}
.rbt-single-doc-snippet .rbt-snippet-card.rbt-snippet-code .rbt-doc-collapse-area button {
  border: none;
  outline: none;
  background: unset;
  font-size: var(--font-size-b1);
  font-weight: var(--f-semi-bold);
  color: var(--color-gray-600);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 24px;
  width: 100%;
}
.rbt-single-doc-snippet .rbt-snippet-card.rbt-snippet-code .rbt-doc-collapse-area button:hover {
  color: var(--color-primary);
}
.rbt-single-doc-snippet .rbt-snippet-card.rbt-snippet-code .rbt-doc-collapsable-content {
  border-top: 1px solid var(--color-border);
  box-shadow: none;
}
.rbt-single-doc-snippet .rbt-snippet-card > figure {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rbt-single-doc-snippet .rbt-snippet-card .rbt-preview-media video {
  max-width: 100%;
}
.rbt-single-doc-snippet .rbt-snippet-card mark {
  background: var(--color-brand-50);
  color: var(--color-gray-500);
  padding: 3px 6px;
  border-radius: 4px;
}
.rbt-single-doc-snippet .rbt-snippet-card .rbt-preview-btn {
  border: none;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 20px;
  border-radius: var(--radius);
  color: var(--color-white);
  line-height: 1.2;
  font-size: var(--h6);
  position: absolute;
  right: 4px;
  top: 0px;
}
.rbt-single-doc-snippet .rbt-snippet-card .rbt-preview-btn::after {
  content: "\f08e";
  font-family: "Font Awesome 5 Pro";
  font-size: var(--font-size-b2);
}
.rbt-single-doc-snippet .rbt-snippet-card .rbt-preview-btn:hover {
  filter: brightness(0.9);
}
.rbt-single-doc-snippet .rbt-snippet-card .rbt-products-nav .rbt-dropdown {
  z-index: 9;
}

.rbt-snippet-code .code-toolbar {
  position: relative;
}
.rbt-snippet-code .code-toolbar .toolbar {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  gap: 16px;
  align-items: center;
}
.rbt-snippet-code .code-toolbar .toolbar .toolbar-item span {
  color: var(--color-gray-light) !important;
  background: transparent !important;
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
}
.rbt-snippet-code .code-toolbar .toolbar .toolbar-item button {
  padding: 6px 12px;
  border: none;
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
  border-radius: var(--radius);
  color: var(--color-black) !important;
  background: var(--color-gray-200) !important;
  font-weight: var(--f-medium);
}
.rbt-snippet-code .code-toolbar .toolbar .toolbar-item button:hover {
  background: var(--color-white) !important;
}
.rbt-snippet-code pre {
  border-radius: 0 0 var(--radius-12) var(--radius-12);
  margin: 0;
}
.rbt-snippet-code pre::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.rbt-snippet-code pre::-webkit-scrollbar-track {
  background: var(--color-brand-100);
  border-radius: 6px;
}
.rbt-snippet-code pre::-webkit-scrollbar-thumb {
  background: var(--color-brand-400);
  border-radius: 6px;
}
.rbt-snippet-code pre::-webkit-scrollbar-button {
  background: var(--color-black);
  border-radius: 0 0 var(--radius) var(--radius);
}

@media only screen and (max-width: 767px) {
  .mainbar-row .header-right .splash-btn {
    height: 30px;
    width: 30px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.mobile-menu-bottom .rbt-button-group {
  margin: 0;
  margin-top: 16px;
  gap: 8px;
}
.mobile-menu-bottom .rbt-button-group .rbt-btn {
  margin: 0;
  flex: 1;
  text-align: center;
}

.rbt-doc-pagination-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 48px;
  padding-top: 32px;
  border-top: 1px solid var(--color-gray-200);
}
.rbt-doc-pagination-wrapper .rbt-doc-pagination a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--h6);
  color: var(--color-black);
}
.rbt-doc-pagination-wrapper .rbt-doc-pagination a:hover {
  color: var(--color-primary);
}
.rbt-doc-pagination-wrapper .rbt-doc-pagination.disabled {
  background: transparent !important;
}
.rbt-doc-pagination-wrapper .rbt-doc-pagination.disabled a {
  color: var(--color-gray-500);
}

/**************************************
        documentation sidebar
***************************************/
.rbt-doc-sidebar .rbt-sidebar-inner {
  padding: 0 12px;
  height: calc(100vh - 188px);
  overflow-y: auto;
}
@media only screen and (max-width: 767px) {
  .rbt-doc-sidebar .rbt-sidebar-inner {
    height: calc(100vh - 332px);
  }
}
.rbt-doc-sidebar .rbt-sidebar-inner::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.rbt-doc-sidebar .rbt-sidebar-inner::-webkit-scrollbar-track {
  background: var(--color-brand-100);
  border-radius: 6px;
}
.rbt-doc-sidebar .rbt-sidebar-inner::-webkit-scrollbar-thumb {
  background: var(--color-gray-300);
  border-radius: 6px;
}
.rbt-doc-sidebar .rbt-sidebar-inner::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.rbt-doc-sidebar.rbt-doc-sidebar-left {
  margin-left: -12px;
}
@media only screen and (max-width: 767px) {
  .rbt-doc-sidebar.rbt-doc-sidebar-left {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-doc-sidebar.rbt-doc-sidebar-right {
    display: none;
  }
}
.rbt-doc-sidebar.rbt-doc-sidebar-right .rbt-sidebar-inner {
  height: calc(100vh - 48px);
}
.rbt-doc-sidebar.rbt-doc-sidebar-right .rbt-doc-sidenav-list li {
  padding-left: 0;
}
.rbt-doc-sidebar.rbt-doc-sidebar-right .rbt-doc-sidenav-list li a {
  padding: 3px 8px;
  font-size: var(--font-size-b3);
}
.rbt-doc-sidebar.sticky-top {
  top: 96px;
}

.rbt-doc-sidebar-widget + .rbt-doc-sidebar-widget {
  margin-top: 24px;
}
.rbt-doc-sidebar-widget .rbt-title {
  margin-bottom: 12px;
  color: var(--color-heading);
  display: flex;
  align-items: center;
  gap: 6px;
}
.rbt-doc-sidebar-widget .rbt-title i {
  font-size: var(--font-size-b2);
}
.rbt-doc-sidebar-widget .input-section .inner-search-icon {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}
.rbt-doc-sidebar-widget .input-section .rbt-clear-btn {
  position: absolute;
  right: 7px;
  border: none;
  height: 20px;
  width: 20px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border-radius: var(--radius-full);
  color: var(--color-gray-500);
  font-size: var(--font-size-b3);
  opacity: 0;
}
.rbt-doc-sidebar-widget .input-section .rbt-clear-btn:hover {
  color: var(--color-primary);
}
.rbt-doc-sidebar-widget .input-section input {
  padding-left: 32px;
  color: var(--color-gray-600);
  height: 44px;
  border-radius: var(--radius-60);
  border-color: var(--color-extra-three);
}
.rbt-doc-sidebar-widget .input-section input:focus {
  border-color: var(--color-primary);
}

.rbt-doc-sidenav-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.rbt-doc-sidenav-list li {
  margin: 0;
  padding-left: 16px;
}
.rbt-doc-sidenav-list li + li {
  margin-top: 4px;
}
.rbt-doc-sidenav-list li a {
  display: block;
  padding: 4px 12px;
  font-size: var(--font-size-b1);
  color: var(--color-gray-500);
  border-left: 2px solid transparent;
}
.rbt-doc-sidenav-list li a.active {
  background: var(--color-brand-300);
  color: var(--color-primary);
  border-left: 2px solid var(--color-brand-700);
}
.rbt-doc-sidenav-list li a:hover {
  color: var(--color-primary);
}
.rbt-doc-sidenav-list li.current a {
  background: var(--color-brand-300);
  color: var(--color-primary);
  border-left: 2px solid var(--color-brand-700);
}

.rbt-preview-layout .rbt-close-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  border-radius: var(--radius-full);
  border: none;
  background: var(--color-brand-100);
  box-shadow: var(--shadow-6);
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
.rbt-preview-layout .rbt-close-preview:hover {
  background: var(--color-brand-200);
  color: var(--color-primary);
  transform: translateY(-50%) scale(0.97);
}
.rbt-preview-layout .modal-body {
  padding: 24px;
  display: flex;
  width: 100%;
}

.preview-wrapper {
  width: 100%;
  box-shadow: var(--shadow-8);
  border-radius: 8px;
  overflow: hidden;
}
.preview-wrapper .rbt-preview-header {
  display: flex;
  justify-content: center;
  background: var(--color-white);
  padding: 6px;
  border-bottom: 1px solid var(--color-border);
  position: relative;
}
.preview-wrapper .rbt-preview-header .rbt-device-btn {
  border: none;
  background: var(--color-white);
  padding: 10px 12px;
  margin: 0 4px;
  border-radius: var(--radius);
  color: var(--color-body);
  font-size: var(--h6);
  transition: var(--transition);
}
.preview-wrapper .rbt-preview-header .rbt-device-btn:hover {
  color: var(--color-primary);
}
.preview-wrapper .rbt-preview-header .rbt-device-btn.active {
  background: var(--color-brand-200);
  color: var(--color-primary);
}
.preview-wrapper .rbt-preview-box {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.preview-wrapper .rbt-preview-box iframe {
  width: 100%;
  height: 100%;
  border: none;
  transition: var(--transition);
}
/*# sourceMappingURL=../maps/style.css.map */