@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

:root {

  --color-primary: #f18129;

  --color-secondary: #f18129;

  --color-green: #24BD25;

  --color-light-green: #E5FAE5;

  --color-yellow: #FCC418;

  --color-orange: #CD6E00;

  --color-heading: #000000;

  --color-body: #000;

  --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;

  --color-white: #ffffff;

  --color-gray-light: #F9F9F9;

  --color-light-pink: #FFEDEB;

  --white-opacity: #ffffff21;

  --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;

  --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;

  --color-border: #F3F3F3;

  --color-border-2: #F4F4F4;

  --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;

  --color-element-bg-blue: #E5F2FB;

  --color-element-bg-yellow: #FAF0DC;

  --color-success: #53DC54;

  --color-danger: #E53E3E;

  --color-warning: #F5B24F;

  --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;

  --radius-60: 7px;

  --radius-10: 10px;

  --radius-12: 12px;

  --radius-big: 16px;

  --radius-md: 8px;

  --border-width: 1px;

  --radius: 6px;

  --radius-full: 500px;

  --f-light: 300;

  --f-regular: 400;

  --f-medium: 400;

  --f-semi-bold: 600;

  --f-bold: 600;

  --f-extra-bold: 800;

  --f-black: 900;

  --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);

  --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);

  --font-primary: "Jost", sans-serif;

  --font-secondary: "Caveat", cursive;

  --font-tertiary: "Bebas Neue", serif;

  --font-quaternary: "Caprasimo", serif;

  --font-size-b1: 16px;

  --font-size-b2: 15px;

  --font-size-b3: 14px;

  --font-size-b4: 12px;

  --font-size-xl: 54px;

  --line-height-b1: 1.5;

  --line-height-b2: 1.46;

  --line-height-b3: 1.4;

  --line-height-b4: 1.5;

  --line-height-xl: 1.18;

  --h1: 55px;

  --h2: 30px;

  --h3: 28px;

  --h4: 24px;

  --h5: 20px;

  --h6: 18px;

  --div-gap-1: 10px;

  --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%)

}



.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu,

.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu,

.rbt-dropdown-menu-elastic li .sub-menu,

.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu,

.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu,

.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 .2s ease-in-out, clip-path .4s ease-in-out;

  opacity: 0;

  visibility: visible

}



.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown:hover>.submenu,

.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu:hover .rbt-megamenu,

.mainbar-row .rbt-mainmenu-nav .mainmenu>li .submenu>li:hover>.submenu,

.rbt-dropdown-menu-elastic li.active .sub-menu,

.rbt-dropdown-menu-elastic li.active-on-hover:hover .sub-menu,

.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown:hover>.submenu,

.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu:hover .rbt-megamenu,

.rbt-main-navigation .rbt-mainmenu-nav .mainmenu>li .submenu>li:hover>.submenu,

.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

}



.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-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one ul li+li::before,

.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-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 .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-single-slider-activation,

.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-static-banner .rbt-banner-content.rbt-banner-content-has-bg-one,

.rbt-static-banner .rbt-banner-content.rbt-banner-content-has-bg-two,

.rbt-topbar-bg-img {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center

}



.advance-pricing .pricing-right .plan-offer-list,

.plan-offer-list,

.pricing-billing-duration ul,

.pricing-table .pricing-body .list-item,

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper,

.rbt-comment-list,

.rbt-comment-list .comment .rbt-commented-img-list,

.rbt-comment-list ul.rbt-child-comment,

.rbt-dropdown-menu-elastic,

.rbt-header-cat-link-section .rbt-cat-link-wrapper,

.rbt-inf-box-wrapper-list,

.rbt-list-style-1,

.rbt-list-style-3,

.rbt-product-nav-grp,

.rbt-single-widget ul.rbt-sidebar-list-wrapper,

.rbt-user-menu-list-wrapper .user-list-wrapper,

.social-share-transparent {

  padding: 0;

  margin: 0;

  list-style: none

}



#scrollUp,

.filter-button-default button,

.form-group input,

.form-group textarea,

.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li a,

.rainbow-card,

.rainbow-card .inner .content .title a,

.rainbow-card .inner .thumbnail .card-image img,

.rbt-author-meta .rbt-author-info a,

.rbt-comment-list .comment .reply-edit a.comment-reply-link,

.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li a,

.rbt-minicart-wrapper .minicart-item,

.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,

.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-user-menu-list-wrapper .user-list-wrapper li a,

.social-share-transparent li a,

.social-share-transparent li a::before,

.team .thumbnail img,

ol li a,

ul li a {

  transition: var(--transition)

}



.rbt-dropdown-menu-elastic li .sub-menu li a,

.rbt-dropdown-menu-elastic li a,

.rbt-dropdown-menu-elastic li a .right-icon {

  transition: var(--transition)

}



.liststyle {

  padding: 0;

  margin: 0;

  list-style: none

}



.liststyle li {

  margin: 0

}



.height-auto {

  height: auto !important

}



.max-width-auto {

  max-width: inherit !important

}



.max-width-542 {

  max-width: 542px !important

}



body.theme-yellow {

  --color-primary: var(--color-yellow)

}



body.theme-blue {

  --color-primary: #2196F3

}



body.theme-red {

  --color-primary: #F44336

}



* {

  -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: 0;

  transition: var(--transition)

}



a:active,

a:focus,

a:hover {

  text-decoration: none;

  outline: 0;

  color: var(--color-primary)

}



a:focus {

  outline: 0

}



address {

  margin: 0 0 24px

}



abbr[title] {

  border-bottom: 1px dotted

}



b,

strong {

  font-weight: 700

}



mark {

  background: var(--color-primary);

  color: #fff

}



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)

}



ins,

kbd {

  color: #fff

}



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: -.5em

}



sub {

  bottom: -.25em

}



dl {

  margin-top: 0;

  margin-bottom: 10px

}



dd {

  margin: 0 15px 15px

}



dt {

  font-weight: 700;

  color: var(--color-heading)

}



menu,

ol,

ul {

  margin: 16px 0;

  padding: 0 0 0 40px

}



nav ol,

nav ul {

  list-style: none;

  list-style-image: none

}



li>ol,

li>ul {

  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: .35em .625em .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,

td,

th {

  font-weight: 400

}



th {

  font-weight: var(--f-medium)

}



.wp-block-calendar tfoot td,

td {

  border: 1px solid var(--color-border);

  padding: 7px 10px

}



del {

  color: #333

}



ins {

  background: rgba(255, 47, 47, .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: 700;

  margin-bottom: 10px

}



dd {

  margin: 0 15px 15px

}



caption {

  caption-side: top

}



kbd {

  background: var(--color-heading)

}



cite,

dfn,

em {

  font-style: italic

}



blockquote,

q {

  -webkit-hyphens: none;

  -moz-hyphens: none;

  -ms-hyphens: none;

  hyphens: none;

  quotes: none

}



blockquote:after,

blockquote:before,

q:after,

q:before {

  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: 400

}



blockquote b,

blockquote strong {

  font-weight: 700

}



* {

  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: 14px

  }

}



.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

address,

blockquote,

h1,

h2,

h3,

h4,

h5,

h6,

hr,

menu,

ol,

p,

pre,

table,

ul {

  margin: 0;

  margin-bottom: 20px

}



@media only screen and (max-width:767px) {

  .h1,

  .h2,

  .h3,

  .h4,

  .h5,

  .h6,

  address,

  blockquote,

  h1,

  h2,

  h3,

  h4,

  h5,

  h6,

  hr,

  menu,

  ol,

  p,

  pre,

  table,

  ul {

    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

}



.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: 18px

  }

  .h5,

  h5 {

    font-size: 17px

  }

  .h6,

  h6 {

    font-size: 16px

  }

}



@media only screen and (max-width:479px) {

  .h1,

  h1 {

    font-size: 24px

  }

  .h2,

  h2 {

    font-size: 22px

  }

}



.h1,

.h2,

.h3,

h1,

h2,

h3 {

  font-weight: var(--f-bold)

}



.h4,

.h5,

h4,

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

}



.wp-block-pullquote cite,

.wp-block-pullquote.is-style-solid-color blockquote cite,

.wp-block-quote cite,

cite {

  color: var(--heading-color)

}



var {

  font-family: "Courier 10 Pitch", Courier, monospace

}



ol,

ul {

  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

}



.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(0);

    transform: rotate(0)

  }

  to {

    -webkit-transform: rotate(-360deg);

    transform: rotate(-360deg)

  }

}



@keyframes rbt_rotatation_round {

  from {

    -webkit-transform: rotate(0);

    transform: rotate(0)

  }

  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%,

  100%,

  20%,

  50%,

  80% {

    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: #fff;

  animation: rbtbudgetShiny 5s ease-in-out infinite

}



@keyframes rbtbudgetShiny {

  0% {

    transform: scale(0) rotate(45deg);

    opacity: 0

  }

  93% {

    transform: scale(0) rotate(45deg);

    opacity: .1

  }

  95% {

    transform: scale(4) rotate(45deg);

    opacity: .6

  }

  100% {

    transform: scale(50) rotate(45deg);

    opacity: 0

  }

}



.rbt-flash-animation>img,

.rbt-flash-animation>svg {

  animation: rbt_flash_animate 4s infinite

}



@keyframes rbt_flash_animate {

  0% {

    opacity: 1

  }

  5% {

    opacity: .1

  }

  10% {

    opacity: .9

  }

  15% {

    opacity: .1

  }

  20% {

    opacity: .9

  }

  25% {

    opacity: .1

  }

  30% {

    opacity: .9

  }

  100% {

    opacity: 1

  }

}



.clearfix:after,

.clearfix:before {

  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

  }

}



.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

}



.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

}



.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

}



.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

}



.fullscreen {

  min-height: 100vh;

  width: 100%

}



@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:992px) {

  .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:992px) {

  .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%

  }

}



@media (min-width:1400px) {

  .col-xxl-1-8 {

    width: 12.5%

  }

  .col-xxl-2-8 {

    width: 25%

  }

  .col-xxl-3-8 {

    width: 37.5%

  }

  .col-xxl-4-8 {

    width: 50%

  }

  .col-xxl-5-8 {

    width: 62.5%

  }

  .col-xxl-6-8 {

    width: 75%

  }

  .col-xxl-7-8 {

    width: 87.5%

  }

  .col-xxl-8-8 {

    width: 100%

  }

}



.row--0 {

  margin-left: 0;

  margin-right: 0

}



.row--0>[class*=col] {

  padding-left: 0;

  padding-right: 0

}



.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: 8px !important;

    padding-right: 8px !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:-moz-placeholder,

textarea:-moz-placeholder {

  opacity: 1

}



input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

  opacity: 1

}



input::-moz-placeholder,

textarea::-moz-placeholder {

  opacity: 1

}



input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

  opacity: 1

}



[data-black-overlay],

[data-gradient-overlay],

[data-overlay],

[data-white-overlay] {

  position: relative

}



[data-black-overlay]>*,

[data-black-overlay]>div,

[data-gradient-overlay]>*,

[data-gradient-overlay]>div,

[data-overlay]>*,

[data-overlay]>div,

[data-white-overlay]>*,

[data-white-overlay]>div {

  position: relative;

  z-index: 2

}



[data-black-overlay]:before,

[data-gradient-overlay]:before,

[data-overlay]:before,

[data-white-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: #000

}



[data-white-overlay]:before {

  background-color: #fff

}



[data-black-overlay="1"]:before,

[data-gradient-overlay="1"]:before,

[data-overlay="1"]:before,

[data-white-overlay="1"]:before {

  opacity: .1

}



[data-black-overlay="2"]:before,

[data-gradient-overlay="2"]:before,

[data-overlay="2"]:before,

[data-white-overlay="2"]:before {

  opacity: .2

}



[data-black-overlay="3"]:before,

[data-gradient-overlay="3"]:before,

[data-overlay="3"]:before,

[data-white-overlay="3"]:before {

  opacity: .3

}



[data-black-overlay="4"]:before,

[data-gradient-overlay="4"]:before,

[data-overlay="4"]:before,

[data-white-overlay="4"]:before {

  opacity: .4

}



[data-black-overlay="5"]:before,

[data-gradient-overlay="5"]:before,

[data-overlay="5"]:before,

[data-white-overlay="5"]:before {

  opacity: .5

}



[data-black-overlay="6"]:before,

[data-gradient-overlay="6"]:before,

[data-overlay="6"]:before,

[data-white-overlay="6"]:before {

  opacity: .6

}



[data-black-overlay="7"]:before,

[data-gradient-overlay="7"]:before,

[data-overlay="7"]:before,

[data-white-overlay="7"]:before {

  opacity: .7

}



[data-black-overlay="8"]:before,

[data-gradient-overlay="8"]:before,

[data-overlay="8"]:before,

[data-white-overlay="8"]:before {

  opacity: .8

}



[data-black-overlay="9"]:before,

[data-gradient-overlay="9"]:before,

[data-overlay="9"]:before,

[data-white-overlay="9"]:before {

  opacity: .9

}



[data-black-overlay="10"]:before,

[data-gradient-overlay="10"]:before,

[data-overlay="10"]:before,

[data-white-overlay="10"]:before {

  opacity: 1

}



.opacity-7 {

  opacity: .7

}



[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

}



#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: #fff

}



@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, .1);

  content: "";

  position: absolute;

  z-index: -1;

  transform-style: preserve-3d;

  transform: rotateY(-10deg);

  filter: blur(50px)

}



#scrollUp::after {

  background: #fff;

  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

  }

}



.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-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

}



.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: 40px 0

}



@media only screen and (min-width:768px) and (max-width:991px),

only screen and (min-width:992px) and (max-width:1199px) {

  .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),

only screen and (min-width:992px) and (max-width:1199px) {

  .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),

only screen and (min-width:992px) and (max-width:1199px) {

  .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),

only screen and (min-width:992px) and (max-width:1199px) {

  .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),

only screen and (min-width:992px) and (max-width:1199px) {

  .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),

only screen and (min-width:992px) and (max-width:1199px) {

  .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),

only screen and (min-width:992px) and (max-width:1199px) {

  .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),

only screen and (min-width:992px) and (max-width:1199px) {

  .rbt-section-gap3Bottom {

    padding-bottom: 40px

  }

}



@media only screen and (max-width:767px) {

  .rbt-section-gap3Bottom {

    padding-bottom: 20px

  }

}



.rbt-section-gapTop {

  padding-top: 40px

}



@media only screen and (min-width:768px) and (max-width:991px),

only screen and (min-width:992px) and (max-width:1199px) {

  .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),

only screen and (min-width:992px) and (max-width:1199px) {

  .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),

only screen and (min-width:992px) and (max-width:1199px) {

  .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),

only screen and (min-width:992px) and (max-width:1199px) {

  .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),

only screen and (min-width:992px) and (max-width:1199px) {

  .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),

only screen and (min-width:992px) and (max-width:1199px) {

  .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),

only screen and (min-width:992px) and (max-width:1199px) {

  .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),

only screen and (min-width:992px) and (max-width:1199px) {

  .pb--120,

  .pb--165,

  .pb--85 {

    padding-bottom: 80px !important

  }

}



@media only screen and (max-width:767px) {

  .pb--120,

  .pb--165,

  .pb--85 {

    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

}



.rbt-gap--0 {

  display: flex;

  gap: 0 !important

}



.rbt-gap-lr--0 {

  display: flex;

  gap: 0 0 !important

}



.rbt-gap-tb--0 {

  display: flex;

  gap: 0 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

}



.rbt-rounded--0 {

  border-radius: 0 !important

}



.rbt-rounded-top--0 {

  border-radius: 1px 0 0 0 !important

}



.rbt-rounded-left--0 {

  border-radius: 0 !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

}



.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: 0 !important

}



.p--0 {

  padding: 0 !important

}



.ptb--0 {

  padding: 0 0 !important

}



.plr--0 {

  padding: 0 0 !important

}



.pt--0 {

  padding-top: 0 !important

}



.pb--0 {

  padding-bottom: 0 !important

}



.pl--0 {

  padding-left: 0 !important

}



.pr--0 {

  padding-right: 0 !important

}



.mt--0 {

  margin-top: 0 !important

}



.mb--0 {

  margin-bottom: 0 !important

}



.mr--0 {

  margin-right: 0 !important

}



.ml--0 {

  margin-left: 0 !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: 0 !important

  }

  .p_lp--0 {

    padding: 0 !important

  }

  .ptb_lp--0 {

    padding: 0 0

  }

  .plr_lp--0 {

    padding: 0 0

  }

  .pt_lp--0 {

    padding-top: 0

  }

  .pb_lp--0 {

    padding-bottom: 0

  }

  .pl_lp--0 {

    padding-left: 0

  }

  .pr_lp--0 {

    padding-right: 0

  }

  .mt_lp--0 {

    margin-top: 0

  }

  .mb_lp--0 {

    margin-bottom: 0

  }

  .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: 0 !important

  }

  .p_lg--0 {

    padding: 0 !important

  }

  .ptb_lg--0 {

    padding: 0 0 !important

  }

  .plr_lg--0 {

    padding: 0 0 !important

  }

  .pt_lg--0 {

    padding-top: 0 !important

  }

  .pb_lg--0 {

    padding-bottom: 0 !important

  }

  .pl_lg--0 {

    padding-left: 0 !important

  }

  .pr_lg--0 {

    padding-right: 0 !important

  }

  .mt_lg--0 {

    margin-top: 0 !important

  }

  .mb_lg--0 {

    margin-bottom: 0 !important

  }

  .ml_lg--0 {

    margin-left: 0 !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: 0 !important

  }

  .p_md--0 {

    padding: 0 !important

  }

  .ptb_md--0 {

    padding: 0 0 !important

  }

  .plr_md--0 {

    padding: 0 0 !important

  }

  .pt_md--0 {

    padding-top: 0 !important

  }

  .pb_md--0 {

    padding-bottom: 0 !important

  }

  .pl_md--0 {

    padding-left: 0 !important

  }

  .pr_md--0 {

    padding-right: 0 !important

  }

  .mt_md--0 {

    margin-top: 0 !important

  }

  .mb_md--0 {

    margin-bottom: 0 !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: 0 !important

  }

  .p_sm--0 {

    padding: 0 !important

  }

  .ptb_sm--0 {

    padding: 0 0 !important

  }

  .plr_sm--0 {

    padding: 0 0 !important

  }

  .pt_sm--0 {

    padding-top: 0 !important

  }

  .pb_sm--0 {

    padding-bottom: 0 !important

  }

  .pl_sm--0 {

    padding-left: 0 !important

  }

  .pr_sm--0 {

    padding-right: 0 !important

  }

  .mt_sm--0 {

    margin-top: 0 !important

  }

  .ml_sm--0 {

    margin-left: 0 !important

  }

  .mr_sm--0 {

    margin-right: 0 !important

  }

  .mb_sm--0 {

    margin-bottom: 0 !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: 0 !important

  }

  .p_mobile--0 {

    padding: 0 !important

  }

  .ptb_mobile--0 {

    padding: 0 0 !important

  }

  .plr_mobile--0 {

    padding: 0 0 !important

  }

  .pt_mobile--0 {

    padding-top: 0 !important

  }

  .pb_mobile--0 {

    padding-bottom: 0 !important

  }

  .pl_mobile--0 {

    padding-left: 0 !important

  }

  .pr_mobile--0 {

    padding-right: 0 !important

  }

  .mt_mobile--0 {

    margin-top: 0 !important

  }

  .mb_mobile--0 {

    margin-bottom: 0 !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: 0;

  margin-right: 0

}



.slick-gutter-0 .slick-slide {

  padding-left: 0;

  padding-right: 0

}



.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

}



@media only screen and (max-width:767px) {

  .sm_w-100 {

    width: 100% !important

  }

}



@media only screen and (min-width:768px) and (max-width:991px),

only screen and (min-width:992px) and (max-width:1199px) {

  .md_w-100 {

    width: 100% !important

  }

}



.min-height-400 {

  min-height: 400px !important

}



@media only screen and (max-width:767px) {

  .min-height-400 {

    min-height: 300px !important

  }

}



@media only screen and (max-width:575px) {

  .min-height-400 {

    min-height: 200px !important

  }

}



.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: 40%

  }

  .rbt-mobile-row .col-12 {

    width: 85%

  }

  .rbt-mobile-row .col-3 {

    flex: 0 0 auto;

    width: 27%

  }

}



@media only screen and (min-width:768px) and (max-width:991px) {

  .rbt-tablet-row {

    overflow-x: auto;

    flex-wrap: nowrap;

    min-height: max-content;

    overflow-y: hidden

  }

  .rbt-tablet-row::-webkit-scrollbar {

    display: none;

    -webkit-appearance: none;

    -moz-appearance: none

  }

  .rbt-tablet-row .col-md-2 {

    flex: 0 0 auto;

    width: 16%

  }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

  .rbt-large-tablet-row {

    overflow-x: auto;

    flex-wrap: nowrap;

    min-height: max-content;

    overflow-y: hidden

  }

  .rbt-large-tablet-row::-webkit-scrollbar {

    display: none;

    -webkit-appearance: none;

    -moz-appearance: none

  }

  .rbt-large-tablet-row .col-lg-1 {

    flex: 0 0 auto;

    width: 15%

  }

}



.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-md-wider-container {

  margin-left: auto;

  margin-right: auto;

  padding: 0 7.5px

}



@media (min-width:576px) {

  .rbt-md-wider-container {

    max-width: 540px

  }

}



@media (min-width:768px) {

  .rbt-md-wider-container {

    max-width: 720px

  }

}



@media (min-width:992px) {

  .rbt-md-wider-container {

    max-width: 960px

  }

}



@media (min-width:1200px) {

  .rbt-md-wider-container {

    max-width: 1140px

  }

}



@media (min-width:1400px) {

  .rbt-md-wider-container {

    max-width: 1510px

  }

}



.rbt-round-btn {

  width: 35px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  border-radius: var(--radius-full);

  position: relative;

  z-index: 1;

  background: 0 0;

  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, .9) 0, rgba(255, 255, 255, .5) 100%);

  backdrop-filter: blur(50px);

  color: var(--color-gray-300)

}



.rbt-round-btn.bg-light-one.active,

.rbt-round-btn.bg-light-one::after,

.rbt-round-btn.bg-light-one:hover {

  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.active,

.rbt-round-btn.rbt-bg-primary::after,

.rbt-round-btn.rbt-bg-primary:hover {

  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.active,

.rbt-round-btn.has-rbt-bg-black::after,

.rbt-round-btn.has-rbt-bg-black:hover {

  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(.85);

  border-radius: var(--radius-full);

  z-index: -1

}



.rbt-round-btn.btn-white-off {

  color: var(--color-white)

}



.rbt-round-btn.open,

.rbt-round-btn:hover {

  color: var(--color-heading)

}



.rbt-round-btn.open::after,

.rbt-round-btn:hover::after {

  opacity: 1;

  transform: scale(1)

}



.rbt-round-btn:active::after {

  transform: scale(.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 .2s ease, transform .2s ease 1s, opacity .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 .2s ease, background-color .2s ease;

  animation-duration: .4s;

  animation-timing-function: cubic-bezier(.5, .01, .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 {

  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 .65s cubic-bezier(.23, 1, .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 .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-color-primary {

  color: var(--color-primary)

}



.rbt-bold--text {

  font-weight: 700

}



.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

}



.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

}



.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.html);

  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

}



.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)

}



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 0

  }

}



.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: 0 0;

  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: 0 0;

  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);

  min-width: max-content !important

}



.rbt-tag-list a i {

  font-size: var(--font-size-b4);

  line-height: 36px

}



.rbt-tag-list a.active,

.rbt-tag-list a:hover {

  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.active,

.rbt-tag-list.rbt-tag-list-var-one a:hover {

  background: var(--color-primary);

  color: var(--color-white)

}



.rbt-tag-list.rbt-tag-list-var-one a.active i,

.rbt-tag-list.rbt-tag-list-var-one a:hover 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.active,

.rbt-tag-list.rbt-tag-list-rounded-lg a:active,

.rbt-tag-list.rbt-tag-list-rounded-lg a:hover {

  background: var(--color-primary);

  color: var(--color-white)

}



.rbt-tag-list.rbt-tag-list-rounded-lg a.active i,

.rbt-tag-list.rbt-tag-list-rounded-lg a:active i,

.rbt-tag-list.rbt-tag-list-rounded-lg a:hover 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: 0;

    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: 0 0

}



.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: 0 0;

  position: relative

}



.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg::before {

  position: absolute;

  content: "\f00c";

  font-family: "Font Awesome 7 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 7 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: #000

}



.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: #d93

}



.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.active .rbt-color-swatch-bg::before,

.rbt-color-swatch-group .rbt-color-swatch-content:hover .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-count,

.rbt-color-swatch-group .rbt-color-swatch-text {

  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;

  padding-left: 16px;

  padding-right: 16px

}



.rbt-price-range-slider .rbt-range-value {

  margin: 0

}



.rbt-price-range-slider .rbt-range-value input {

  width: 100%;

  background: 0 0;

  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: 0

}



.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: 34px;

    padding: 0 12px;

    border-radius: var(--radius);

    line-height: 40px;

    font-size: var(--font-size-b2);

    line-height: 34px;

}



@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

}



@media only screen and (max-width:1199px) {

  .rbt-social-icon-list {

    gap: 12px

  }

}



@media only screen and (max-width:479px) {

  .rbt-social-icon-list {

    gap: 8px

  }

}



.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: .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

}



.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 {

  border-radius: 50px;

  height: 6px;

  width: 100%;

  background: var(--color-brand-100)

}



.progress .progress-bar {

  background-color: var(--color-primary);

  border-radius: 5px

}



.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: 0 0;

  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: 0 0

}



.rbt-badge.rbt-badge-rounded {

  border-radius: 30px

}



.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: 0 0;

  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-btn-area {

  display: flex;

  position: relative;

  justify-content: center

}



.rbt-show-more-btn-area::before {

  background: linear-gradient(180deg, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .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 button {

  position: relative;

  z-index: 2;

  width: 100%;

  height: 100%;

  background: 0 0;

  border: 0;

  color: var(--color-primary);

  font-size: var(--font-size-b4);

  line-height: var(--line-height-b4);

  font-weight: 600;

  cursor: pointer;

  text-align: center;

  width: max-content

}



.rbt-show-more-btn-area.active::before {

  background: 0 0;

  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 7 Pro", sans-serif;

  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-single-widget .rbt-has-show-more button {

  width: 100%;

  text-align: center

}



.rbt-qty-area {

  border-radius: 7px;

  border: 2px solid var(--color-gray-300);

  display: inline-flex;

  align-items: center;

  height: 35px;

    min-width: 113px;

}



@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: 500 !important;

  background: 0 0;

  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: 34px;

    height: calc(100% - 4px);

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    min-width: 34px;

}



.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(.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(.6)

}



.rbt-qty-area input {

  max-width: 35px;

  padding: 0 !important;

  text-align: center

}



.rbt-qty-area input::-webkit-inner-spin-button,

.rbt-qty-area input::-webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0

}



@media only screen and (max-width:767px) {

  .rbt-qty-area input::-webkit-inner-spin-button,

  .rbt-qty-area input::-webkit-outer-spin-button {

    max-width: 24px

  }

}



@media only screen and (max-width:767px) {

  .rbt-qty-area input {

    max-width: 40px

  }

}



.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: 800px;

  width: 100%

}



@media only screen and (max-width:1199px),

only screen and (min-width:1200px) and (max-width:1599px) {

  .rbt-video-area .video-popup-style-two {

    height: auto

  }

}



.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, .53) 39.58%, rgba(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, .3) 0, rgba(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-gray-light .rbt-quick-access>li.rbt-access-box-link>a,

.rbt-bg-color-white .rbt-quick-access>li.rbt-access-box-link>a {

  color: var(--color-black)

}



.rbt-bg-color-gray-light .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-white .rbt-quick-access>li.rbt-access-box-link>a:hover i,

.rbt-bg-color-white .rbt-quick-access>li.rbt-access-box-link>a:hover span {

  color: var(--color-primary)

}



.rbt-bg-color-white .rbt-quick-access>li .header-info+.header-info {

  border-color: var(--color-gray-300)

}



.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:767px),

only screen and (min-width:768px) and (max-width:991px) {

  .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box {

    gap: 16px

  }

}



@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-desc,

.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list.rbt-inf-box-sm-wrapper-list .rbt-inf-box .rbt-inf-box-title {

  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)

}



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: .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-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 {

  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-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, .85) 61.95%, #f9f9f9 100%)

}



.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-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::after,

.rbt-variant-picker-values input[type=radio]+label::before {

  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: 0 0 !important

}



.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

  }

}



@media only screen and (max-width:575px) {

  .rbt-scroll-animation-wrapper {

    padding: 16px

  }

}



@media only screen and (max-width:479px) {

  .rbt-scroll-animation-wrapper {

    padding: 12px

  }

}



.rbt-scroll-animation-wrapper::after,

.rbt-scroll-animation-wrapper::before {

  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::after,

  .rbt-scroll-animation-wrapper::before {

    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::after,

.rbt-scroll-animation-wrapper.rbt-no-overlay::before {

  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-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-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, .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: 0 0 !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: .3s;

  position: relative;

  background-color: var(--color-heading);

  border-radius: 5%

}



.rbt-burger-menu-bar .rbt-lines::after,

.rbt-burger-menu-bar .rbt-lines::before {

  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 .4s .45s ease, transform .3s ease, background-color .2s ease, opacity .2s ease

}



.rbt-burger-menu-bar .rbt-lines::after {

  top: 5px;

  width: calc(100% - 4px);

  transition: transform .65s cubic-bezier(.3, 1, .3, 1) 80ms, background-color .2s ease, opacity .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::after,

.rbt-burger-menu-bar .rbt-hover-effect .rbt-lines::before {

  left: -30px

}



.rbt-burger-menu-bar:hover .rbt-lines {

  transform: translateX(30px)

}



.rbt-burger-menu-bar:hover .rbt-lines::after,

.rbt-burger-menu-bar:hover .rbt-lines::before {

  transform: translateX(30px);

  transition: top .4s .45s ease, width .3s ease, transform .3s ease, background-color .2s ease, opacity .2s ease

}



.rbt-burger-menu-bar:hover .rbt-lines::before {

  transition: transform .65s cubic-bezier(.3, 1, .3, 1) 80ms, background-color .2s ease, opacity .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: .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

}



.rbt-bg-color-chocolate-50 {

  background: #f9f3ff !important

}



[type=button],

[type=reset],

[type=submit],

button {

  -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: 0;

  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: #fff no-repeat center right 20px

}



select.rbt-select-activation {

  height: auto;

  padding: 0;

  border: 0;

  width: auto;

  background: 0 0

}



@media only screen and (max-width:767px),

only screen and (min-width:768px) and (max-width:991px) {

  select {

    height: 40px

  }

}



input[type=date],

input[type=email],

input[type=number],

input[type=password],

input[type=search],

input[type=tel],

input[type=text],

textarea {

font-size: 15px;

    font-weight: 400;

    height: 35px;

    line-height: 22px;

    background: 0 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    padding: 0 15px;

    outline: 0;

    border: solid 1px #f1812970;

    border-radius: var(--radius);

    color: var(--color-gray-400);

    box-shadow: var(--shadow-10);

}



@media only screen and (max-width:767px),

only screen and (min-width:768px) and (max-width:991px) {

  input[type=date],

  input[type=email],

  input[type=number],

  input[type=password],

  input[type=search],

  input[type=tel],

  input[type=text],

  textarea {

    height: 40px

  }

}



input[type=date]::placeholder,

input[type=email]::placeholder,

input[type=number]::placeholder,

input[type=password]::placeholder,

input[type=search]::placeholder,

input[type=tel]::placeholder,

input[type=text]::placeholder,

textarea::placeholder {

  color: var(--body-color);

  opacity: 1

}



input[type=date]:-ms-input-placeholder,

input[type=email]:-ms-input-placeholder,

input[type=number]:-ms-input-placeholder,

input[type=password]:-ms-input-placeholder,

input[type=search]:-ms-input-placeholder,

input[type=tel]:-ms-input-placeholder,

input[type=text]:-ms-input-placeholder,

textarea:-ms-input-placeholder {

  color: var(--body-color);

  opacity: 1

}



input[type=date]::-ms-input-placeholder,

input[type=email]::-ms-input-placeholder,

input[type=number]::-ms-input-placeholder,

input[type=password]::-ms-input-placeholder,

input[type=search]::-ms-input-placeholder,

input[type=tel]::-ms-input-placeholder,

input[type=text]::-ms-input-placeholder,

textarea::-ms-input-placeholder {

  color: var(--body-color);

  opacity: 1

}



.input-active input[type=date],

.input-active input[type=email],

.input-active input[type=number],

.input-active input[type=password],

.input-active input[type=search],

.input-active input[type=tel],

.input-active input[type=text],

input[type=date].input-active,

input[type=date].p-holder__active,

input[type=email].input-active,

input[type=email].p-holder__active,

input[type=number].input-active,

input[type=number].p-holder__active,

input[type=password].input-active,

input[type=password].p-holder__active,

input[type=search].input-active,

input[type=search].p-holder__active,

input[type=tel].input-active,

input[type=tel].p-holder__active,

input[type=text].input-active,

input[type=text].p-holder__active,

textarea.input-active,

textarea.p-holder__active {

  border-color: var(--color-primary)

}



.input-active input[type=date]::placeholder,

.input-active input[type=email]::placeholder,

.input-active input[type=number]::placeholder,

.input-active input[type=password]::placeholder,

.input-active input[type=search]::placeholder,

.input-active input[type=tel]::placeholder,

.input-active input[type=text]::placeholder,

input[type=date].input-active::placeholder,

input[type=date].p-holder__active::placeholder,

input[type=email].input-active::placeholder,

input[type=email].p-holder__active::placeholder,

input[type=number].input-active::placeholder,

input[type=number].p-holder__active::placeholder,

input[type=password].input-active::placeholder,

input[type=password].p-holder__active::placeholder,

input[type=search].input-active::placeholder,

input[type=search].p-holder__active::placeholder,

input[type=tel].input-active::placeholder,

input[type=tel].p-holder__active::placeholder,

input[type=text].input-active::placeholder,

input[type=text].p-holder__active::placeholder,

textarea.input-active::placeholder,

textarea.p-holder__active::placeholder {

  color: var(--color-primary);

  opacity: 1

}



.input-active input[type=date]:-ms-input-placeholder,

.input-active input[type=email]:-ms-input-placeholder,

.input-active input[type=number]:-ms-input-placeholder,

.input-active input[type=password]:-ms-input-placeholder,

.input-active input[type=search]:-ms-input-placeholder,

.input-active input[type=tel]:-ms-input-placeholder,

.input-active input[type=text]:-ms-input-placeholder,

input[type=date].input-active:-ms-input-placeholder,

input[type=date].p-holder__active:-ms-input-placeholder,

input[type=email].input-active:-ms-input-placeholder,

input[type=email].p-holder__active:-ms-input-placeholder,

input[type=number].input-active:-ms-input-placeholder,

input[type=number].p-holder__active:-ms-input-placeholder,

input[type=password].input-active:-ms-input-placeholder,

input[type=password].p-holder__active:-ms-input-placeholder,

input[type=search].input-active:-ms-input-placeholder,

input[type=search].p-holder__active:-ms-input-placeholder,

input[type=tel].input-active:-ms-input-placeholder,

input[type=tel].p-holder__active:-ms-input-placeholder,

input[type=text].input-active:-ms-input-placeholder,

input[type=text].p-holder__active:-ms-input-placeholder,

textarea.input-active:-ms-input-placeholder,

textarea.p-holder__active:-ms-input-placeholder {

  color: var(--color-primary)

}



.input-active input[type=date]::-ms-input-placeholder,

.input-active input[type=email]::-ms-input-placeholder,

.input-active input[type=number]::-ms-input-placeholder,

.input-active input[type=password]::-ms-input-placeholder,

.input-active input[type=search]::-ms-input-placeholder,

.input-active input[type=tel]::-ms-input-placeholder,

.input-active input[type=text]::-ms-input-placeholder,

input[type=date].input-active::-ms-input-placeholder,

input[type=date].p-holder__active::-ms-input-placeholder,

input[type=email].input-active::-ms-input-placeholder,

input[type=email].p-holder__active::-ms-input-placeholder,

input[type=number].input-active::-ms-input-placeholder,

input[type=number].p-holder__active::-ms-input-placeholder,

input[type=password].input-active::-ms-input-placeholder,

input[type=password].p-holder__active::-ms-input-placeholder,

input[type=search].input-active::-ms-input-placeholder,

input[type=search].p-holder__active::-ms-input-placeholder,

input[type=tel].input-active::-ms-input-placeholder,

input[type=tel].p-holder__active::-ms-input-placeholder,

input[type=text].input-active::-ms-input-placeholder,

input[type=text].p-holder__active::-ms-input-placeholder,

textarea.input-active::-ms-input-placeholder,

textarea.p-holder__active::-ms-input-placeholder {

  color: var(--color-primary)

}



.input-error input[type=date],

.input-error input[type=email],

.input-error input[type=number],

.input-error input[type=password],

.input-error input[type=search],

.input-error input[type=tel],

.input-error input[type=text],

input[type=date].input-error,

input[type=date].p-holder__error,

input[type=email].input-error,

input[type=email].p-holder__error,

input[type=number].input-error,

input[type=number].p-holder__error,

input[type=password].input-error,

input[type=password].p-holder__error,

input[type=search].input-error,

input[type=search].p-holder__error,

input[type=tel].input-error,

input[type=tel].p-holder__error,

input[type=text].input-error,

input[type=text].p-holder__error,

textarea.input-error,

textarea.p-holder__error {

  border-color: #f4282d

}



.input-error input[type=date]::placeholder,

.input-error input[type=email]::placeholder,

.input-error input[type=number]::placeholder,

.input-error input[type=password]::placeholder,

.input-error input[type=search]::placeholder,

.input-error input[type=tel]::placeholder,

.input-error input[type=text]::placeholder,

input[type=date].input-error::placeholder,

input[type=date].p-holder__error::placeholder,

input[type=email].input-error::placeholder,

input[type=email].p-holder__error::placeholder,

input[type=number].input-error::placeholder,

input[type=number].p-holder__error::placeholder,

input[type=password].input-error::placeholder,

input[type=password].p-holder__error::placeholder,

input[type=search].input-error::placeholder,

input[type=search].p-holder__error::placeholder,

input[type=tel].input-error::placeholder,

input[type=tel].p-holder__error::placeholder,

input[type=text].input-error::placeholder,

input[type=text].p-holder__error::placeholder,

textarea.input-error::placeholder,

textarea.p-holder__error::placeholder {

  color: #f4282d;

  opacity: 1

}



.input-error input[type=date]:-ms-input-placeholder,

.input-error input[type=email]:-ms-input-placeholder,

.input-error input[type=number]:-ms-input-placeholder,

.input-error input[type=password]:-ms-input-placeholder,

.input-error input[type=search]:-ms-input-placeholder,

.input-error input[type=tel]:-ms-input-placeholder,

.input-error input[type=text]:-ms-input-placeholder,

input[type=date].input-error:-ms-input-placeholder,

input[type=date].p-holder__error:-ms-input-placeholder,

input[type=email].input-error:-ms-input-placeholder,

input[type=email].p-holder__error:-ms-input-placeholder,

input[type=number].input-error:-ms-input-placeholder,

input[type=number].p-holder__error:-ms-input-placeholder,

input[type=password].input-error:-ms-input-placeholder,

input[type=password].p-holder__error:-ms-input-placeholder,

input[type=search].input-error:-ms-input-placeholder,

input[type=search].p-holder__error:-ms-input-placeholder,

input[type=tel].input-error:-ms-input-placeholder,

input[type=tel].p-holder__error:-ms-input-placeholder,

input[type=text].input-error:-ms-input-placeholder,

input[type=text].p-holder__error:-ms-input-placeholder,

textarea.input-error:-ms-input-placeholder,

textarea.p-holder__error:-ms-input-placeholder {

  color: #f4282d

}



.input-error input[type=date]::-ms-input-placeholder,

.input-error input[type=email]::-ms-input-placeholder,

.input-error input[type=number]::-ms-input-placeholder,

.input-error input[type=password]::-ms-input-placeholder,

.input-error input[type=search]::-ms-input-placeholder,

.input-error input[type=tel]::-ms-input-placeholder,

.input-error input[type=text]::-ms-input-placeholder,

input[type=date].input-error::-ms-input-placeholder,

input[type=date].p-holder__error::-ms-input-placeholder,

input[type=email].input-error::-ms-input-placeholder,

input[type=email].p-holder__error::-ms-input-placeholder,

input[type=number].input-error::-ms-input-placeholder,

input[type=number].p-holder__error::-ms-input-placeholder,

input[type=password].input-error::-ms-input-placeholder,

input[type=password].p-holder__error::-ms-input-placeholder,

input[type=search].input-error::-ms-input-placeholder,

input[type=search].p-holder__error::-ms-input-placeholder,

input[type=tel].input-error::-ms-input-placeholder,

input[type=tel].p-holder__error::-ms-input-placeholder,

input[type=text].input-error::-ms-input-placeholder,

input[type=text].p-holder__error::-ms-input-placeholder,

textarea.input-error::-ms-input-placeholder,

textarea.p-holder__error::-ms-input-placeholder {

  color: #f4282d

}



.input-error input[type=date]:focus,

.input-error input[type=email]:focus,

.input-error input[type=number]:focus,

.input-error input[type=password]:focus,

.input-error input[type=search]:focus,

.input-error input[type=tel]:focus,

.input-error input[type=text]:focus,

input[type=date].input-error:focus,

input[type=date].p-holder__error:focus,

input[type=email].input-error:focus,

input[type=email].p-holder__error:focus,

input[type=number].input-error:focus,

input[type=number].p-holder__error:focus,

input[type=password].input-error:focus,

input[type=password].p-holder__error:focus,

input[type=search].input-error:focus,

input[type=search].p-holder__error:focus,

input[type=tel].input-error:focus,

input[type=tel].p-holder__error:focus,

input[type=text].input-error:focus,

input[type=text].p-holder__error:focus,

textarea.input-error:focus,

textarea.p-holder__error:focus {

  border-color: #f4282d

}



input[type=date]:focus,

input[type=email]:focus,

input[type=number]:focus,

input[type=password]:focus,

input[type=search]:focus,

input[type=tel]:focus,

input[type=text]: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(.85);

  left: 0;

  width: 18px;

  height: 18px;

  background-color: #fff;

  border: var(--border-width) solid var(--color-gray-400);

  border-radius: 2px;

  transition: all .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 .4s ease, transform .6s cubic-bezier(0, 0, .34, .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(.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: 0;

  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::after,

.form-switch input[type=checkbox]~label::before {

  display: none

}



.form-group input {

  border: var(--border-width) solid var(--color-gray-200);

  border-radius: var(--radius);

  height: 50px;

  font-size: 16px;

  padding: 0;

  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: #fff;

  height: 60px;

  margin-top: 30px

}



input[type=submit]:hover {

  color: #fff;

  -webkit-box-shadow: 0 10px 15px 0 rgba(249, 0, 77, .1);

  box-shadow: 0 10px 15px 0 rgba(249, 0, 77, .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 {

  color: var(--color-body) !important

}



.contact-form--1 form input::-moz-placeholder,

.contact-form--1 form textarea::-moz-placeholder {

  color: var(--color-body) !important

}



.contact-form--1 form input:-ms-input-placeholder,

.contact-form--1 form textarea:-ms-input-placeholder {

  color: var(--color-body) !important

}



.contact-form--1 form input:-moz-placeholder,

.contact-form--1 form textarea:-moz-placeholder {

  color: var(--color-body) !important

}



.form-check {

  padding-left: 0

}



.rbt-checkbox-wrapper {

  position: relative

}



input[disabled] {

  display: none

}



.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.html) !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, .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: 0 0;

  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

}



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 .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 .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: 0 3px 40px 10px rgba(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: 23px;

    width: 23px;

    line-height: 23px;

  cursor: pointer

}



.datepicker {

  padding: 12px

}



.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,

.datepicker table tr td.active,

.datepicker table tr td.active.disabled,

.datepicker table tr td.active.disabled:hover,

.datepicker table tr td.active:hover {

  background: linear-gradient(180deg, #215ada 2.66%, #001a53 100%)

}



.invalid-tooltip,

.valid-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%

}



.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

}



.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(0);

  -moz-transform: rotateX(0);

  -ms-transform: rotateX(0);

  -o-transform: rotateX(0);

  transform: rotateX(0);

  -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(0);

    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(0);

    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(0);

    -moz-transform: rotateX(0);

    -ms-transform: rotateX(0);

    -o-transform: rotateX(0);

    transform: rotateX(0);

    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

  }

}



.cd-headline.type .cd-words-wrapper {

  vertical-align: top;

  overflow: hidden

}



.cd-headline.type .cd-words-wrapper::after {

  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(.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(.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(.9);

    -moz-transform: translateY(-50%) scale(.9);

    -ms-transform: translateY(-50%) scale(.9);

    -o-transform: translateY(-50%) scale(.9);

    transform: translateY(-50%) scale(.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

  }

}



.cd-headline.rotate-2 .cd-words-wrapper {

  -webkit-perspective: 300px;

  -moz-perspective: 300px;

  perspective: 300px

}



.cd-headline.rotate-2 em,

.cd-headline.rotate-2 i {

  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 .4s forwards;

  -moz-animation: cd-rotate-2-in .4s forwards;

  animation: cd-rotate-2-in .4s forwards

}



.cd-headline.rotate-2 i.out {

  -webkit-animation: cd-rotate-2-out .4s forwards;

  -moz-animation: cd-rotate-2-out .4s forwards;

  animation: cd-rotate-2-out .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(0);

  -moz-transform: rotateX(0);

  -ms-transform: rotateX(0);

  -o-transform: rotateX(0);

  transform: rotateX(0);

  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(0)

  }

}



@-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(0)

  }

}



@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(0);

    -moz-transform: translateZ(-20px) rotateX(0);

    -ms-transform: translateZ(-20px) rotateX(0);

    -o-transform: translateZ(-20px) rotateX(0);

    transform: translateZ(-20px) rotateX(0)

  }

}



@-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)

  }

}



.cd-headline.loading-bar span {

  display: inline-block;

  padding: .2em 0

}



.cd-headline.loading-bar .cd-words-wrapper {

  overflow: hidden;

  vertical-align: top

}



.cd-headline.loading-bar .cd-words-wrapper::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  height: 2px;

  width: 0;

  background: var(--color-primary);

  z-index: 2;

  -webkit-transition: width .3s -.1s;

  -moz-transition: width .3s -.1s;

  transition: width .3s -.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: .2em;

  opacity: 0;

  -webkit-transition: opacity .3s;

  -moz-transition: opacity .3s;

  transition: opacity .3s

}



.cd-headline.loading-bar b.is-visible {

  opacity: 1;

  top: 0

}



.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: .2em

}



.cd-headline.slide b.is-visible {

  top: 0;

  opacity: 1;

  -webkit-animation: slide-in .6s;

  -moz-animation: slide-in .6s;

  animation: slide-in .6s

}



.cd-headline.slide b.is-hidden {

  -webkit-animation: slide-out .6s;

  -moz-animation: slide-out .6s;

  animation: slide-out .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%)

  }

}



.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 {

  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

}



.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 .8s;

  -moz-animation: zoom-in .8s;

  animation: zoom-in .8s

}



.cd-headline.zoom b.is-hidden {

  -webkit-animation: zoom-out .8s;

  -moz-animation: zoom-out .8s;

  animation: zoom-out .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)

  }

}



.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(0);

  -moz-transform: rotateY(0);

  -ms-transform: rotateY(0);

  -o-transform: rotateY(0);

  transform: rotateY(0)

}



.cd-headline.rotate-3 i.in {

  -webkit-animation: cd-rotate-3-in .6s forwards;

  -moz-animation: cd-rotate-3-in .6s forwards;

  animation: cd-rotate-3-in .6s forwards

}



.cd-headline.rotate-3 i.out {

  -webkit-animation: cd-rotate-3-out .6s forwards;

  -moz-animation: cd-rotate-3-out .6s forwards;

  animation: cd-rotate-3-out .6s forwards

}



.no-csstransitions .cd-headline.rotate-3 i {

  -webkit-transform: rotateY(0);

  -moz-transform: rotateY(0);

  -ms-transform: rotateY(0);

  -o-transform: rotateY(0);

  transform: rotateY(0);

  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(0)

  }

}



@-moz-keyframes cd-rotate-3-in {

  0% {

    -moz-transform: rotateY(180deg)

  }

  100% {

    -moz-transform: rotateY(0)

  }

}



@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(0);

    -moz-transform: rotateY(0);

    -ms-transform: rotateY(0);

    -o-transform: rotateY(0);

    transform: rotateY(0)

  }

}



@-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)

  }

}



.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 .6s forwards;

  -moz-animation: scale-up .6s forwards;

  animation: scale-up .6s forwards

}



.cd-headline.scale i.out {

  -webkit-animation: scale-down .6s forwards;

  -moz-animation: scale-down .6s forwards;

  animation: scale-down .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

  }

}



.cd-headline.push b {

  opacity: 0

}



.cd-headline.push b.is-visible {

  opacity: 1;

  -webkit-animation: push-in .6s;

  -moz-animation: push-in .6s;

  animation: push-in .6s

}



.cd-headline.push b.is-hidden {

  -webkit-animation: push-out .6s;

  -moz-animation: push-out .6s;

  animation: push-out .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%)

  }

}



.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 {

  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

  }

}



.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: .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)

}



.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, .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 .6s var(--transition), background-color .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: 0 0;

  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.active,

.rbt-dropdown-menu-elastic li .sub-menu li a:hover {

  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, .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, .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) !important

}



.rbt-bg-color-primary .rbt-dropdown-menu li .sub-menu li a.active {

  color: var(--color-white) !important

}



.rbt-bg-color-primary .rbt-dropdown-menu li .sub-menu li a.active:hover {

  background-color: var(--color-primary) !important

}



.rbt-bg-color-primary .rbt-quick-access>li>.rbt-round-btn {

  color: var(--color-white) !important;

  background: 0 0 !important

}



.rbt-bg-color-primary .rbt-quick-access>li>.rbt-round-btn::after {

  background: rgba(255, 255, 255, .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: 0 0 !important

}



.rbt-bg-color-primary .rbt-round-btn::after {

  background: rgba(255, 255, 255, .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, .15) !important

}



.rbt-bg-color-gray-light .rbt-quick-access>li.rbt-contract-info .link-portion,

.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-white .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 {

  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)

}



.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

}



.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)



}



.user-bg-color .rbt-round-btn{

  background: #f1812924;

}

.user-bg-color .rbt-round-btn span{

   font-weight: 400;

   color: #f18129;

}

.forgate-button-reset{

      border: none;

    color: #f18129;

    background: none;

}

.font-size-changes{

  font-size: 12px;

}

































































































































































 .rbt-header-account-menu,

    .rbt-header-wishlist-menu {

        position: relative;

    }



    .rbt-header-account-dropdown,

    .rbt-header-wishlist-dropdown {

        position: absolute;

        top: calc(100% + 12px);

        right: 0;

        z-index: 99;

        width: 280px;

        padding: 12px;

        border-radius: 12px;

        background: #fff;

        box-shadow: 0 14px 40px rgba(0, 0, 0, .14);

        opacity: 0;

        visibility: hidden;

        transform: translateY(8px);

        transition: .2s ease;

    }



    .rbt-header-account-menu:hover .rbt-header-account-dropdown,

    .rbt-header-account-menu:focus-within .rbt-header-account-dropdown,

    .rbt-header-wishlist-menu:hover .rbt-header-wishlist-dropdown,

    .rbt-header-wishlist-menu:focus-within .rbt-header-wishlist-dropdown {

        opacity: 1;

        visibility: visible;

        transform: translateY(0);

    }



    .rbt-header-account-user {

        display: flex;

        gap: 10px;

        align-items: center;

        padding: 8px 8px 14px;

        margin-bottom: 8px;

        border-bottom: 1px solid #ececec;

    }



    .rbt-header-account-initial {

        display: inline-flex;

        width: 36px;

        height: 36px;

        align-items: center;

        justify-content: center;

        border-radius: 50%;

        background: #f58220;

        color: #fff;

        font-weight: 700;

    }



    .rbt-header-account-user strong,

    .rbt-header-account-user small {

        display: block;

        max-width: 195px;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }



    .rbt-header-account-user small {

        margin-top: 2px;

        color: #777;

    }



    .rbt-header-account-dropdown > a,

    .rbt-header-account-dropdown form button {

        display: flex;

        width: 100%;

        gap: 9px;

        align-items: center;

        padding: 10px 8px;

        border: 0;

        border-radius: 7px;

        background: transparent;

        color: inherit;

        text-align: left;

    }



    .rbt-header-account-dropdown > a:hover,

    .rbt-header-account-dropdown form button:hover {

        background: #fff1e7;

        color: #f58220;

    }



    .rbt-header-account-dropdown form {

        margin: 3px 0 0;

        padding-top: 3px;

        border-top: 1px solid #ececec;

    }



    .rbt-header-dropdown-title {

        display: flex;

        justify-content: space-between;

        padding: 4px 5px 10px;

        font-weight: 700;

    }



    .rbt-header-dropdown-title span {

        color: #f58220;

    }



    .rbt-header-wishlist-product {

        display: flex;

        gap: 10px;

        align-items: center;

        padding: 8px 4px;

        border-top: 1px solid #f1f1f1;

    }



    .rbt-header-wishlist-product img {

        width: 48px;

        height: 48px;

        border-radius: 7px;

        object-fit: cover;

    }



    .rbt-header-wishlist-product strong,

    .rbt-header-wishlist-product small {

        display: block;

    }



    .rbt-header-wishlist-product strong {

        font-size: 13px;

        line-height: 1.35;

    }



    .rbt-header-wishlist-product small {

        margin-top: 3px;

        color: #f58220;

        font-weight: 700;

    }



    .rbt-header-wishlist-empty {

        margin: 8px 4px;

        color: #777;

        font-size: 13px;

    }











































  .rbt-password-field-wrap {

        position: relative;

    }



    .rbt-password-field-wrap .rbt-input-field {

        padding-right: 52px;

    }



    .rbt-password-toggle {

        position: absolute;

        top: 50%;

        right: 14px;

        transform: translateY(-50%);

        border: 0;

        background: transparent;

        color: #555;

        cursor: pointer;

        line-height: 1;

        padding: 4px;

    }



    .rbt-password-toggle:hover {

        color: #f58220;

    }



    .rbt-header-account-menu,

    .rbt-header-wishlist-menu {

        position: relative;

    }



    .rbt-header-account-dropdown,

    .rbt-header-wishlist-dropdown {

        position: absolute;

        top: calc(100% + 12px);

        right: 0;

        z-index: 999;

        width: 340px;

        padding: 12px;

        border-radius: 12px;

        background: #fff;

        box-shadow: 0 14px 40px rgba(0, 0, 0, .14);

        opacity: 0;

        visibility: hidden;

        transform: translateY(8px);

        transition: .2s ease;

    }



    .rbt-header-account-menu:hover .rbt-header-account-dropdown,

    .rbt-header-account-menu:focus-within .rbt-header-account-dropdown,

    .rbt-header-wishlist-menu:hover .rbt-header-wishlist-dropdown,

    .rbt-header-wishlist-menu:focus-within .rbt-header-wishlist-dropdown {

        opacity: 1;

        visibility: visible;

        transform: translateY(0);

    }



    .rbt-header-account-user {

        display: flex;

        gap: 10px;

        align-items: center;

        padding: 8px 8px 14px;

        margin-bottom: 8px;

        border-bottom: 1px solid #ececec;

    }



    .rbt-header-account-initial {

        display: inline-flex;

        width: 36px;

        height: 36px;

        align-items: center;

        justify-content: center;

        border-radius: 50%;

        background: #f58220;

        color: #fff;

        font-weight: 700;

    }



    .rbt-header-account-user strong,

    .rbt-header-account-user small {

        display: block;

        max-width: 195px;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }



    .rbt-header-account-user small {

        margin-top: 2px;

        color: #777;

    }



    .rbt-header-account-dropdown > a,

    .rbt-header-account-dropdown form button {

        display: flex;

        width: 100%;

        gap: 9px;

        align-items: center;

        padding: 10px 8px;

        border: 0;

        border-radius: 7px;

        background: transparent;

        color: inherit;

        text-align: left;

    }



    .rbt-header-account-dropdown > a:hover,

    .rbt-header-account-dropdown form button:hover {

        background: #fff1e7;

        color: #f58220;

    }



    .rbt-header-account-dropdown form {

        margin: 3px 0 0;

        padding-top: 3px;

        border-top: 1px solid #ececec;

    }



    .rbt-header-dropdown-title {

        display: flex;

        justify-content: space-between;

        padding: 4px 5px 10px;

        font-weight: 500;

    }



    .rbt-header-dropdown-title span,

    .rbt-header-wishlist-product small {

        color: #f58220;

    }



    .rbt-header-wishlist-product {

        display: flex;

        gap: 10px;

        align-items: center;

        padding: 8px 4px;

        border-top: 1px solid #f1f1f1;

    }



    .rbt-header-wishlist-product img {

        width: 40px;

        height: 40px;

        border-radius: 7px;

        object-fit: cover;

    }



    .rbt-header-wishlist-product strong,

    .rbt-header-wishlist-product small {

        display: block;

    }



    .rbt-header-wishlist-product strong {

           font-size: 15px;

    line-height: 1.35;

    font-weight: 500;

    }



    .rbt-header-wishlist-product small {

           margin-top: 3px;

    font-weight: 500;

    font-size: 12px;

    }



    .rbt-header-wishlist-empty {

        margin: 8px 4px;

        color: #777;

        font-size: 13px;

    }



.rbt-header-wishlist-item {

    position: relative;

    border-bottom: 1px solid #eeeeee;

}



.rbt-header-wishlist-item .rbt-header-wishlist-product {

    padding-right: 38px;

    border-bottom: 0;

}



.rbt-wishlist-remove-form {

    position: absolute;

    top: 50%;

    right: 10px;

    transform: translateY(-50%);

}



.rbt-wishlist-remove-btn {

    width: 26px;

    height: 26px;

    border: 0;

    border-radius: 50%;

    background: #f7f7f7;

    color: #e53935;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

}



.rbt-wishlist-remove-btn:hover {

    background: #e53935;

    color: #ffffff;

}











































































    









.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, .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, .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, .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 i,

.rbt-access-box-link .header-info:hover span {

  color: #fff503

}



.rbt-bg-color-primary .rbt-quick-access.rbt-quick-access-var-one>li>a {

  background: 0 0

}



.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: 0 0;

  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)

}



.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-inner-search-field,

.rbt-search-field,

.rbt-search-with-category {

  display: flex;

  align-items: center;

  border: 0;

  height: 38px;

  border-radius: 500px

}



.rbt-inner-search-field.style-one,

.rbt-search-field.style-one,

.rbt-search-with-category.style-one {

  max-width: 722px;

  width: 100%

}



@media only screen and (min-width:1200px) and (max-width:1599px) {

  .rbt-inner-search-field.style-one,

  .rbt-search-field.style-one,

  .rbt-search-with-category.style-one {

    max-width: 500px

  }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

  .rbt-inner-search-field.style-one,

  .rbt-search-field.style-one,

  .rbt-search-with-category.style-one {

    max-width: 500px

  }

}



@media only screen and (min-width:768px) and (max-width:991px) {

  .rbt-inner-search-field.style-one,

  .rbt-search-field.style-one,

  .rbt-search-with-category.style-one {

    max-width: 400px

  }

}



@media only screen and (max-width:767px) {

  .rbt-inner-search-field.style-one,

  .rbt-search-field.style-one,

  .rbt-search-with-category.style-one {

    max-width: 280px

  }

}



.rbt-inner-search-field.style-one.rbt-search-field-rounded input,

.rbt-search-field.style-one.rbt-search-field-rounded input,

.rbt-search-with-category.style-one.rbt-search-field-rounded input {

  border-radius: 60px

}



.rbt-inner-search-field .rbt-modern-select .bootstrap-select button.btn-light,

.rbt-search-field .rbt-modern-select .bootstrap-select button.btn-light,

.rbt-search-with-category .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-inner-search-field .rbt-modern-select .bootstrap-select .dropdown-menu,

.rbt-search-field .rbt-modern-select .bootstrap-select .dropdown-menu,

.rbt-search-with-category .rbt-modern-select .bootstrap-select .dropdown-menu {

  max-width: 200px;

  width: 200px

}



.rbt-inner-search-field .rbt-inner-search-field .search-btn::after,

.rbt-search-field .rbt-inner-search-field .search-btn::after,

.rbt-search-with-category .rbt-inner-search-field .search-btn::after {

  display: none

}



.rbt-inner-search-field.uni-header-swc-one,

.rbt-search-field.uni-header-swc-one,

.rbt-search-with-category.uni-header-swc-one {

  border: 0;

  height: auto;

  border-radius: unset

}



@media only screen and (max-width:767px) {

  .rbt-inner-search-field.uni-header-swc-one,

  .rbt-search-field.uni-header-swc-one,

  .rbt-search-with-category.uni-header-swc-one {

    display: none

  }

}



.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field,

.rbt-search-field.uni-header-swc-one .rbt-inner-search-field,

.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field {

  gap: 12px;

  width: 100%

}



.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .search-btn,

.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 {

  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-inner-search-field.uni-header-swc-one .rbt-inner-search-field .search-btn i,

.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 {

  transition: var(--transition);

  transform: scale(.9)

}



.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .search-btn:hover i,

.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 {

  color: var(--color-white);

  transform: scale(1)

}



.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field input,

.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 {

  width: 100%;

  min-width: 448px

}



@media only screen and (min-width:1600px) and (max-width:1919px) {

  .rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field input,

  .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 {

    min-width: 387px

  }

}



@media only screen and (min-width:1200px) and (max-width:1599px) {

  .rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field input,

  .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 {

    min-width: 350px

  }

}



.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .search-by-category,

.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 {

  position: absolute

}



.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section,

.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 {

  position: relative;

  background: var(--color-white);

  border: 2px solid var(--color-gray-200);

  border-radius: var(--radius)

}



.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),

.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) {

  width: 140px;

  max-width: 140px

}



.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .search-by-category::after,

.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 {

  background: var(--color-gray-200);

  width: 2px;

  height: 100%

}



.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .rbt-modern-select .bootstrap-select button.btn-light,

.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 {

  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-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .dropdown-menu .form-control,

.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 {

  min-width: unset;

  padding-left: 8px;

  padding-right: 8px

}



.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-left-catagory-section input,

.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 {

  padding-left: 156px;

  padding-right: 16px

}



.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-left-catagory-section .search-by-category,

.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 {

  top: 0;

  left: 0

}



.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section input,

.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 {

  padding-right: 156px;

  padding-left: 16px

}



.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .search-by-category,

.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 {

  top: 0;

  right: 0;

  left: unset

}



.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .cd-headline,

.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 {

  left: 16px

}



.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .search-by-category::after,

.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 {

  right: unset;

  left: 0

}



.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,

.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 {

  border-right: 0;

  border-left: 2px solid var(--color-gray-200)

}



.rbt-inner-search-field.uni-header-swc-one input,

.rbt-search-field.uni-header-swc-one input,

.rbt-search-with-category.uni-header-swc-one input {

  border: 0

}



.rbt-inner-search-field.uni-header-swc-one.uni-header-swc-lg input,

.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 {

  width: 100%;

  max-width: 667px

}



@media only screen and (min-width:1600px) {

  .rbt-inner-search-field.uni-header-swc-one.uni-header-swc-lg input,

  .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 {

    min-width: 667px

  }

}



.rbt-inner-search-field.uni-header-swc-one.uni-header-swc-md input,

.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 {

  width: 100%;

  max-width: 492px

}



@media only screen and (min-width:1600px) {

  .rbt-inner-search-field.uni-header-swc-one.uni-header-swc-md input,

  .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 {

    min-width: 492px

  }

}



.rbt-inner-search-field.uni-header-swc-one.uni-header-swc-xl input,

.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 {

  width: 100%;

  max-width: 970px;

  min-width: 640px !important

}



@media screen and (min-width:1200px) and (max-width:1399px) {

  .rbt-inner-search-field.uni-header-swc-one.uni-header-swc-xl input,

  .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 {

    min-width: 300px !important

  }

}



@media screen and (min-width:1400px) and (max-width:1919px) {

  .rbt-inner-search-field.uni-header-swc-one.uni-header-swc-xl input,

  .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 {

    min-width: 640px !important

  }

}



.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: 0 0;

  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: 0 0;

  transform: scale(.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: 0 0;

  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

  }

}



.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 i,

.rbt-user-menu-list-wrapper .user-list-wrapper li a img {

  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, .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

  }

}



.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: 0;

    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)

}



.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 .text,

.rbt-single-catagory-item:hover i {

  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.active,

.rbt-header-catagories-var-one .rbt-single-catagory-item:hover {

  background: var(--color-primary);

  color: var(--color-white)

}



.rbt-header-catagories-var-one .rbt-single-catagory-item.active .text,

.rbt-header-catagories-var-one .rbt-single-catagory-item.active i,

.rbt-header-catagories-var-one .rbt-single-catagory-item:hover .text,

.rbt-header-catagories-var-one .rbt-single-catagory-item:hover i {

  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: 0 0

}



.rbt-header-13 .header-left .rbt-header-content {

  align-items: center

}



.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

}



.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: 0 0;

  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-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 .65s cubic-bezier(.23, 1, .32, 1) both;

  z-index: 99;

  box-shadow: var(--shadow-1);

  opacity: 1;

  visibility: visible;

  flex-direction: column

}



@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-10 .rbt-header-wrapper .logo,

.rbt-header-3 .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 .3s, left .3s;

  z-index: 0;

  border-radius: 40px;

  opacity: 0;

  visibility: hidden;

  transition: .3s

}



.rbt-header-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav.active,

.rbt-header-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav:hover {

  background: 0 0

}



.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 .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, .3);

  border-color: rgba(255, 255, 255, .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, .3)

}



.rbt-header.rbt-header-tr-white.rbt-header-10 .rbt-header-middle-one {

  border-color: rgba(255, 255, 255, .3)

}



.rbt-header .rbt-header-common-sticky-activation .rbt-access-box .content span,

.rbt-header .rbt-header-common-sticky-activation .rbt-dropdown-menu-elastic li a,

.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;

    line-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

  }

}



@media only screen and (max-width:479px) {

  .rbt-header .rbt-quick-access>li.rbt-access-box .rbt-round-btn {

    background: var(--color-gray-200) !important

  }

}



.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 .rbt-fancy-text,

.rbt-fancy-item.fancy-menu-text p {

  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 .rbt-fancy-text,

  .rbt-fancy-item.fancy-menu-text p {

    font-size: 12px

  }

}



@media only screen and (max-width:575px) {

  .rbt-fancy-item.fancy-menu-text .rbt-fancy-text,

  .rbt-fancy-item.fancy-menu-text p {

    font-size: 12px

  }

}



.rbt-fancy-item.fancy-menu-text .rbt-fancy-text strong,

.rbt-fancy-item.fancy-menu-text p strong {

  font-weight: 600

}



.rbt-fancy-item.fancy-menu-text .rbt-fancy-text .rbt-fancy-link,

.rbt-fancy-item.fancy-menu-text .rbt-fancy-text a,

.rbt-fancy-item.fancy-menu-text p .rbt-fancy-link,

.rbt-fancy-item.fancy-menu-text p a {

  text-decoration: underline;

  font-weight: 600;

  transition: var(--transition);

  color: var(--color-primary)

}



.rbt-fancy-item.fancy-menu-text .rbt-fancy-text.rbt-fancy-text,

.rbt-fancy-item.fancy-menu-text p.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;

  width: 28px;

  height: 28px;

  line-height: 28px;

  font-size: 14px

}



@media only screen and (max-width:767px) {

  .rbt-header-top-news .icon-close .rbt-round-btn {

    width: 24px;

    height: 24px;

    line-height: 24px;

    font-size: 12px

  }

}



.rbt-header-top-news .icon-close .rbt-round-btn::after {

  transform: scale(.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: linear-gradient(135deg, #c08a4e, #bd6118);

}



.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: 0

  }

}



.rbt-text-swiper-container.rbt-arrow-vertical .rbt-verticle-arrow {

  position: absolute;

  right: 4px;

  font-size: 10px;

  line-height: 1;

  opacity: .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

}



.rbt-header-top-news.rbt-bg-color-yellow .icon-close .rbt-round-btn {

  color: var(--color-black)

}



.rbt-header-top-news.rbt-bg-color-yellow .icon-close .rbt-round-btn::after {

  background: var(--color-black)

}



.rbt-header-top-news.rbt-bg-color-yellow .icon-close .rbt-round-btn:hover {

  color: var(--color-white)

}



.rbt-header-top-news.rbt-bg-color-yellow .icon-close .rbt-round-btn:hover::after {

  background: var(--color-black)

}



.rbt-header-campaign {

  padding: 8px 0

}



.rbt-header-campaign.bg-image1 {

  background-image: url(../images/bg/top-banner.html);

  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

  }

}



.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-left,

.rbt-header-middle .rbt-header-sec .rbt-header-sec-col.rbt-header-right {

  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.active>a,

.rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu>li:hover>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, .15);

  width: 100%;

  height: 28px;

  border-radius: 20px;

  opacity: 0;

  visibility: hidden;

  transform: translate(-50%, -50%) scale(.7);

  transition: var(--transition)

}



.rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover>li.active>a:after,

.rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover>li:hover>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(.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.active>a,

.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover>li:hover>a {

  color: var(--color-heading) !important

}



.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover>li.active>a:after,

.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover>li:hover>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, .3)

}



.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover.has-nav-bg-shape-hover-primary>li.active>a,

.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover.has-nav-bg-shape-hover-primary>li:hover>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, .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.active>a,

.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu>li:hover>a {

  color: var(--color-white) !important

}



.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu>li.active>a:after,

.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu>li:hover>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.active>a,

.rbt-mainmenu-variation-one.rbt-mainmenu-black-link .mainmenu>li:hover>a {

  color: var(--color-white)

}



.rbt-mainmenu-variation-one.rbt-mainmenu-black-link .mainmenu>li.active>a:hover,

.rbt-mainmenu-variation-one.rbt-mainmenu-black-link .mainmenu>li:hover>a:hover {

  color: var(--color-white)

}



.rbt-mainmenu-variation-one.rbt-mainmenu-black-link .mainmenu>li.active>a:after,

.rbt-mainmenu-variation-one.rbt-mainmenu-black-link .mainmenu>li:hover>a:after {

  opacity: 1;

  visibility: visible;

  background: var(--color-black)

}



.rbt-header-mid-1 {

  z-index: 3

}



.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

}



.rbt-header-has-shadow {

  box-shadow: var(--shadow-1)

}



.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(.8);

  border-radius: var(--radius-full);

  z-index: -1

}



.social-share-transparent li a i {

  margin-right: 0

}



.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)

}



.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

}



.rbt-header {

  position: relative;

  z-index: 99

}



.rbt-header .logo a img {

    max-height: 60px;

    object-fit: cover;

    max-width: 240px;

}



@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: 60px

}



.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: #fff;

  box-shadow: 0 20px 34px rgba(0, 0, 0, .0509803922)

}



.rbt-header .rbt-header-wrapper.header-transparent {

  position: absolute;

  left: 0;

  right: 0;

  width: auto;

  background: 0 0;

  backdrop-filter: inherit;

  box-shadow: none

}



.rbt-header .rbt-header-wrapper.rbt-header-wrapper-transparent .mainbar-row {

  border-radius: 118px;

  padding: 0 32px;

  background: var(--color-gray-100)

}



.rbt-header .rbt-header-wrapper.rbt-header-wrapper-transparent .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: .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: 0 0 !important

}



.rbt-header.rbt-transparent-header .rbt-header-wrapper:not(.bg-not-transparent) {

  background: 0 0 !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: 0 0 !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 .65s cubic-bezier(.23, 1, .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)

}



@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: 19px;

    font-weight: 400;

  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 .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.active>a,

.mainbar-row .rbt-mainmenu-nav .mainmenu>li:hover>a,

.rbt-main-navigation .rbt-mainmenu-nav .mainmenu>li.active>a,

.rbt-main-navigation .rbt-mainmenu-nav .mainmenu>li:hover>a {

  color: var(--color-primary)

}



.mainbar-row .rbt-mainmenu-nav .mainmenu>li.active>a i,

.mainbar-row .rbt-mainmenu-nav .mainmenu>li:hover>a i,

.rbt-main-navigation .rbt-mainmenu-nav .mainmenu>li.active>a i,

.rbt-main-navigation .rbt-mainmenu-nav .mainmenu>li:hover>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, .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 8px;

    font-size: var(--font-size-b1);

    line-height: var(--line-height-b1);

    display: block;

    color: var(--color-gray-700);

    margin: 0 4px;

    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

}



.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: 0 0

}



.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: #000

}



.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: #d93

}



.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: 556px

}



.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: 0

}



.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.active,

.mega-menu-item li a:hover {

  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: 0 0;

  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: .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: .5;

  background-size: 400% 100%

}



.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: nowrap

}



@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) {

  .mega-top-banner .rbt-banner-inner {

    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 .rbt-megamenu,

.rbt-drop-menu-hidden .submenu {

  display: none !important

}



.rbt-drop-menu-hidden .rbt-header {

  z-index: 2

}



.rbt-drop-menu-hidden .rbt-header.rbt-transparent-header {

  position: relative !important

}



@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, .9);

  box-shadow: 0 4.666px 17.498px 2.916px rgba(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: 0 0

  }

}



@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, .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 .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: 0 6px 24px rgba(0, 0, 0, .15);

  backdrop-filter: blur(12px)

}



.coming-soon .demo-single .inner .content .title a,

.coming-soon .demo-single .inner .thumbnail a img {

  cursor: default

}



.rbt-fullwidth-wrapper.has-left-nav .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu {

  margin-left: 0

}



.rbt-header-9 .rbt-mainmenu-nav .mainmenu>li>a,

.rbt-header-common-sticky-activation .rbt-mainmenu-nav .mainmenu>li>a {

  height: 86px;

  line-height: 86px

}



.rbt-header-mid-5 {

  z-index: 4

}



.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, .8);

  visibility: hidden;

  opacity: 0;

  transition: opacity .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 .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-social-icon-list a {

  font-size: 24px

}



.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 0

}



.popup-mobile-menu .mainmenu li {

  margin: 0

}



.popup-mobile-menu .mainmenu li a {

  padding: 10px 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-dropdown>a,

.popup-mobile-menu .mainmenu .has-menu-child-item>a {

  position: relative

}



.popup-mobile-menu .mainmenu .has-dropdown>a::after,

.popup-mobile-menu .mainmenu .has-menu-child-item>a::after {

  position: absolute;

  content: "+";

  font-family: "Font Awesome 7 Pro", sans-serif;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  transition: .4s

}



.popup-mobile-menu .mainmenu .has-dropdown>a.open::after,

.popup-mobile-menu .mainmenu .has-menu-child-item>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: 0 0;

  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

}



.rbt-cart-side-menu,

.rbt-order-sidenav,

.rbt-ordered-products-sidenav,

.rbt-review-sidenav,

.rbt-special-offer-sidemenu,

.side-menu {

  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 .85s cubic-bezier(.23, 1, .32, 1)

}



@media only screen and (max-width:575px) {

  .rbt-cart-side-menu,

  .rbt-order-sidenav,

  .rbt-ordered-products-sidenav,

  .rbt-review-sidenav,

  .rbt-special-offer-sidemenu,

  .side-menu {

    width: 310px

  }

}



.rbt-cart-side-menu .inner-wrapper,

.rbt-order-sidenav .inner-wrapper,

.rbt-ordered-products-sidenav .inner-wrapper,

.rbt-review-sidenav .inner-wrapper,

.rbt-special-offer-sidemenu .inner-wrapper,

.side-menu .inner-wrapper {

  height: 100%;

  position: relative;

  overflow-y: auto;

  overflow-x: hidden;

  display: flex;

  flex-direction: column

}



.rbt-cart-side-menu .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,

.rbt-special-offer-sidemenu .inner-wrapper::-webkit-scrollbar-track,

.side-menu .inner-wrapper::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);

  background-color: var(--color-gray-200);

  border-radius: 40px;

  height: 337px

}



.rbt-cart-side-menu .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,

.rbt-special-offer-sidemenu .inner-wrapper::-webkit-scrollbar,

.side-menu .inner-wrapper::-webkit-scrollbar {

  width: 4px;

  height: 337px;

  background-color: var(--color-gray-200)

}



.rbt-cart-side-menu .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,

.rbt-special-offer-sidemenu .inner-wrapper::-webkit-scrollbar-thumb,

.side-menu .inner-wrapper::-webkit-scrollbar-thumb {

  border-radius: 40px;

  background-color: var(--color-gray-400)

}



.rbt-cart-side-menu .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,

.rbt-special-offer-sidemenu .inner-wrapper .rbt-cart-header,

.side-menu .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) {

  .rbt-cart-side-menu .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,

  .rbt-special-offer-sidemenu .inner-wrapper .rbt-cart-header,

  .side-menu .inner-wrapper .rbt-cart-header {

    padding: 16px;

    padding-bottom: 16px

  }

}



.rbt-cart-side-menu .inner-wrapper .title,

.rbt-order-sidenav .inner-wrapper .title,

.rbt-ordered-products-sidenav .inner-wrapper .title,

.rbt-review-sidenav .inner-wrapper .title,

.rbt-special-offer-sidemenu .inner-wrapper .title,

.side-menu .inner-wrapper .title {

  font-weight: 700

}



.rbt-cart-side-menu .inner-wrapper .description,

.rbt-order-sidenav .inner-wrapper .description,

.rbt-ordered-products-sidenav .inner-wrapper .description,

.rbt-review-sidenav .inner-wrapper .description,

.rbt-special-offer-sidemenu .inner-wrapper .description,

.side-menu .inner-wrapper .description {

  padding-right: 18%;

  margin-top: 20px

}



.rbt-cart-side-menu .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,

.rbt-special-offer-sidemenu .inner-wrapper .minicart-close-button,

.side-menu .inner-wrapper .minicart-close-button {

  position: absolute;

  top: 16px;

  right: 16px;

  width: 36px;

  height: 36px;

  background: 0 0;

  font-size: 16px;

  line-height: 36px;

  font-weight: 900

}



@media only screen and (max-width:767px) {

  .rbt-cart-side-menu .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,

  .rbt-special-offer-sidemenu .inner-wrapper .minicart-close-button,

  .side-menu .inner-wrapper .minicart-close-button {

    top: 8px;

    right: 8px

  }

}



.rbt-cart-side-menu .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,

.rbt-special-offer-sidemenu .inner-wrapper .minicart-close-button::after,

.side-menu .inner-wrapper .minicart-close-button::after {

  background: var(--color-gray-200);

  opacity: 1;

  transform: scale(.9);

  box-shadow: var(--shadow-1)

}



.rbt-cart-side-menu .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,

.rbt-special-offer-sidemenu .inner-wrapper .minicart-close-button:hover,

.side-menu .inner-wrapper .minicart-close-button:hover {

  color: var(--color-heading)

}



.rbt-cart-side-menu .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,

.rbt-special-offer-sidemenu .inner-wrapper .minicart-close-button:hover::after,

.side-menu .inner-wrapper .minicart-close-button:hover::after {

  transform: scale(1)

}



.rbt-cart-side-menu .side-nav,

.rbt-order-sidenav .side-nav,

.rbt-ordered-products-sidenav .side-nav,

.rbt-review-sidenav .side-nav,

.rbt-special-offer-sidemenu .side-nav,

.side-menu .side-nav {

  margin-bottom: 0;

  display: block;

  max-height: unset !important;

  padding: 0 32px

}



@media only screen and (max-width:767px) {

  .rbt-cart-side-menu .side-nav,

  .rbt-order-sidenav .side-nav,

  .rbt-ordered-products-sidenav .side-nav,

  .rbt-review-sidenav .side-nav,

  .rbt-special-offer-sidemenu .side-nav,

  .side-menu .side-nav {

    padding: 0 8px

  }

}



.rbt-cart-side-menu .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,

.rbt-special-offer-sidemenu .side-nav .navbar-nav,

.side-menu .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

}



.rbt-cart-side-menu .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,

.rbt-special-offer-sidemenu .side-nav .navbar-nav li,

.side-menu .side-nav .navbar-nav li {

  display: block;

  margin: 10px 0;

  padding: 0 !important;

  opacity: 0;

  transition: all .8s ease .5s;

  transform: translateY(30px)

}



.rbt-cart-side-menu .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,

.rbt-special-offer-sidemenu .side-nav .navbar-nav li a,

.side-menu .side-nav .navbar-nav li a {

  color: var(--color-heading);

  font-size: var(--font-size-b1);

  font-weight: var(--f-medium)

}



.rbt-cart-side-menu .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,

.rbt-special-offer-sidemenu .side-nav .navbar-nav li:first-child,

.side-menu .side-nav .navbar-nav li:first-child {

  -webkit-transition-delay: .1s;

  -o-transition-delay: .1s;

  transition-delay: .1s

}



.rbt-cart-side-menu .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),

.rbt-special-offer-sidemenu .side-nav .navbar-nav li:nth-child(2),

.side-menu .side-nav .navbar-nav li:nth-child(2) {

  -webkit-transition-delay: .2s;

  -o-transition-delay: .2s;

  transition-delay: .2s

}



.rbt-cart-side-menu .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),

.rbt-special-offer-sidemenu .side-nav .navbar-nav li:nth-child(3),

.side-menu .side-nav .navbar-nav li:nth-child(3) {

  transition-delay: .3s

}



.rbt-cart-side-menu .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),

.rbt-special-offer-sidemenu .side-nav .navbar-nav li:nth-child(4),

.side-menu .side-nav .navbar-nav li:nth-child(4) {

  transition-delay: .4s

}



.rbt-cart-side-menu .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),

.rbt-special-offer-sidemenu .side-nav .navbar-nav li:nth-child(5),

.side-menu .side-nav .navbar-nav li:nth-child(5) {

  transition-delay: .5s

}



.rbt-cart-side-menu.start-from-left,

.rbt-order-sidenav.start-from-left,

.rbt-ordered-products-sidenav.start-from-left,

.rbt-review-sidenav.start-from-left,

.rbt-special-offer-sidemenu.start-from-left,

.side-menu.start-from-left {

  left: 0;

  right: auto;

  transform: translate3d(-105%, 0, 0)

}



.rbt-cart-side-menu.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,

.rbt-special-offer-sidemenu.start-from-left.side-menu-active,

.side-menu.start-from-left.side-menu-active {

  transform: translate3d(0, 0, 0)

}



.rbt-cart-side-menu.start-from-top,

.rbt-order-sidenav.start-from-top,

.rbt-ordered-products-sidenav.start-from-top,

.rbt-review-sidenav.start-from-top,

.rbt-special-offer-sidemenu.start-from-top,

.side-menu.start-from-top {

  left: 0;

  right: 0;

  transform: translate3d(0, -100%, 0);

  width: 100%;

  height: auto

}



.rbt-cart-side-menu.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,

.rbt-special-offer-sidemenu.start-from-top.side-menu-active,

.side-menu.start-from-top.side-menu-active {

  transform: translate3d(0, 0, 0)

}



.rbt-cart-side-menu.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,

.rbt-special-offer-sidemenu.start-from-top .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom,

.side-menu.start-from-top .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom {

  display: flex;

  gap: 24px;

  justify-content: space-between

}



.rbt-cart-side-menu.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,

.rbt-special-offer-sidemenu.start-from-top .rbt-single-widget,

.side-menu.start-from-top .rbt-single-widget {

  padding-top: 0;

  margin-top: 0;

  border-top: 0;

  flex-basis: 12%

}



@media only screen and (max-width:767px) {

  .rbt-cart-side-menu.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,

  .rbt-special-offer-sidemenu.start-from-top .rbt-single-widget,

  .side-menu.start-from-top .rbt-single-widget {

    flex-basis: 100%

  }

}



.rbt-cart-side-menu.start-from-bottom,

.rbt-order-sidenav.start-from-bottom,

.rbt-ordered-products-sidenav.start-from-bottom,

.rbt-review-sidenav.start-from-bottom,

.rbt-special-offer-sidemenu.start-from-bottom,

.side-menu.start-from-bottom {

  left: 0;

  right: 0;

  top: auto;

  bottom: 0;

  transform: translate3d(0, 100%, 0);

  width: 100%;

  height: auto

}



.rbt-cart-side-menu.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,

.rbt-special-offer-sidemenu.start-from-bottom.side-menu-active,

.side-menu.start-from-bottom.side-menu-active {

  transform: translate3d(0, 0, 0)

}



.rbt-cart-side-menu.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,

.rbt-special-offer-sidemenu.start-from-bottom .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom,

.side-menu.start-from-bottom .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom {

  display: flex;

  gap: 24px;

  justify-content: space-between

}



.rbt-cart-side-menu.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,

.rbt-special-offer-sidemenu.start-from-bottom .rbt-single-widget,

.side-menu.start-from-bottom .rbt-single-widget {

  padding-top: 0;

  margin-top: 0;

  border-top: 0;

  flex-basis: 12%

}



@media only screen and (max-width:767px) {

  .rbt-cart-side-menu.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,

  .rbt-special-offer-sidemenu.start-from-bottom .rbt-single-widget,

  .side-menu.start-from-bottom .rbt-single-widget {

    flex-basis: 100%

  }

}



.rbt-cart-side-menu.side-menu-active,

.rbt-order-sidenav.side-menu-active,

.rbt-ordered-products-sidenav.side-menu-active,

.rbt-review-sidenav.side-menu-active,

.rbt-special-offer-sidemenu.side-menu-active,

.side-menu.side-menu-active {

  transform: translate3d(0, 0, 0);

  transition: all .85s cubic-bezier(.23, 1, .32, 1)

}



.rbt-cart-side-menu.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,

.rbt-special-offer-sidemenu.side-menu-active .side-nav .navbar-nav li,

.side-menu.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, .5);

  backdrop-filter: blur(5px);

  transition: var(--transition);

  cursor: url(../images/cursor-x.webp), pointer

}



.cart-sidenav-menu-active .close_side_menu,

.offcanvas-menu-active .close_side_menu {

  opacity: 1;

  visibility: visible

}



.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, .8);

  visibility: hidden;

  opacity: 0;

  transition: opacity .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 .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

  }

}



.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 7 Pro", sans-serif;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  transition: .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: #fff;

  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: .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::after,

.rbt-coupon-wrapper.rbt-bg-color-white .rbt-coupon .left-part::before {

  background: var(--color-white)

}



.rbt-coupon-wrapper.rbt-bg-color-gray-100 .rbt-coupon .left-part::after,

.rbt-coupon-wrapper.rbt-bg-color-gray-100 .rbt-coupon .left-part::before {

  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 .85s cubic-bezier(.23, 1, .32, 1), opacity .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 .85s cubic-bezier(.23, 1, .32, 1), opacity .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: auto

}



.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: 0 0;

  width: 100%

}



.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 a:hover,

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button.active,

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button:hover {

  background: var(--color-primary)

}



.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 a:hover .rbt-round-btn,

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button.active .rbt-round-btn,

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button:hover .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.active .rbt-content .rbt-sub-category-title,

.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 button.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 {

  color: var(--color-white)

}



.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 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 button.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 {

  background: var(--color-white);

  color: var(--color-heading)

}



.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 a:hover .rbt-content .description,

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button.active .rbt-content .description,

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button:hover .rbt-content .description {

  color: var(--color-white)

}



.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 a:hover .icon,

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button.active .icon,

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button:hover .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 .55s cubic-bezier(.23, 1, .32, 1), opacity .3s step-end

}



.rbt-categories-sidebar .rbt-sidebar-right-content.active {

  transform: translateX(338px);

  transition: transform .85s cubic-bezier(.23, 1, .32, 1), opacity .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;

  padding-bottom: 24px

}



.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-products ul.has-link-underline-effect li a::after {

  bottom: -5px

}



.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: .9

}



.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-product .rbt-category-offcanvas-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 .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: 0 0

}



.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 .85s cubic-bezier(.23, 1, .32, 1), opacity .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(0);

  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

  }

}



.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: .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)

}



.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: .65;

  background: var(--color-gray-300) !important

}



.disabled.rbt-btn-border,

.rbt-btn:disabled.rbt-btn-border,

fieldset:disabled.rbt-btn-border {

  background: 0 0 !important;

  border: dotted 2px #b3b3b3 !important;

  color: var(--color-gray-400) !important;

  line-height: 35px

}



@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 16px;

    background: var(--color-primary);

    height: 35px;

    line-height: 35px;

    color: var(--color-white);

    font-size: 16px;

    font-weight: 400;

    display: inline-block;

    position: relative;

    transition: var(--transition);

    border-radius: var(--radius-60);

    border: 0 none;

    outline: 0;

    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:focus,

.rbt-btn.rbt-btn-secondary:hover {

  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:focus,

.rbt-btn.rbt-btn-secondary-alt:hover {

  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:focus,

.rbt-btn.rbt-btn-gray-light:hover {

  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, .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: 0 0;

  color: var(--color-heading)

}



.rbt-btn.rbt-btn-naked:focus,

.rbt-btn.rbt-btn-naked:hover {

  color: var(--color-white);

  background: var(--color-black);

  box-shadow: none

}



.rbt-btn.rbt-btn-border {

  background: 0 0;

  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.active,

.rbt-btn.rbt-btn-border:focus,

.rbt-btn.rbt-btn-border:hover {

  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:focus,

.rbt-btn.rbt-btn-border.color-two:hover {

  border-color: var(--color-primary)

}



.rbt-btn.rbt-btn-border.color-dark {

  border-color: var(--color-black)

}



.rbt-btn.rbt-btn-border.color-dark:focus,

.rbt-btn.rbt-btn-border.color-dark:hover {

  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:active,

.rbt-btn.rbt-btn-border.rbt-btn-gray-light:focus,

.rbt-btn.rbt-btn-border.rbt-btn-gray-light:hover {

  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:active,

.rbt-btn.rbt-btn-border.rbt-btn-border-black:focus,

.rbt-btn.rbt-btn-border.rbt-btn-border-black:hover {

  background: var(--color-black)

}



.rbt-btn.rbt-btn-border.rbt-btn-border-white {

  border-color: var(--color-white);

  background: 0 0;

  color: var(--color-white)

}



.rbt-btn.rbt-btn-border.rbt-btn-border-white:active,

.rbt-btn.rbt-btn-border.rbt-btn-border-white:focus,

.rbt-btn.rbt-btn-border.rbt-btn-border-white:hover {

  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:focus,

.rbt-btn:hover {

  transform: translateY(-2px);

  box-shadow: var(--shadow-7);

  color: var(--color-white);

  background: var(--color-primary)

}



.rbt-btn:focus.icon-hover .btn-text,

.rbt-btn:hover.icon-hover .btn-text {

  transform: translateX(-5px)

}



.rbt-btn:focus.icon-hover .btn-icon i,

.rbt-btn:hover.icon-hover .btn-icon i {

  opacity: 1;

  transform: translateX(5px)

}



.rbt-btn:focus.hover-icon-reverse .btn-text,

.rbt-btn:hover.hover-icon-reverse .btn-text {

  transition-delay: .1s;

  transform: translateX(23px)

}



.rbt-btn:focus.hover-icon-reverse .btn-icon,

.rbt-btn:hover.hover-icon-reverse .btn-icon {

  opacity: 0;

  transition-delay: 0s;

  transform: translateX(10px)

}



.rbt-btn:focus.hover-icon-reverse .btn-icon+.btn-icon,

.rbt-btn:hover.hover-icon-reverse .btn-icon+.btn-icon {

  opacity: 1;

  transform: translateX(0);

  transition-delay: 225ms

}



.rbt-btn:focus.has-no-hover-transform,

.rbt-btn:hover.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: .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: 225ms

}



.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, .1);

  color: var(--color-primary)

}



.rbt-btn.rounded-player.bg-var-two:active,

.rbt-btn.rounded-player.bg-var-two:hover {

  background-color: var(--color-primary);

  color: var(--color-white) !important

}



.rbt-btn.rounded-player.bg-var-three {

  background: rgba(255, 255, 255, .3);

  color: var(--color-white)

}



.rbt-btn.rounded-player.bg-var-three:active,

.rbt-btn.rounded-player.bg-var-three:hover {

  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: 0;

  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: .3s

}



.rbt-btn.rbt-marquee-btn::after {

  right: -2px;

  background: linear-gradient(90deg, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .9) 45.02%, #fff 86.62%)

}



.rbt-btn.rbt-marquee-btn::before {

  left: -2px;

  background: linear-gradient(270deg, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .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, .18) 0, rgba(33, 90, 218, .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, .18) 0, rgba(33, 90, 218, .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

  }

}



.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: 35px;

    line-height: 35px;

}



.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: 27px

  }

}



@media only screen and (max-width:479px) {

  .rbt-btn.rbt-btn-md {

    font-size: 13px

  }

}



.rbt-btn i {

  display: inline-block;

  position: relative;

  font-size: 14px

}



.rbt-btn i.image-icon {

  top: inherit;

  transition: .4s

}



.rbt-btn.btn-border-gradient {

  background: linear-gradient(90deg, #cfa2e8, #637fea);

  border: none;

  outline: 0;

  cursor: pointer;

  position: relative;

  z-index: 10;

  color: var(--color-heading);

  box-shadow: 0 10px 13px 0 rgba(209, 211, 237, .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, red 5.79%, #ff8e6b 12.11%, red 19.47%, red 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: auto;

  display: flex;

  text-align: center;

  gap: 4px;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  padding: 5px 15px;

  font-size: var(--font-size-b3);

  line-height: var(--line-height-b3);

  white-space: unset;

  max-width: max-content;

  min-width: 100px

}



@media only screen and (max-width:575px) {

  .rbt-btn.rbt-btn-round {

    height: 80px;

    min-width: 80px;

    font-size: 12px;

    line-height: 12px

  }

}



.rbt-btn.rbt-full-square-btn {

  border-radius: var(--radius-0)

}



.rbt-btn.icon-hover .btn-text {

  transition-timing-function: cubic-bezier(0, .71, .4, 1);

  display: inline-block;

  transition: transform .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, .71, .4, 1);

  display: inline-block;

  opacity: 0;

  transform: translateX(-5px);

  transition: opacity .25s, transform .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)

}



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

}



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: .4s

}



a.transparent-button:hover i,

button.transparent-button:hover i,

span.transparent-button:hover i {

  padding-left: 10px

}



.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 .4s cubic-bezier(0, 0, .34, .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 .4s ease, transform .4s cubic-bezier(0, 0, .34, .54)

}



.rbt-btn .animated-icon svg .icon-arrow-el-two,

.rbt-btn .animated-icon svg .icon-arrow-line-two,

a .animated-icon svg .icon-arrow-el-two,

a .animated-icon svg .icon-arrow-line-two,

button .animated-icon svg .icon-arrow-el-two,

button .animated-icon svg .icon-arrow-line-two {

  opacity: 0;

  visibility: hidden;

  transform: translate(-10px, 10px);

  transition: opacity .4s ease, transform .4s cubic-bezier(0, 0, .34, .54)

}



.rbt-btn .animated-icon svg .icon-arrow-el-one,

.rbt-btn .animated-icon svg .icon-arrow-line-one,

a .animated-icon svg .icon-arrow-el-one,

a .animated-icon svg .icon-arrow-line-one,

button .animated-icon svg .icon-arrow-el-one,

button .animated-icon svg .icon-arrow-line-one {

  transform: translate(0, 0);

  opacity: 1;

  visibility: visible;

  transition: opacity .4s ease, transform .4s cubic-bezier(0, 0, .34, .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-el-one,

.rbt-btn:hover .animated-icon svg .icon-arrow-line-one,

a:hover .animated-icon svg .icon-arrow-el-one,

a:hover .animated-icon svg .icon-arrow-line-one,

button:hover .animated-icon svg .icon-arrow-el-one,

button:hover .animated-icon svg .icon-arrow-line-one {

  transform: translate(10px, -10px);

  opacity: 0;

  visibility: hidden

}



.rbt-btn:hover .animated-icon svg .icon-arrow-el-two,

.rbt-btn:hover .animated-icon svg .icon-arrow-line-two,

a:hover .animated-icon svg .icon-arrow-el-two,

a:hover .animated-icon svg .icon-arrow-line-two,

button:hover .animated-icon svg .icon-arrow-el-two,

button:hover .animated-icon svg .icon-arrow-line-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: 0 0;

  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 .4s ease, transform .4s cubic-bezier(0, 0, .34, .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: 0 0 !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: 0 0;

  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 .4s ease, transform .4s cubic-bezier(0, 0, .34, .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: 0 0 !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 .4s ease, transform .4s cubic-bezier(0, 0, .34, .54)

}



.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: 0 0;

  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: 0 0;

  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(.85)

}



.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)

}



@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(.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

}



.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;

/*  min-height: 304px;*/

  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;

  background: #bfbfbf;

}



.rbt-card .rbt-card-body {

  padding: 20px 25px 25px 0

}



.rbt-card .rbt-card-body .rbt-card-subtitle {

  display: 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: 11px;

    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: 15px

  }

}



.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),

only screen and (min-width:1200px) and (max-width:1399px) {

  .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: 0 0;

  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: 0 0 !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: -11px;

  margin-left: -5px

}



@media only screen and (max-width:479px) {

  .rbt-card .rbt-right-corner-portion.rbt-right-corner-portion-lg .rbt-icon-overlay-link-btn i {

    margin-top: -9px;

    margin-left: -4px

  }

}



.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: 0 0

}



.rbt-card .rbt-right-corner-portion.rbt-right-corner-portion-lg .rbt-icon-overlay-link-btn:hover::after {

  transform: scale(.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: 0 0;

  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(.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)

}



.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: 10px

  }

}



.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)

}



@media only screen and (max-width:479px) {

  .rbt-discount-badge.right--corner-style {

    top: -24px;

    right: -24px

  }

}



.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: 10px;

    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: .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

}



.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: 500;

  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)

  }

}



.slick-initialized .slick-slide {

  margin-bottom: -10px

}



.swiper-cards .swiper-slide {

  overflow: visible

}



.swiper-3d .swiper-slide-shadow {

  background: 0 0

}



.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: 0;

  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: 0 0;

  opacity: .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: 0 0;

  box-shadow: inset 0 0 0 5px var(--color-gray-300);

  transition: all .3s cubic-bezier(.645, .045, .355, 1);

  margin: 0 8px !important

}



@media only screen and (max-width:767px) {

  .rbt-swiper-pagination .swiper-pagination-bullet {

    margin: 0 8px !important

  }

}



.rbt-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

  background: 0 0;

  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)

}



.rbt-swiper-pagination.rbt-swiper-pagination-var-one .swiper-pagination-bullet:hover {

  box-shadow: inset 0 0 0 7px rgba(33, 90, 218, .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, .5)

}



.rbt-swiper-pagination.rbt-swiper-pagination-var-one .swiper-pagination-bullet.swiper-pagination-bullet-active::before {

  content: "";

  position: absolute;

  height: 6px;

  width: 6px;

  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)

}



@media only screen and (max-width:767px) {

  .rbt-default-modal .rbt-arrow-between .rbt-swiper-arrow {

    display: none !important

  }

}



.rbt-arrow-between {

  position: relative

}



.rbt-arrow-between .rbt-swiper-arrow {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  z-index: 2;

  transition: .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: -9px;

  margin-left: -7px;

  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 .4s cubic-bezier(.785, .135, .15, .86), -webkit-transform .4s cubic-bezier(.785, .135, .15, .86)

}



.rbt-arrow-between .rbt-swiper-arrow i.rbt-icon-top {

  position: absolute;

  transition: transform .4s cubic-bezier(.785, .135, .15, .86), -webkit-transform .4s cubic-bezier(.785, .135, .15, .86);

  transform: translateX(300%)

}



.rbt-arrow-between .rbt-swiper-arrow:active {

  scale: .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: 0 0;

  border: 2px solid var(--color-white);

  color: #fff

}



.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-tranparent::after {

  background: 0 0

}



.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: -9px;

  margin-left: -7px;

  font-size: 18px;

  line-height: 1

}



@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: 0 0;

  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(.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: .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: 0 0

}



.rbt-arrow-between.rbt-swiper-arrow-transparent .rbt-swiper-arrow::after {

  background: 0 0

}



.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: .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: -110px

}



@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: -110px

}



@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: .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: 0 0;

  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: 0 0;

  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: 0 0

}



.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: 0 0

}



.rbt-glass-hero-products-banner-area .rbt-hero-banner-activation-3 .rbt-swiper-pagination::after,

.rbt-glass-hero-products-banner-area .rbt-hero-banner-activation-3 .rbt-swiper-pagination::before {

  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: 0

}



.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: .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-gray-400);

  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, .1) 0, rgba(255, 255, 255, .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, .1) 0, rgba(255, 255, 255, .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, .1) 0, rgba(255, 255, 255, .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: 8px;

  line-height: normal

}



.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 .rbt-title,

.rbt-component-section-title .title {

  margin-bottom: 0;

  font-weight: var(--f-regular)

}



.rbt-component-section-title .rbt-title .rbt-bold--text,

.rbt-component-section-title .title .rbt-bold--text {

  font-weight: 700

}



@media only screen and (max-width:767px) {

  .rbt-component-section-title .rbt-title.h1,

  .rbt-component-section-title .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 .rbt-title,

.title-sm-fsize .title {

  margin-bottom: 0;

  font-weight: var(--f-medium);

  font-size: var(--font-size-b2);

  line-height: var(--line-height-b2)

}



.title-sm-fsize .rbt-title .rbt-bold--text,

.title-sm-fsize .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: .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: .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 .6s cubic-bezier(.68, -.55, .27, 1.55), margin .6s cubic-bezier(.68, -.55, .27, 1.55)

}



.exclusive-btn.icon-reverse-left .icon-right {

  margin-right: 0;

  transition: opacity .6s cubic-bezier(.68, -.55, .27, 1.55), margin .6s cubic-bezier(.68, -.55, .27, 1.55)

}



.exclusive-btn.icon-reverse-left:focus .icon-left,

.exclusive-btn.icon-reverse-left:hover .icon-left {

  opacity: 1;

  margin-left: 0

}



.exclusive-btn.icon-reverse-left:focus .icon-right,

.exclusive-btn.icon-reverse-left:hover .icon-right {

  margin-right: -24px;

  opacity: 0

}



.exclusive-btn.icon-reverse-right .icon-left {

  transition: var(--transition);

  transition: opacity .6s cubic-bezier(.68, -.55, .27, 1.55), margin .6s cubic-bezier(.68, -.55, .27, 1.55)

}



.exclusive-btn.icon-reverse-right .icon-right {

  margin-right: -24px;

  opacity: 0;

  transition: var(--transition);

  transition: opacity .6s cubic-bezier(.68, -.55, .27, 1.55), margin .6s cubic-bezier(.68, -.55, .27, 1.55)

}



.exclusive-btn.icon-reverse-right:focus .icon-left,

.exclusive-btn.icon-reverse-right:hover .icon-left {

  margin-left: -24px;

  opacity: 0

}



.exclusive-btn.icon-reverse-right:focus .icon-right,

.exclusive-btn.icon-reverse-right:hover .icon-right {

  margin-right: 0;

  opacity: 1

}



.exclusive-btn+.exclusive-btn.rbt-btn-border:focus,

.exclusive-btn+.exclusive-btn.rbt-btn-border:hover {

  background: 0 0

}



.exclusive-btn:focus,

.exclusive-btn:hover {

  transform: translate3d(0, -2px, 0);

  box-shadow: var(--shadow-7);

  color: var(--color-white)

}



.exclusive-btn:focus.icon-hover .btn-text,

.exclusive-btn:hover.icon-hover .btn-text {

  transform: translateX(-5px)

}



.exclusive-btn:focus.icon-hover .btn-icon i,

.exclusive-btn:hover.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, .3) 0, rgba(239, 241, 244, .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, .3) 0, rgba(239, 241, 244, .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, .6) 0, rgba(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, .6) 0, rgba(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, .3) 0, rgba(239, 241, 244, .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)

}



.container-fluid,

.rbt-fullwidth-wrapper,

.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 .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: 0 0 !important;

  border-color: transparent !important

}



.rbt-cat-box:hover .rbt-icon-overlay-link-btn:hover::after {

  transform: scale(.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: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: 80%;

  word-break: break-all;

  text-wrap: auto;

  height: auto;

  padding: 5px 15px;

  line-height: 1.5;

  min-height: 40px;

  display: flex;

  justify-content: center;

  align-items: center

}



@media only screen and (min-width:1200px) and (max-width:1599px) {

  .rbt-cat-box.rbt-cat-box-5 .inner .rbt-btn {

    padding: 5px 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: 0 0;

  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(.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: flex

}



.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);

  font-weight: var(--f-medium)

}



.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 .inner {

  height: 100%

}



.rbt-cat-box.rbt-cat-box-5.variation-three .rbt-image-portion {

  border-radius: var(--radius-10);

  height: 100%

}



.rbt-cat-box.rbt-cat-box-5.variation-three .rbt-image-portion a {

  height: 100%

}



.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, .6) 100%)

}



.rbt-cat-box.rbt-cat-box-5.variation-three .rbt-image-portion a img {

  transform: scale(1);

  height: 100%

}



.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: 25px;

  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, .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%;

  width: 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, .1) 0, rgba(49, 19, 0, .7) 100%);

  opacity: .9

}



.rbt-cat-box.rbt-cat-box-8 .has-rbt-sectioin-overlay.rbt-sectioin-overlay-black::after {

  opacity: .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: .7;

  background: linear-gradient(180deg, rgba(0, 0, 0, .1) 0, rgba(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, .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: 0;

  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-tea-loose-leafs-section .rbt-tea-leaf-type-list {

  list-style: none;

  margin: 0;

  padding: 0;

  display: grid;

  grid-template-columns: repeat(9, minmax(0, 1fr));

  gap: 30px

}



@media only screen and (min-width:768px) and (max-width:991px) {

  .rbt-tea-loose-leafs-section .rbt-tea-leaf-type-list {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 18px

  }

}



@media only screen and (max-width:767px) {

  .rbt-tea-loose-leafs-section .rbt-tea-leaf-type-list {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 8px

  }

}



@media only screen and (min-width:768px) and (max-width:991px) {

  .rbt-tea-loose-leafs-section .rbt-tea-leaf-type-list {

    gap: 14px

  }

}



.rbt-tea-loose-leafs-section .rbt-tea-leaf-type-list li {

  margin: 0

}



.rbt-tea-loose-leafs-section .rbt-tea-leaf-type-item {

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

  gap: 8px

}



@media only screen and (max-width:767px) {

  .rbt-tea-loose-leafs-section .rbt-tea-leaf-type-item {

    min-width: 50px

  }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

  .rbt-tea-loose-leafs-section .rbt-tea-leaf-type-item {

    min-width: 90px

  }

}



.rbt-tea-loose-leafs-section .rbt-tea-leaf-type-item:hover .rbt-tea-leaf-swatch {

  transform: scale(1.04)

}



.rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch {

  width: 116px;

  height: 116px;

  border-radius: var(--radius-full);

  border: 1px solid #b9b9b9;

  box-shadow: inset 0 0 0 8px var(--color-white);

  transition: var(--transition)

}



.rbt-tea-loose-leafs-section .rbt-tea-leaf-label {

  font-size: var(--font-size-b3);

  line-height: var(--line-height-b3);

  color: var(--color-heading);

  font-weight: var(--f-medium)

}



.rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch-white {

  background: #f0f0ef

}



.rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch-green {

  background: #bfcc41

}



.rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch-matcha {

  background: #90ad3c

}



.rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch-oolong {

  background: #e8d7a5

}



.rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch-black {

  background: #343036

}



.rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch-organic {

  background: #a03905

}



.rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch-herbals {

  background: #d8bd45

}



.rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch-jasmine {

  background: #ecd775

}



.rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch-decaf {

  background: #96605a

}



@media only screen and (max-width:479px) {

  .rbt-tea-loose-leafs-section .rbt-component-section-title .rbt-title {

    font-size: var(--b1)

  }

  .rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch {

    width: 50px;

    height: 50px;

    box-shadow: inset 0 0 0 4px var(--color-white)

  }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

  .rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch {

    width: 90px;

    height: 90px

  }

}



.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;

  gap: 12px;

  list-style: none;

  margin: 0;

  padding: 0;

  overflow: auto;

  justify-content: flex-start !important

}



.rbt-catagories-grp li {

  margin: 0

}



.rbt-catagories-grp .rbt-catagory-btn {

  height: 48px;

  line-height: 46px;

  font-size: var(--font-size-b1);

  background: 0 0;

  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)

}



.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: 0 4px 30px 10px rgba(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: .3s ease;

  min-width: 415px;

  min-height: 100%;

  z-index: 1;

  border-radius: 0 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: .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 .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.active,

.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 {

  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: .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, .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-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(.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 .rbt-cat-icon,

.rbt-cat-cat-box-1:hover .title {

  color: var(--color-white)

}



.rbt-cat-cat-box-1:hover::after {

  transform: translate(-50%, -50%) scale(1);

  visibility: visible;

  opacity: 1

}



@media only screen and (max-width:767px) {

  .rbt-sm-max-height {

    max-height: 100px !important;

    width: 100% !important

  }

}



.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: .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-heading,

.rbt-countdown-one.bg-variation-black .countdown .countdown-container .countdown-value {

  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-heading,

.rbt-countdown-one.bg-variation-primary .countdown .countdown-container .countdown-value {

  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-heading,

.rbt-countdown-one.bg-variation-green .countdown .countdown-container .countdown-value {

  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-heading,

.rbt-countdown-one.cd-border-style .countdown .countdown-container .countdown-value {

  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: .5px dashed rgba(255, 255, 255, .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: .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: .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-heading,

.rbt-countdown-one.cd-border-style.bg-variation-white .countdown .countdown-container .countdown-value {

  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-heading,

.rbt-countdown-one.cd-border-style.bg-variation-purple .countdown .countdown-container .countdown-value {

  color: var(--color-white)

}



.rbt-countdown-one.cd-border-style.bg-variation-purple .countdown .countdown-container .countdown-heading {

  border-top: .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

}



.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)

}



@media only screen and (max-width:767px),

only screen and (min-width:768px) and (max-width:991px) {

  .rbt-counterdown-section.rbt-counterdown-section-style-one {

    min-height: 65vh

  }

}



.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-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: 0 0;

  border: 0;

  border-radius: 0;

  padding: 12px var(--shape-width);

  position: relative;

  z-index: 2;

  margin: 0 calc(-.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: 0 0 !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(.9);

  background: var(--color-white);

  border-radius: 6px;

  opacity: 0;

  transition: opacity .4s ease, transform .4s cubic-bezier(0, 0, .34, .54)

}



.rbt-megamenu-tab>.nav-link .rbt-chevron-right {

  position: absolute;

  top: 50%;

  transform: translateY(-50%) translateX(-10px);

  right: 16px;

  opacity: 0;

  transition: opacity .4s ease, transform .4s cubic-bezier(0, 0, .34, .54)

}



.rbt-megamenu-tab>.nav-link.active,

.rbt-megamenu-tab>.nav-link:hover {

  color: var(--color-primary);

  background: 0 0

}



.rbt-megamenu-tab>.nav-link.active .rbt-chevron-right,

.rbt-megamenu-tab>.nav-link:hover .rbt-chevron-right {

  transform: translateY(-50%) translateX(0);

  opacity: 1

}



.rbt-megamenu-tab>.nav-link.active::after,

.rbt-megamenu-tab>.nav-link:hover::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 a.active,

.rbt-tab-btn-list.rbt-tab-btn-primary button.active {

  background: 0 0;

  color: var(--color-white)

}



.rbt-tab-btn-list.rbt-tab-btn-primary a:hover,

.rbt-tab-btn-list.rbt-tab-btn-primary button:hover {

  color: var(--color-gray-400)

}



.rbt-tab-btn-list a,

.rbt-tab-btn-list button {

  padding: 4px 16px;

  background: 0 0;

  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: .3s ease

}



.rbt-tab-btn-list a:focus,

.rbt-tab-btn-list button:focus {

  outline: 0

}



.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 .2s cubic-bezier(.4, 0, 1, 1), visibility .3s cubic-bezier(.4, 0, 1, 1), transform .4s cubic-bezier(.4, 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

}



.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: 0;

  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 .3s

}



.tab-button-style-2 li a.active {

  border: 0 none;

  outline: 0;

  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

  }

}



.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: 0;

  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 7 Pro", sans-serif !important;

  right: -18px;

  top: 50%;

  transform: translateY(-50%);

  transition: .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: 0 0;

  border-radius: var(--radius) !important

}



.rbt-accordion-style.rbt-accordion-01 .card .card-header {

  padding: 0;

  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: 0;

  margin-top: 12px;

  background: 0 0

}



.rbt-accordion-style.rbt-accordion-01 .card+.card {

  margin-top: 24px

}



.rbt-accordion-style.rbt-accordion-02 .card {

  background: 0 0;

  border-radius: 0 !important

}



.rbt-accordion-style.rbt-accordion-02 .card .card-header {

  border-bottom: 1px solid var(--color-border);

  padding: 0 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: 0 0

}



.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: 0 0;

  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: 0 0

}



.rbt-accordion-style.rbt-accordion-04 .card {

  border: 2px solid var(--color-border);

  background: 0 0;

  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: 0 0

}



.rbt-accordion-style.rbt-accordion-05 .card {

  border: 0 none;

  background: 0 0;

  border-radius: var(--radius) !important

}



.rbt-accordion-style.rbt-accordion-05 .card .card-header {

  padding: 0;

  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: 0;

  margin-top: 12px;

  background: 0 0

}



.rbt-accordion-style.rbt-accordion-06 .card .card-body {

  background: 0 0;

  border-top: 1px solid var(--color-border)

}



.accordion-button::after {

  visibility: hidden

}



.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: -.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, .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: .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

}



.rbt-modern-select .bootstrap-select button.btn-light {

  border: 0 none;

  height: 35px;

  width: 100%;

  padding: 0 20px;

  outline: 0;

  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: 0;

  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: 0;

  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: 0;

  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, .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: 0 0;

  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: 0 !important

}



.rbt-modern-select .dropdown-toggle {

  transition: var(--transition)

}



.rbt-modern-select .dropdown-toggle::after {

  content: "\f078";

  font-size: 10px;

  font-family: "Font Awesome 7 Pro", sans-serif;

  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: 0;

  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: 0

}



.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: 0 0;

  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, .1) 0, rgba(255, 255, 255, .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 .4s ease, transform .6s cubic-bezier(0, 0, .34, .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 .4s ease, transform .6s cubic-bezier(0, 0, .34, .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 .4s ease, transform .6s cubic-bezier(0, 0, .34, .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 .4s ease, transform .6s cubic-bezier(0, 0, .34, .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

}



@media only screen and (max-width:767px) {

  .rbt-product-card .rbt-card-img.rbt-card-img-h-md img {

    min-height: 200px

  }

}



.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:focus,

.rbt-product-card .prd-btn-grp .rbt-btn:hover {

  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 .6s cubic-bezier(0, 0, .34, .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 .4s cubic-bezier(0, 0, .34, .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 .4s ease, transform .4s cubic-bezier(0, 0, .34, .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: 28px;

    width: 28px;

    font-size: 14px

  }

}



.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-compare,

.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.added-wishlist {

  background: 0 0

}



.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.added-compare i,

.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.added-wishlist i {

  background: var(--color-primary);

  color: var(--color-white)

}



.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.added-compare:hover i,

.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.added-wishlist: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: 8px;

    right: 8px

  }

}



.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, .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: 0 0

}



.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-compare i,

.rbt-product-card .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn.bg-light-one.added-wishlist 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-compare:hover i,

.rbt-product-card .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn.bg-light-one.added-wishlist: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: 12px

  }

}



.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

  }

}



@media only screen and (min-width:1200px) and (max-width:1399px) {

  .rbt-product-card .rbt-card-body .pricing-part {

    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 .pricing-part,

.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 .rbt-card-subtitle {

  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(0, 200vw, 0, 0);

  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 .4s cubic-bezier(0, 0, .34, .54)

}



@media only screen and (max-width:479px) {

  .rbt-product-card .prd-details-area {

    padding: 4px;

    padding-top: 8px;

    top: calc(100% - 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

}



@media only screen and (max-width:767px) {

  .rbt-product-card .rbt-show-more-btn-area::before {

    height: 60px !important

  }

}



.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.active,

.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:hover {

  border-color: var(--color-primary)

}



.rbt-product-card .rbt-btn:hover {

  box-shadow: none

}



.rbt-product-card .rbt-countdown-wrap {

  transition: opacity .4s ease, transform .6s cubic-bezier(0, 0, .34, .54)

}



.rbt-product-card.has-hover-box-shadow .inner {

  transition: all .6s cubic-bezier(0, 0, .34, .54)

}



.rbt-product-card.has-hover-box-shadow:hover .inner {

  z-index: 5;

  position: relative;

  border-color: transparent;

  box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .14)

}



.rbt-product-card:hover .prd-details-area {

  height: auto;

  opacity: 1;

  visibility: visible;

  clip: rect(0, 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: 0 0

}



@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 .pricing-part,

.rbt-product-card.rbt-list-view-variation.list-view-md.list-view-md-var-one .rbt-card-title {

  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-heading,

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-countdown-one .countdown-value {

  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, .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: .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 .4s cubic-bezier(.2, .75, .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 .4s cubic-bezier(.2, .75, .5, 1)

}



.rbt-product-card.rbt-product-card-style-2.transform-variation-two:hover .background-expand {

  transform: scale(1.04, 1.04) translateY(0) translateZ(0)

}



.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(.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::after,

.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-corner-portion-wrapper::before {

  box-shadow: 15px 15px 0 0 var(--color-white) !important

}



.rbt-product-card.rbt-product-card-style-2.wider-variation.active .rbt-card-img img,

.rbt-product-card.rbt-product-card-style-2.wider-variation:hover .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, .8);

  background: linear-gradient(168deg, rgba(255, 255, 255, .9) 0, rgba(255, 255, 255, .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: .9

}



.card-grp-area {

  display: flex;

  gap: 48px;

  justify-content: center

}



.rbt-list-card-box {

  padding: 24px;

  background: 0 0;

  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

}



@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: 0 0;

  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: 12px;

    line-height: var(--line-height-b4)

  }

}



.rbt-product-nav-grp li .rbt-product-nav.active,

.rbt-product-nav-grp li .rbt-product-nav:hover {

  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 .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.active,

.rbt-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav:hover {

  background: 0 0

}



.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: 0 0;

  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%)

}



.tooltip {

  position: relative;

  display: inline-block;

  opacity: 0;

  transition: opacity .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.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;

  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)

}



.tooltip.bottom .tooltip-inner {

  margin-top: 10px

}



.tooltip.bottom .tooltip-arrow {

  top: 100%;

  left: 50%;

  margin-left: -5px;

  border-width: 0 5px 5px;

  border-color: transparent transparent var(--color-black) transparent

}



.tooltip.left .tooltip-inner {

  margin-right: 10px

}



.tooltip.left .tooltip-arrow {

  right: 100%;

  top: 50%;

  margin-top: -5px;

  border-width: 5px 5px 5px 0;

  border-color: transparent var(--color-black) transparent transparent

}



.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: 0 0;

  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

}



.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 .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(.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(.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(.85);

  opacity: 0;

  visibility: hidden;

  z-index: 99;

  transition: all .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(.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(.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: 0 0;

  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)

}



.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: 0px 5px

  }

}



.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 .prd-info-section .rbt-brand-img {

  display: inline-block

}



.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: 500;

  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.active,

.rbt-single-product-area .product-styles-grp .content .rbt-btn:focus,

.rbt-single-product-area .product-styles-grp .content .rbt-btn:hover {

  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: 0 0

}



@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 .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 .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-icon,

.rbt-file-upload-container .rbt-title {

  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, .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: 115px

}



@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 {

  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::after,

.rbt-coupon .left-part::before {

  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-sub-title,

.rbt-coupon .coupon-details .rbt-coupon-info-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-sub-title,

.rbt-coupon.rbt-coupon-expired .coupon-details .rbt-coupon-info-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-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;

  align-items: start

}



@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, .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 {

  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-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::after,

.rbt-review-inp-list>li label::before {

  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 .4s cubic-bezier(0, 0, .34, .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 .4s cubic-bezier(0, 0, .34, .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: 0 0;

  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(.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: 0 0;

  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(.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(.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

}



.rbt-scroll-vertical {

  overflow-y: overlay;

  scrollbar-gutter: stable;

  max-height: 100%

}



.rbt-scroll-vertical::-webkit-scrollbar {

  width: 6px;

  transition: width .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: 0 0;

  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: 0 0;

  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(0, 100vw, 100vh, 30vh);

  transition: opacity .4s ease, clip .4s cubic-bezier(0, 0, .34, .54)

}



.rbt-enlarge-btn:hover .rbt-enlarge-text {

  clip: rect(0, 100vw, 100vh, 0)

}



.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(0, 0, 100vh, 0);

  border-radius: 0 var(--radius) var(--radius) 0

}



.rbt-enlarge-btn.position-top-left:hover .rbt-enlarge-text {

  clip: rect(0, 30vw, 100vh, 0)

}



.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(0, 0, 100vh, 0);

  border-radius: 0 var(--radius) var(--radius) 0

}



.rbt-enlarge-btn.position-bottom-left:hover .rbt-enlarge-text {

  clip: rect(0, 30vw, 100vh, 0);

  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(0, 100vw, 100vh, 0);

  transition: all 1s linear

}



.rbt-video-thumb {

  background: 0 0;

  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, .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: .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

}



body.hide-scrollbar .rbt-header .rbt-header-wrapper.rbt-sticky,

body.hide-scrollbar .rbt-header-common-sticky-activation,

body.modal-open .rbt-header .rbt-header-wrapper.rbt-sticky,

body.modal-open .rbt-header-common-sticky-activation {

  padding-right: 17px !important

}



@media only screen and (max-width:1199px) {

  body.hide-scrollbar .rbt-header .rbt-header-wrapper.rbt-sticky,

  body.hide-scrollbar .rbt-header-common-sticky-activation,

  body.modal-open .rbt-header .rbt-header-wrapper.rbt-sticky,

  body.modal-open .rbt-header-common-sticky-activation {

    padding-right: 0 !important

  }

}



body.hide-scrollbar .rbt-header-common-sticky-activation.rbt-sticky,

body.modal-open .rbt-header-common-sticky-activation.rbt-sticky {

  padding-right: 17px !important

}



@media only screen and (max-width:1199px) {

  body.hide-scrollbar .rbt-header-common-sticky-activation.rbt-sticky,

  body.modal-open .rbt-header-common-sticky-activation.rbt-sticky {

    padding-right: 0 !important

  }

}



body.hide-scrollbar .rbt-progress-parent,

body.modal-open .rbt-progress-parent {

  opacity: 0;

  visibility: hidden

}



body.hide-scrollbar .rbt-cart-side-menu,

body.hide-scrollbar .side-menu,

body.modal-open .rbt-cart-side-menu,

body.modal-open .side-menu {

  margin-right: 17px !important

}



.rbt-default-modal,

.rbt-team-modal {

  z-index: 9999;

  padding: 60px 30px !important;

  backdrop-filter: blur(5px);

  background: rgba(0, 0, 0, .5);

  cursor: url(../images/cursor-x.webp), pointer

}



@media only screen and (max-width:767px) {

  .rbt-default-modal,

  .rbt-team-modal {

    padding: 16px !important

  }

}



@media only screen and (max-width:479px) {

  .rbt-default-modal,

  .rbt-team-modal {

    padding: 12px !important

  }

}



.rbt-default-modal .modal-news,

.rbt-team-modal .modal-news {

  max-width: 1000px !important

}



.rbt-default-modal .modal-dialog,

.rbt-team-modal .modal-dialog {

  width: 100%;

  margin: auto;

  max-width: 930px

}



.rbt-default-modal .modal-dialog .modal-content,

.rbt-team-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-default-modal .modal-dialog .modal-content,

  .rbt-team-modal .modal-dialog .modal-content {

    padding: 30px

  }

}



@media only screen and (max-width:479px) {

  .rbt-default-modal .modal-dialog .modal-content,

  .rbt-team-modal .modal-dialog .modal-content {

    padding: 16px

  }

}



.rbt-default-modal .modal-dialog .modal-content .modal-header,

.rbt-team-modal .modal-dialog .modal-content .modal-header {

  padding: 0;

  border: none

}



.rbt-default-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn,

.rbt-team-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: 0 0;

  color: var(--color-heading)

}



.rbt-default-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn::after,

.rbt-team-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-default-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn:hover,

.rbt-team-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn:hover {

  color: var(--color-heading) !important

}



.rbt-default-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn:hover::after,

.rbt-team-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn:hover::after {

  transform: scale(1.1)

}



.rbt-default-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn:active::after,

.rbt-team-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn:active::after {

  transform: scale(.9);

  transition: var(--transition-short-cubic)

}



.rbt-default-modal .modal-dialog .modal-content .modal-body .inner,

.rbt-team-modal .modal-dialog .modal-content .modal-body .inner {

  position: relative

}



.rbt-default-modal .modal-dialog .modal-content .modal-body .inner .thumb img,

.rbt-team-modal .modal-dialog .modal-content .modal-body .inner .thumb img {

  border-radius: var(--radius)

}



.rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info,

.rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info {

  margin-bottom: 20px

}



@media only screen and (max-width:767px) {

  .rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info,

  .rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info {

    margin-bottom: 12px;

    margin-top: 12px

  }

}



.rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info .title,

.rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info .title {

  margin-bottom: 7px

}



.rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info .designation,

.rbt-team-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

}



@media only screen and (max-width:767px) {

  .rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info .designation,

  .rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info .designation {

    font-size: 16px

  }

}



.rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details p,

.rbt-team-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-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details p,

  .rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details p {

    padding-right: 0

  }

}



@media only screen and (max-width:767px) {

  .rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details p,

  .rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details p {

    padding-right: 0

  }

}



.rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details .team-form,

.rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details .team-form {

  display: block;

  font-size: 14px;

  margin-bottom: 12px;

  letter-spacing: .6px;

  font-style: italic

}



.rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details .team-form img,

.rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details .team-form img {

  padding-right: 10px;

  max-height: 18px

}



.rbt-default-modal .modal-dialog.container-size,

.rbt-team-modal .modal-dialog.container-size {

  max-width: 1460px

}



.rbt-default-modal .modal-dialog.xl-size,

.rbt-team-modal .modal-dialog.xl-size {

  max-width: 1600px

}



.rbt-default-modal .modal-dialog.sm-size,

.rbt-team-modal .modal-dialog.sm-size {

  max-width: 750px

}



.rbt-default-modal .modal-dialog.xs-size,

.rbt-team-modal .modal-dialog.xs-size {

  max-width: 624px

}



.rbt-default-modal .modal-dialog.xxs-size,

.rbt-team-modal .modal-dialog.xxs-size {

  max-width: 460px

}



.rbt-default-modal .modal-dialog.xxs-size .modal-content,

.rbt-team-modal .modal-dialog.xxs-size .modal-content {

  padding: 30px 24px

}



.rbt-default-modal .modal-dialog.modal-dialog-fullwidth,

.rbt-team-modal .modal-dialog.modal-dialog-fullwidth {

  max-width: 100%

}



@media only screen and (max-width:767px) {

  .rbt-default-modal .rbt-overlay-counter.counter-sm,

  .rbt-team-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: 0 0

}



.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(0);

  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, .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: 0 0;

  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

}



.modal-content .rbt-minicart-footer {

  padding: 0 !important

}



.rbt-cart-edit-area .input-group-append {

  position: absolute;

  right: 10px;

    top: 6px;

}



.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: 10px 0

}



@media only screen and (max-width:767px) {

  .rbt-breadcrumb-two {

    padding: 12px 0

  }

}



.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.rbt-breadcrumb-bg-1 {

  background-image: url(../images/breadcrumb-bg/breadcrumb-bg-01.webp)

}



.rbt-breadcrumb-default.rbt-breadcrumb-bg-1 .rbt-breadcrumb-bg-elements {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1

}



.rbt-breadcrumb-default.rbt-breadcrumb-bg-1 .rbt-breadcrumb-bg-element-1 {

  position: absolute;

  bottom: 1px;

  z-index: 1;

  right: 98%;

  width: 220px;

  height: auto

}



@media only screen and (min-width:1200px) and (max-width:1599px),

only screen and (min-width:992px) and (max-width:1199px),

only screen and (min-width:1200px) and (max-width:1399px) {

  .rbt-breadcrumb-default.rbt-breadcrumb-bg-1 .rbt-breadcrumb-bg-element-1 {

    bottom: 0;

    left: 0;

    width: 191px

  }

}



@media only screen and (min-width:768px) and (max-width:991px) {

  .rbt-breadcrumb-default.rbt-breadcrumb-bg-1 .rbt-breadcrumb-bg-element-1 {

    bottom: 0;

    left: 0;

    width: 100px

  }

}



@media only screen and (max-width:767px) {

  .rbt-breadcrumb-default.rbt-breadcrumb-bg-1 .rbt-breadcrumb-bg-element-1 {

    display: none

  }

}



.rbt-breadcrumb-default.rbt-breadcrumb-bg-1 .rbt-breadcrumb-bg-element-2 {

  position: absolute;

  top: 0;

  left: 15%;

  width: 132px;

  height: auto;

  z-index: 1

}



@media only screen and (min-width:1200px) and (max-width:1599px),

only screen and (min-width:992px) and (max-width:1199px),

only screen and (min-width:1200px) and (max-width:1399px) {

  .rbt-breadcrumb-default.rbt-breadcrumb-bg-1 .rbt-breadcrumb-bg-element-2 {

    left: 20%;

    width: 132px

  }

}



@media only screen and (min-width:768px) and (max-width:991px) {

  .rbt-breadcrumb-default.rbt-breadcrumb-bg-1 .rbt-breadcrumb-bg-element-2 {

    width: 100px;

    left: 20%

  }

}



@media only screen and (max-width:767px) {

  .rbt-breadcrumb-default.rbt-breadcrumb-bg-1 .rbt-breadcrumb-bg-element-2 {

    display: none

  }

}



.rbt-breadcrumb-default.rbt-breadcrumb-bg-1 .rbt-breadcrumb-bg-element-3 {

  position: absolute;

  bottom: -12px;

  right: 0;

  width: 303px;

  height: auto;

  z-index: 1;

  transform: translateX(50%)

}



@media only screen and (min-width:1200px) and (max-width:1599px),

only screen and (min-width:992px) and (max-width:1199px),

only screen and (min-width:1200px) and (max-width:1399px) {

  .rbt-breadcrumb-default.rbt-breadcrumb-bg-1 .rbt-breadcrumb-bg-element-3 {

    bottom: 0;

    width: 280px;

    transform: translateX(0)

  }

}



@media only screen and (min-width:768px) and (max-width:991px) {

  .rbt-breadcrumb-default.rbt-breadcrumb-bg-1 .rbt-breadcrumb-bg-element-3 {

    width: 180px;

    transform: translate(0);

    bottom: 0

  }

}



@media only screen and (max-width:767px) {

  .rbt-breadcrumb-default.rbt-breadcrumb-bg-1 .rbt-breadcrumb-bg-element-3 {

    display: none

  }

}



.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 .4s ease, transform .4s cubic-bezier(0, 0, .34, .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)

}



.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::after,

.rbt-brand.style-one .brand-image .rbt-divider-arrow.has-right-angel-animation::before {

  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: 12px;

    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::after,

.rbt-brand.style-one:hover .brand-image .rbt-divider-arrow.has-right-angel-animation::before {

  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 .4s;

  position: relative;

  margin-top: 24px

}



.rbt-brand.style-one.rbt-content-transform-style .prd-text {

  transition: all .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 .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 .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: .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: .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)

}



.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);

  height: 100%

}



.rbt-instapost.rbt-instapost-style-one .inner {

  height: 100%

}



.rbt-instapost.rbt-instapost-style-one .instapost-img {

  border: 0;

  padding: 0;

  margin: 0;

  outline: 0;

  height: 100%

}



.rbt-instapost.rbt-instapost-style-one .instapost-img img {

  width: 100%;

  object-fit: cover;

  height: 100%

}



.rbt-instapost.rbt-instapost-style-one .instapost-img::after {

  content: "";

  height: 100%;

  width: 100%;

  background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 100%), 50%/cover no-repeat;

  opacity: .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;

  padding: 24px

}



@media only screen and (max-width:767px) {

  .rbt-instapost-social-area {

    min-width: 300px;

    padding: 15px 0;

    width: 100%

  }

}



@media only screen and (min-width:992px) and (max-width:1199px),

only screen and (min-width:768px) and (max-width:991px) {

  .rbt-instapost-social-area {

    width: 100%;

    background: 0 0

  }

}



.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, .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);

  display: block

}



.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(.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: 0 0;

  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: 0 0

}



.rbt-social-default.with-bg-white li a::after {

  background-color: var(--color-white);

  opacity: 0;

  visibility: hidden;

  transform: scale(.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: 0 0 !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: .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(.95)

}



.rbt-social-share-box .rbt-close-btn:hover i {

  transform: scale(1.2);

  color: var(--color-primary)

}



.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, .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: 0 0 40px 0 rgba(0, 0, 0, .35);

  border-radius: 12px;

  text-align: center;

  opacity: 0;

  transition: opacity .25s ease, visibility .25s ease, transform .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(.2)

  }

  50% {

    opacity: .5

  }

  100% {

    opacity: 0;

    transform: scale(.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

}



@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 .3s;

    height: 100%;

    width: 100%;

    background: rgba(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

  }

}



.rbt-common-search-trigger-active .search-icon::before,

.search-trigger-active .search-icon::before {

  opacity: 1;

  visibility: visible;

  transition: .4s

}



.rbt-common-search-trigger-active.rbt-modern-close-btn .modern-close-wrapper::after,

.rbt-common-search-trigger-active.rbt-modern-close-btn .modern-close-wrapper::before,

.search-trigger-active.rbt-modern-close-btn .modern-close-wrapper::after,

.search-trigger-active.rbt-modern-close-btn .modern-close-wrapper::before {

  opacity: 0;

  visibility: hidden

}



.rbt-common-search-trigger-active.open,

.search-trigger-active.open {

  background: var(--color-gray-300)

}



.rbt-common-search-trigger-active.open .search-icon::before,

.search-trigger-active.open .search-icon::before {

  opacity: 0;

  visibility: hidden

}



.rbt-common-search-trigger-active.open .rbt-toolbar-label,

.search-trigger-active.open .rbt-toolbar-label {

  opacity: 0;

  visibility: hidden

}



.rbt-common-search-trigger-active.open.rbt-modern-close-btn .modern-close-wrapper::before,

.search-trigger-active.open.rbt-modern-close-btn .modern-close-wrapper::before {

  animation-name: crossRight;

  animation-delay: .3s

}



.rbt-common-search-trigger-active.open.rbt-modern-close-btn .modern-close-wrapper::after,

.search-trigger-active.open.rbt-modern-close-btn .modern-close-wrapper::after {

  animation-name: crossLeft;

  animation-delay: .15s

}



.rbt-search-dropdown {

  position: absolute;

  top: 100%;

  left: 0;

  right: 0;

  background: #fff;

  box-shadow: 0 4px 16px rgba(8, 10, 18, .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, .1);

  z-index: 99;

  transition: all .7s;

  background: rgba(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: 36px;

  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: 7px;

  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: 15px;

  line-height: 16px;

  position: absolute;

  left: 16px;

  top: 10px

}



@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: 0;

  background: 0 0

}



@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, .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, .5);

  backdrop-filter: blur(5px);

  transition: var(--transition);

  cursor: url(../images/cursor-x.webp), pointer

}



.header-top-menu-nav-opened .common-close_search_dropdown,

.side-nav-opened body::before {

  opacity: 1;

  visibility: visible

}



.menu-nav-opened .common-close_search_dropdown {

  opacity: 1;

  visibility: visible

}



.rbt-search-style {

  position: relative

}



.rbt-search-style input {

  background: 0 0;

  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)

}



.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: 0 0;

  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: 0 12px 30px 10px rgba(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

}



.rbt-search-scroll-vertical-wrapper {

  position: relative;

  height: 100%;

  overflow-y: auto;

  max-height: 400px

}



@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),

only screen and (min-width:1200px) and (max-width:1599px) {

  .rbt-search-scroll-vertical-wrapper {

    max-height: 300px

  }

}



.rbt-search-scroll-vertical-wrapper .inner {

  position: relative;

  height: 100%

}



.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%;

  color: var(--color-heading);

  font-weight: var(--f-medium)

}



@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: 12px

  }

}



.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 (min-width:768px) and (max-width:991px),

only screen and (max-width:767px) {

  .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-black-overlay="2"]:before,

.rbt-product-banner [data-gradient-overlay="2"]:before,

.rbt-product-banner [data-overlay="2"]:before,

.rbt-product-banner [data-white-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: 0 0;

  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: 0;

  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: 0;

  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-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: 0

  }

}



@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;

    min-width: unset

  }

}



.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);

    min-width: unset

  }

}



.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 .4s ease-in-out;

    border-radius: var(--radius-60);

    border: 0 none;

    outline: 0

  }

}



.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: 316px

}



.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: 314px

}



.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-banner-img img,

.rbt-product-banner.rbt-product-banner-style-four .rbt-product-image 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;

  color: var(--color-heading)

}



@media only screen and (min-width:768px) and (max-width:991px),

only screen and (max-width:767px) {

  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one .rbt-banner-subtitle {

    font-size: 16px !important

  }

}



.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 (min-width:768px) and (max-width:991px),

only screen and (max-width:767px) {

  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories .rbt-product-banner-content {

    padding: 20px 22px 28px;

    padding-bottom: 28px !important

  }

}



@media only screen and (min-width:992px) and (max-width:1199px) {

  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories .rbt-product-banner-content {

    padding: 50px 40px;

    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-inner {

  min-height: 625px

}



@media only screen and (min-width:992px) and (max-width:1199px) {

  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories .rbt-banner-inner {

    min-height: 410px

  }

}



@media only screen and (min-width:768px) and (max-width:991px) {

  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories .rbt-banner-inner {

    min-height: 330px

  }

}



@media only screen and (max-width:767px) {

  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories .rbt-banner-inner {

    min-height: 300px

  }

}



.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-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-banner-inner {

  position: relative

}



.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-product-banner-content {

  padding: 20px 22px 28px;

  height: 100%;

  position: absolute;

  inset: 0;

  padding-bottom: 28px !important

}



.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-content-section {

  max-width: 205px;

  min-height: 100%;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  position: relative;

  z-index: 2

}



.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-content-section .rbt-product-badge {

  margin-bottom: 16px;

  padding: 4px 12px;

  min-width: 48px;

  border-radius: var(--radius-60);

  font-size: 12px;

  line-height: 1.2

}



.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-content-section .rbt-banner-title {

  line-height: 1.25;

  margin-bottom: 6px

}



@media only screen and (min-width:768px) and (max-width:991px),

only screen and (max-width:767px) {

  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-content-section .rbt-banner-title {

    font-size: 18px !important

  }

}



.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-content-section .rbt-banner-subtitle {

  color: var(--color-gray-500);

  margin-bottom: 0

}



.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-content-section .rbt-banner-watermark-text {

  position: absolute;

  left: 50%;

  top: 57%;

  transform: translate(-50%, -50%);

  font-size: 86px;

  font-weight: var(--f-black);

  line-height: .95;

  letter-spacing: .02em;

  color: var(--color-white);

  opacity: .38;

  text-align: center;

  pointer-events: none;

  z-index: -1

}



.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-content-section .rbt-btn {

  margin-top: auto;

  align-self: center;

  min-width: 180px

}



@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-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-content-section .rbt-btn {

    min-width: auto;

    align-self: flex-start

  }

}



.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-product-banner-img img {

  object-position: bottom center

}



@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-banner-four-var-gamepad .rbt-banner-inner {

    min-height: 520px

  }

  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-product-banner-content {

    padding: 16px

  }

  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-content-section {

    max-width: 100%

  }

  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-content-section .rbt-banner-watermark-text {

    font-size: 58px

  }

}



.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: 80px 60px;

  }

}



@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: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-larger .rbt-product-banner-content {

   min-height: 415px;

  }

}



@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: 375px

  }

}



.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-two.rbt-banner-tea-stores .rbt-product-banner-content {

  max-width: 100% !important

}



.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-tea-stores .rbt-product-banner-content .rbt-content-section {

  max-width: 100% !important;

  width: 100% !important

}



.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-tea-stores .rbt-product-banner-content .rbt-content-section .rbt-title {

  color: rgba(255, 255, 255, .38) !important;

  text-align: center;

  -webkit-text-stroke-width: 0;

  -webkit-text-stroke-color: transparent;

  font-family: var(--font-tertiary);

  font-size: clamp(78px, 9vw, 220px);

  font-style: normal;

  font-weight: 400 !important;

  line-height: 1;

  letter-spacing: .03em;

  text-transform: uppercase;

  margin-bottom: 0 !important;

  white-space: nowrap;

  margin-bottom: -57px !important

}



@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-tea-stores .rbt-product-banner-content .rbt-content-section .rbt-title {

    font-size: clamp(56px, 9vw, 120px);

    margin-bottom: -47px !important

  }

}



@media only screen and (max-width:767px) {

  .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-tea-stores .rbt-product-banner-content .rbt-content-section .rbt-title {

    font-size: clamp(36px, 9vw, 72px);

    white-space: normal;

    margin-bottom: -27px !important

  }

}



.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%;

    position: relative;

    top: unset;

    right: unset

  }

}



.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: 25px 45px

  }

}



@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

}



@media only screen and (min-width:992px) and (max-width:1199px) {

  .rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer {

    min-height: 428px

  }

}



.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

}



@media only screen and (max-width:575px) {

  .rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content {

    position: relative

  }

}



.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: 0 0;

  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);

    display: none

  }

}



.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: 12px;

    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: 14px !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-five.rbt-product-banner-style-five-lg .rbt-product-banner-img img {

  transition: var(--transition);

  object-fit: cover;

  min-height: 200px

}



.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: 0 0;

  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: .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, .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-inner .rbt-product-banner-content .rbt-title.rbt-wider-title {

  letter-spacing: 22%

}



@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.rbt-wider-title {

    letter-spacing: 22%

  }

}



@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.rbt-wider-title {

    letter-spacing: 22%

  }

}



@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.rbt-wider-title {

    letter-spacing: 22%

  }

}



@media only screen and (max-width:767px) {

  .rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-title.rbt-wider-title {

    letter-spacing: 22%

  }

}



.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;

  align-items: center;

  display: flex;

  justify-content: center

}



.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;

  height: 100%

}



.rbt-hero-banner-classic .rbt-hero-banner-img .rbt-hero-banner-shape img {

  height: 100%;

  width: 100%;

  object-fit: cover

}



.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

}



@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

  }

}



@media only screen and (max-width:767px) {

  .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

}



@media only screen and (max-width:767px) {

  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories {

    min-height: max-content;

    justify-content: flex-start

  }

}



.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-banner-bg-img {

  border-radius: 0

}



@media only screen and (max-width:767px),

only screen and (min-width:768px) and (max-width:991px) {

  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-banner-bg-img img {

    height: 100%;

    width: 100%;

    object-fit: cover;

    max-height: unset;

    min-height: unset

  }

}



@media only screen and (max-width:767px),

only screen and (min-width:768px) and (max-width:991px) {

  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-img img {

    height: 100%;

    width: 100%;

    object-fit: cover;

    max-height: unset;

    min-height: unset

  }

}



@media only screen and (max-width:767px),

only screen and (min-width:768px) and (max-width:991px) {

  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-content {

    padding-left: 16px;

    padding-right: 16px;

    min-height: max-content

  }

}



.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-content .rbt-banner-subtitle-two {

  font-family: var(--font-secondary);

  color: var(--color-yellow);

  font-size: 24px;

  font-weight: 700;

  line-height: 100%

}



@media only screen and (min-width:768px) and (max-width:991px) {

  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-content .rbt-banner-subtitle-two {

    font-size: 20px

  }

}



@media only screen and (max-width:767px) {

  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-content .rbt-banner-subtitle-two {

    font-size: 18px

  }

}



.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-content .title {

  color: var(--color-white);

  font-family: var(--font-primary);

  font-size: 52px;

  font-style: normal;

  font-weight: 700;

  line-height: 1;

  margin-bottom: 0;

  text-transform: capitalize;

  margin-top: 16px

}



@media only screen and (min-width:1200px) and (max-width:1599px) {

  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-content .title {

    font-size: 44px

  }

}



@media only screen and (min-width:768px) and (max-width:991px) {

  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-content .title {

    font-size: 38px

  }

}



@media only screen and (max-width:767px) {

  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-content .title {

    font-size: 30px;

    margin-top: 12px

  }

}



.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-content .rbt-banner-description {

  color: var(--color-gray-200);

  font-size: 18px;

  font-weight: 400;

  line-height: 1;

  margin-top: 16px

}



@media only screen and (min-width:768px) and (max-width:991px) {

  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-content .rbt-banner-description {

    font-size: 16px

  }

}



@media only screen and (max-width:767px) {

  .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-content .rbt-banner-description {

    font-size: 15px;

    line-height: 1.35;

    margin-top: 12px

  }

}



.rbt-hero-bg-gradient-green {

  background: linear-gradient(98deg, #fcffa0 .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, .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, .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: 0;

    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-cosmetic-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,

  .rbt-jewellery-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-tea-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-cosmetic-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,

  .rbt-jewellery-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-tea-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

}



.rbt-product-promo-banner-area img {

  transition: var(--transition)

}



.rbt-product-promo-banner-area:hover img {

  transform: scale(1.02)

}



.rbt-toolbar {

  position: sticky;

  inset-inline: 0;

  bottom: -2px;

  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, .12);

  opacity: 0;

  visibility: hidden;

  transform: translateY(100%);

  transition: all .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: 0;

  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(.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: 0 0

}



.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

}



.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 .3s ease-out;

  -moz-transition: all .3s ease-out;

  -o-transition: all .3s ease-out;

  transition: all .3s ease-out

}



.mfp-with-zoom.mfp-ready .mfp-container {

  opacity: 1

}



.mfp-with-zoom.mfp-ready.mfp-bg {

  opacity: .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, .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: .4s;

  opacity: 1;

  width: 50px;

  height: 50px;

  background: rgba(25, 35, 53, .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 .2s ease-out;

  z-index: 10

}



.fancybox__infobar {

  font-size: var(--font-size-b1)

}



.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: .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: 0 0;

  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: 0 0;

  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)

}



.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: 30px;

  margin: 0 -30px;

  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

  }

}



.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: 0 0;

  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)

}



.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)

}



.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, .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, .4) 0, rgba(255, 255, 255, .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 img {

  vertical-align: bottom;

  max-width: 100%;

  height: auto

}



.rbt-img-comparison-single .rbt-block--comparison {

  overflow: hidden

}



.rbt-img-comparison-single .rbt-block--comparison .rbt-block__image {

  --range: 50%;

  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, .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 {

  position: absolute;

  margin: 0;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  cursor: ew-resize;

  -webkit-appearance: none;

  background: 0 0;

  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: 0

}



.rbt-img-comparison-single .rbt-block--comparison {

  position: relative;

  width: 100%;

  min-height: 460px;

  border-radius: 16px

}



.rbt-img-comparison-single .rbt-block--comparison .rbt-block__img {

  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, .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, .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, .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

}



.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(.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;

  overflow: hidden

}



.rbt-section-has-edge-divider .rbt-edge-bottom,

.rbt-section-has-edge-divider .rbt-edge-top {

  position: absolute;

  width: 100%;

  line-height: 1

}



.rbt-section-has-edge-divider .rbt-edge-bottom svg,

.rbt-section-has-edge-divider .rbt-edge-top svg {

  width: 100%

}



.rbt-section-has-edge-divider .rbt-edge-bottom svg path,

.rbt-section-has-edge-divider .rbt-edge-top 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)

}



#gallery_01 img {

  border: 2px solid #fff

}



#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

  }

}



.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

}



@media (prefers-reduced-motion:no-preference) {

  .animate--ambient>img,

  .animate--ambient>svg {

    animation: animateAmbient 30s linear infinite

  }

  @keyframes animateAmbient {

    0% {

      transform: rotate(0) translateX(1em) rotate(0) 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: .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 .slider,

  .rbt-scroll-trigger.rbt-scroll-trigger--design-mode.fade_in,

  .rbt-scroll-trigger.rbt-scroll-trigger--design-mode.slide_in,

  .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

  }

  .rbt-scroll-trigger.rbt-scroll-trigger--design-mode.slide_in {

    transform: translateY(0)

  }

  @keyframes slideIn {

    from {

      transform: translateY(1rem);

      opacity: .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 .slider,

.rbt-scroll-trigger.rbt-scroll-trigger--design-mode.fade_in,

.rbt-scroll-trigger.rbt-scroll-trigger--design-mode.slide_in,

.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: .01

  }

  to {

    transform: translateY(0);

    opacity: 1

  }

}



@keyframes fadeIn {

  from {

    opacity: .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: .7s;

  animation-duration: .7s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both

}



.swiper-slide-active .rbt-slideshow-content-inner>:nth-child(1) {

  -webkit-animation-delay: .3s;

  animation-delay: .3s

}



.swiper-slide-active .rbt-slideshow-content-inner>:nth-child(2) {

  -webkit-animation-delay: .5s;

  animation-delay: .5s

}



.swiper-slide-active .rbt-slideshow-content-inner>:nth-child(3) {

  -webkit-animation-delay: .7s;

  animation-delay: .7s

}



.swiper-slide-active .rbt-slideshow-content-inner>:nth-child(4) {

  -webkit-animation-delay: .9s;

  animation-delay: .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(.7)

  }

  50% {

    opacity: .5

  }

  100% {

    opacity: 1;

    transform: scale(1)

  }

}



@keyframes zoomInSlideshow {

  0% {

    opacity: 0;

    transform: scale(.7)

  }

  50% {

    opacity: .5

  }

  100% {

    opacity: 1;

    transform: scale(1)

  }

}



@-webkit-keyframes zoomOutSlideshow {

  0% {

    opacity: 0;

    transform: scale(1.3)

  }

  50% {

    opacity: .5

  }

  100% {

    opacity: 1;

    transform: scale(1)

  }

}



@keyframes zoomOutSlideshow {

  0% {

    opacity: 0;

    transform: scale(1.3)

  }

  50% {

    opacity: .5

  }

  100% {

    opacity: 1;

    transform: scale(1)

  }

}



.swiper {

  visibility: hidden

}



.swiper.swiper-initialized {

  visibility: visible

}



.rbt-arrow-between .rbt-swiper-arrow,

.rbt-arrow-between .rbt-swiper-pagination,

.rbt-arrow-between .rbt-swiper-pagination-center,

.rbt-arrow-between .rbt-swiper-progress {

  visibility: hidden

}



.rbt-arrow-between.is-swiper-ready .rbt-swiper-arrow,

.rbt-arrow-between.is-swiper-ready .rbt-swiper-pagination,

.rbt-arrow-between.is-swiper-ready .rbt-swiper-pagination-center,

.rbt-arrow-between.is-swiper-ready .rbt-swiper-progress {

  visibility: visible

}



.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

}



.rbt-preloader-inner img,

.rbt-preloader-inner svg {

  max-width: 300px

}



.preloader-msg {

  animation: msg .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-wheel-stroke,

.rbt-preloader-cart-wheel1,

.rbt-preloader-cart-wheel2 {

  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(-.25turn);

  transform-origin: 43px 111px

}



.rbt-preloader-cart-wheel2 {

  animation-name: cartWheel2;

  transform: rotate(.25turn);

  transform-origin: 102px 111px

}



.rbt-preloader-cart-wheel-stroke {

  animation-name: cartWheelStroke

}



.rbt-preloader-cart-track {

  stroke: hsla(var(--hue), 10%, 10%, .1);

  transition: stroke var(--trans-dur)

}



@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%, .1)

  }

}



@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(-.25turn)

  }

  to {

    transform: rotate(2.75turn)

  }

}



@keyframes cartWheel2 {

  from {

    transform: rotate(.25turn)

  }

  to {

    transform: rotate(3.25turn)

  }

}



@keyframes cartWheelStroke {

  from,

  to {

    stroke-dashoffset: 81.68

  }

  50% {

    stroke-dashoffset: 40.84

  }

}



.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: 0 0;

  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: 100px;

    max-width: 100px;

    height: auto;

    align-items: center;

    justify-content: center;

    background: var(--color-gray-200);

    border-radius: var(--radius-md);

    aspect-ratio: 114 / 103;

}



.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: 14px;

  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: 14px;

  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 tbody tr td,

.rbt-transparent-table-one.table-variation-one tbody tr th,

.rbt-transparent-table-one.table-variation-one thead tr td,

.rbt-transparent-table-one.table-variation-one thead tr th {

  padding: 16px 0;

  min-width: 120px;

  text-align: center;

  border-style: dashed

}



.rbt-transparent-table-one.table-variation-one tbody tr td:first-child,

.rbt-transparent-table-one.table-variation-one tbody tr th:first-child,

.rbt-transparent-table-one.table-variation-one thead tr td:first-child,

.rbt-transparent-table-one.table-variation-one thead tr th:first-child {

  text-align: start;

  padding-top: 24px

}



.rbt-transparent-table-one.table-variation-one tbody tr td:last-child,

.rbt-transparent-table-one.table-variation-one tbody tr th:last-child,

.rbt-transparent-table-one.table-variation-one thead tr td:last-child,

.rbt-transparent-table-one.table-variation-one thead tr th:last-child {

  text-align: right

}



.rbt-transparent-table-one.table-variation-one tbody tr td .price-text,

.rbt-transparent-table-one.table-variation-one tbody tr th .price-text,

.rbt-transparent-table-one.table-variation-one thead tr td .price-text,

.rbt-transparent-table-one.table-variation-one thead tr th .price-text {

  margin-bottom: 0

}



.rbt-transparent-table-one.table-variation-one tbody tr th,

.rbt-transparent-table-one.table-variation-one thead 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: 0 0;

  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

}



.rbt-default-card,

.team-style-default {

  margin-top: 75px;

  position: relative

}



.rbt-default-card .inner,

.team-style-default .inner {

  background: var(--color-white);

  border-radius: var(--radius);

  box-shadow: var(--shadow-1)

}



.rbt-default-card .inner .thumbnail,

.team-style-default .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

}



.rbt-default-card .inner .thumbnail img,

.team-style-default .inner .thumbnail img {

  width: 100%;

  height: 100%;

  overflow: hidden

}



.rbt-default-card .inner .content,

.team-style-default .inner .content {

  text-align: center;

  padding: 20px;

  padding-top: 85px;

  padding-bottom: 35px

}



.rbt-default-card .inner .content .title,

.team-style-default .inner .content .title {

  font-size: 18px;

  line-height: 1.4;

  font-weight: 700;

  margin-bottom: 6px

}



@media only screen and (max-width:767px) {

  .rbt-default-card .inner .content .title,

  .team-style-default .inner .content .title {

    font-size: 16px

  }

}



.rbt-default-card .inner .content .subtitle,

.team-style-default .inner .content .subtitle {

  font-size: var(--font-size-b3);

  line-height: var(--line-height-b3);

  margin-bottom: 8px;

  display: inline-block

}



.rbt-default-card .inner .content .team-form,

.team-style-default .inner .content .team-form {

  display: block;

  font-size: 14px;

  margin-bottom: 12px;

  letter-spacing: .6px;

  font-style: italic

}



.rbt-default-card .inner .content .team-form img,

.team-style-default .inner .content .team-form img {

  padding-right: 10px;

  max-height: 18px

}



.rbt-default-card .inner .content .description,

.team-style-default .inner .content .description {

  margin-bottom: 0;

  padding: 0 5%

}



.rbt-default-card .inner .social-icon li a,

.team-style-default .inner .social-icon li a {

  color: var(--color-body)

}



.rbt-default-card.border-gradient .thumbnail,

.team-style-default.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

}



.rbt-default-card.style-two,

.team-style-default.style-two {

  margin-top: 30px

}



.rbt-default-card.style-two .inner,

.team-style-default.style-two .inner {

  padding-top: 35px

}



.rbt-default-card.style-two .inner .thumbnail,

.team-style-default.style-two .inner .thumbnail {

  top: 0;

  position: static;

  left: inherit;

  transform: none;

  min-width: 150px;

  min-height: 150px;

  margin: 0 auto

}



.rbt-default-card.style-two .inner .content,

.team-style-default.style-two .inner .content {

  padding-top: 10px

}



.rbt-default-card.style-three,

.team-style-default.style-three {

  background: 0 0;

  border-radius: 0;

  box-shadow: none;

  margin-top: 0

}



.rbt-default-card.style-three .inner,

.team-style-default.style-three .inner {

  padding: 16px;

  border-radius: 12px

}



.rbt-default-card.style-three .inner .thumbnail,

.team-style-default.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

}



.rbt-default-card.style-three .inner .thumbnail img,

.team-style-default.style-three .inner .thumbnail img {

  border-radius: 8px

}



.rbt-default-card.style-three .inner .content,

.team-style-default.style-three .inner .content {

  padding: 16px 0 0 0;

  display: flex;

  justify-content: space-between;

  align-items: center

}



.rbt-default-card.style-three .inner .content .title,

.team-style-default.style-three .inner .content .title {

  margin-bottom: 0

}



.rbt-default-card.style-three .inner .content .subtitle,

.team-style-default.style-three .inner .content .subtitle {

  margin-bottom: 0

}



.rbt-default-card.style-three .inner .content .subtitle i,

.team-style-default.style-three .inner .content .subtitle i {

  color: var(--color-primary)

}



.rbt-default-card.small-layout .inner,

.team-style-default.small-layout .inner {

  padding: 20px

}



.rbt-default-card.small-layout .inner .content .title,

.team-style-default.small-layout .inner .content .title {

  font-size: 20px;

  margin-bottom: 2px

}



.rbt-default-card.small-layout .inner .content .subtitle,

.team-style-default.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, .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, .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: 76.92ms;

  transition-delay: 76.92ms

}



.team:hover ul.social-icon li:nth-child(2) {

  -webkit-transition-delay: .15385s;

  transition-delay: .15385s

}



.team:hover ul.social-icon li:nth-child(3) {

  -webkit-transition-delay: .23077s;

  transition-delay: .23077s

}



.team:hover ul.social-icon li:nth-child(4) {

  -webkit-transition-delay: .33077s;

  transition-delay: .23077s

}



.team:hover ul.social-icon li:nth-child(5) {

  -webkit-transition-delay: .43077s;

  transition-delay: .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

}



.rbt-team-tab-thumb {

  list-style: none;

  padding: 0;

  margin: 0;

  display: flex;

  justify-content: flex-start;

  flex-wrap: wrap;

  margin: 0 auto;

  margin-bottom: -30px;

  outline: 0;

  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: 0;

  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 7 Pro", sans-serif;

  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: .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, .1)

}



.rbt-team-modal-thumb {

  list-style: none;

  padding: 0;

  margin: 0;

  display: flex;

  justify-content: flex-start;

  flex-wrap: wrap;

  margin: 0 auto;

  margin-bottom: 0;

  outline: 0;

  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 7 Pro", sans-serif;

  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: .5

}



.rbt-team-modal-thumb .rbt-team-thumbnail:hover .thumb::before {

  opacity: 1;

  margin-left: 0

}



.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: 0 0;

  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: -.5px

  }

}



@media only screen and (max-width:767px) {

  .pricing-billing-duration ul .nav-item .nav-link {

    font-size: 17px;

    padding: 0 15px;

    letter-spacing: -.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: .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 0;

  text-align: center;

  background: 0 0;

  box-shadow: none

}



@media only screen and (max-width:767px) {

  .pricing-table.style-3 {

    padding: 30px 0

  }

}



.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: .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 {

  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: .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: .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: .5px

}



.rbt-static-badge.variation-03 {

  padding: 0 12px

}



.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

}



.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 .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 .5s;

  margin-bottom: 0;

  flex-basis: 100%;

  font-weight: 500

}



.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, .6) 50%, rgba(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 .rainbow-card .inner .thumbnail .rainbow-overlay {

  display: none

}



.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-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: 0 0;

  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

}



.rainbow-load-more a.btn-default.btn-icon .icon,

.rainbow-load-more button.btn-default.btn-icon .icon {

  top: 0;

  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

}



.no-gutter .rainbow-card .inner .thumbnail a,

.no-gutter .rainbow-card .inner .thumbnail a img {

  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

  }

}



.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: .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

  }

}



.rbt-blog-post-card .rbt-blog-thumbnail {

  display: inline-block;

  position: relative;

  border-radius: var(--radius-12);

  overflow: hidden

}



/*.rbt-blog-post-card .rbt-blog-thumbnail.rbt-curved-style-box {

  background-image: url(../images/system/blog-thumbmail-top-mask.webp);

  -webkit-mask-image: url(../images/system/blog-thumbmail-top-mask.webp);

  mask-image: url(../images/system/blog-thumbmail-top-mask.webp);

  border-radius: var(--radius-12) 0 var(--radius-12) var(--radius-12)

}*/



.rbt-blog-post-card .rbt-blog-thumbnail img {

  transition: var(--transition)

}



.rbt-blog-post-card .rbt-blog-meta-area .rbt-blog-details-meta-list {

  list-style: none;

  padding: 0;

  margin: 0;

  display: flex;

  flex-wrap: wrap;

  align-items: center

}



.rbt-blog-post-card .rbt-blog-meta-area .rbt-blog-details-meta-list li {

  margin: 0;

  padding: 0;

  display: flex;

  align-items: center

}



.rbt-blog-post-card .rbt-blog-meta-area .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-blog-post-card .rbt-blog-meta-area .rbt-blog-details-meta-list li a:hover {

  color: var(--color-primary)

}



.rbt-blog-post-card .rbt-blog-meta-area .rbt-blog-details-meta-list li p {

  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-post-card .rbt-blog-meta-area .rbt-blog-details-meta-list li+li {

  margin-left: 8px

}



.rbt-blog-post-card .rbt-blog-meta-area .rbt-blog-details-meta-list li+li::before {

  content: "/";

  margin-right: 4px

}



.rbt-blog-post-card .rbt-blog-meta-area .rbt-blog-details-meta-list.has-no-separator li+li::before {

  display: none

}



.rbt-blog-post-card .rbt-blog-title {

  font-size: var(--font-size-b1);

  line-height: var(--line-height-b1);

  margin-bottom: 0;

  font-weight: var(--f-medium)

}



.rbt-blog-post-card:hover .rbt-blog-thumbnail img {

  scale: 1.05

}



.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: 90px;

  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: 16px;

  line-height: var(--line-height-b4);

  font-weight: 500;

  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: 500;

  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: 22px;

  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: 0 0;

  color: var(--color-heading)

}

.rbt-minicart-wrapper .product-content .bottom-part .rbt-qty-area input[type=number]{

  font-size: 12px !important;

}

.rbt-minicart-wrapper .product-content .bottom-part .rbt-qty-area .qty-item-btn {

  min-width: 20px;

  width: 20px;

  padding: 0

}



.rbt-minicart-wrapper .product-content .bottom-part .rbt-qty-area input {

  max-width: 20px;

  min-width: 20px;

  padding: 0 !important

}



.rbt-minicart-wrapper .product-content .bottom-part .rbt-qty-area input::-webkit-inner-spin-button,

.rbt-minicart-wrapper .product-content .bottom-part .rbt-qty-area input::-webkit-outer-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(.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, .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: 400;

  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: 0 0;

  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(.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: 0 24px 16px

  }

}



@media only screen and (max-width:767px) {

  .rbt-minicart-footer {

    padding: 0 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

}



.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-btn {

  font-size: 14px;

  font-weight: 700;

  color: var(--color-black);

  display: block;

  position: relative;

  padding: 3px 0;

  cursor: pointer;

  border: 0;

  background: 0 0;

  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 7 Pro", sans-serif;

  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: 0 0;

  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 .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 .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: 0 0;

  position: relative;

  z-index: 1;

  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;

  width: max-content

}



.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.sticky-top {

  top: 150px;

  position: sticky

}



@media only screen and (max-width:1199px) {

  .rbt-sidebar.sticky-top {

    top: unset

  }

}



.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: 0 12px 12px 12px;

  border: 2px solid transparent;

  background: var(--color-white);

  padding: 0;

  margin-top: -2px

}



@media only screen and (max-width:1199px),

only screen and (min-width:1200px) and (max-width:1599px) {

  .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom {

    flex-wrap: wrap

  }

}



.rbt-sidebar-widget-wrapper+.rbt-sidebar-widget-wrapper {

  margin-top: 24px

}



.rbt-sidebar-widget-wrapper .rbt-sidebar-widget-img img {

  border-radius: 12px

}



@media only screen and (min-width:1200px) and (max-width:1599px) {

  .rbt-sidebar-widget-wrapper .rbt-single-widget {

    min-width: 270px

  }

}



@media only screen and (max-width:1199px) {

  .rbt-sidebar-widget-wrapper .rbt-single-widget {

    min-width: 200px

  }

}



.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: 0 0

}



.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 {

  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, .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: .5px;

  opacity: .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(.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: 0

}



.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: 0 0

}



.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: .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 .4s ease, transform .4s ease, opacity .4s ease

}



.rbt-filter-collapse-area.show {

  margin-right: 0;

  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: 0;

  opacity: 1

}



.rbt-collapsible-filter-product-area {

  flex: 1;

  transition: transform .4s cubic-bezier(.25, .8, .25, 1)

}



.rbt-filter-item-not-found {

  display: none

}



.rbt-shop-tool-content {

  display: flex;

  justify-content: flex-start;

  align-items: center;

  gap: 12px

}



.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: 0 0

}



.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

}



@media only screen and (min-width:768px) and (max-width:991px) {

  .rbt-shop-tools-title {

    font-size: 18px;

    line-height: 1.5

  }

}



.rbt-shop-filter-tag-list {

  gap: 6px

}



@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-shop-filter-tag-list {

    flex-wrap: nowrap;

    overflow: auto

  }

}



.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: 0 0;

  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: 0 0;

  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-sort-icon-only.rbt-modern-select .bootstrap-select {

  width: 36px !important

}



.rbt-shop-sort-icon-only.rbt-modern-select .bootstrap-select>.dropdown-toggle {

  padding: 0;

  display: flex;

  align-items: center;

  justify-content: center

}



.rbt-shop-sort-icon-only.rbt-modern-select .bootstrap-select>.dropdown-toggle .filter-option {

  display: none

}



.rbt-shop-sort-icon-only.rbt-modern-select .bootstrap-select>.dropdown-toggle.btn {

  position: relative;

  padding: 0;

  padding-right: 0

}



.rbt-shop-sort-icon-only.rbt-modern-select .bootstrap-select>.dropdown-toggle.btn::before {

  display: none

}



.rbt-shop-sort-icon-only.rbt-modern-select .bootstrap-select>.dropdown-toggle::after {

  content: "\f883";

  font-family: "Font Awesome 7 Pro";

  font-weight: 400;

  border: 0;

  margin: 0;

  color: var(--color-gray-400) !important;

  font-size: 14px;

  line-height: 1;

  position: static;

  transform: none

}



.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: 0 0;

  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)

}



.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(.23, 1, .32, 1) both

}



.rbt-brand-char-list-sticky.sticky .rbt-char-list {

  box-shadow: var(--shadow-5)

}



.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)

}



.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)

}



.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: 0

  }

}



.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: .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: 0 0;

  border-radius: var(--radius-full);

  top: 0;

  left: -30px;

  box-shadow: 16px -16px 0 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: 0 0;

  border-radius: var(--radius-full);

  position: absolute;

  right: 0;

  bottom: -30px;

  box-shadow: 16px -16px 0 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: .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: 60px;

  row-gap: 24px;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between

}



@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, .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: 0

}



.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

}



.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)

}



@media only screen and (max-width:767px) {

  .rbt-contact-form .rbt-contact-form-title .rbt-title.h6 {

    font-size: 24px !important

  }

}



.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

}



.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(.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(.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(0)

}



.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: 0 0;

  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: 14px;

  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 .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: 0

}



@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: 0 0

  }

}



.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 .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:active,

.rbt-find-locate-input-area .rbt-modern-select .bootstrap-select button.btn-light:focus {

  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: 0 0;

  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: .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)

}



.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: .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-medium);

margin-bottom: 2px;

    margin-top: 12px;

}



form .rbt-input-field {

  border-radius: var(--radius-60);

  box-shadow: none

}



.rbt-minicart-popup-relative {

  position: relative

}



.rbt-minicart-popup-relative:hover .rbt-mini-cart-popup {

  visibility: visible;

  opacity: 1;

  clip: rect(0, 100vw, 200vh, -30px);

  transition: clip .6s linear, opacity .4s linear

}



.rbt-mini-cart-popup {

  max-width: 280px;

  width: 280px;

  position: absolute;

  top: 100%;

  right: 0;

  visibility: hidden;

  clip: rect(0, 200vw, 0, 0);

  opacity: 0;

  transition: opacity .4s linear, clip .6s linear, visibility 0s .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 .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

  }

}



.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: 0

}



.rbt-single-collapse-item:last-child .rbt-collapse-btn {

  padding-bottom: 0

}



.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(.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(.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 h5,

.rbt-checkout-single-content h6 {

  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 h5,

  .rbt-checkout-single-content h6 {

    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

}



.datepicker-dropdown {

  font-size: 14px

}



.rbt-cart-sidenav-activation {

  display: flex;

  align-items: center;

  justify-content: center

}



.rbt-h-unset {

  max-height: unset !important

}



.rbt-disabled {

  opacity: .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 .4s cubic-bezier(0, 0, .34, .54)

}



.rbt-switcher-root li.active .rbt-store-button {

  background: var(--color-primary);

  border-color: var(--color-primary);

  color: var(--color-white)

}



.rbt-footer .rbt-footer-top .logo a img {

  max-height: 60px

}



.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

}



@media only screen and (max-width:767px) {

  .rbt-footer .footer-widget .ft-title {

    margin-bottom: 8px

  }

}



.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-ten .rbt-watermark-text,

.rbt-footer.rbt-footer-style-three .rbt-watermark-text {

  margin-bottom: -4px

}



@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-ten .rbt-watermark-text,

  .rbt-footer.rbt-footer-style-three .rbt-watermark-text {

    margin-bottom: 28px

  }

}



@media only screen and (max-width:767px) {

  .rbt-footer.rbt-footer-style-ten .rbt-watermark-text,

  .rbt-footer.rbt-footer-style-three .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),

only screen and (min-width:992px) and (max-width:1199px) {

  .rbt-footer.rbt-footer-style-seven .rbt-watermark-text {

    bottom: -110px

  }

}



@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 {

  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

}



.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, .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-newsletter-form-one.rbt-newsletter-form-one-v1 .rbt-btn {

  height: 40px;

  line-height: 40px;

  font-size: var(--font-size-b1)

}



.rbt-max-w-full {

  max-width: 100% !important

}



.rbt-watermark-text {

  text-align: center;

  font-family: var(--font-primary);

  font-size: 125px;

  font-weight: var(--f-bold);

  line-height: 1;

  letter-spacing: 1.48px;

  color: var(--color-white);

  opacity: .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, .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, .81) 83.99%)

}



@-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 .2s linear;

  transition: all .2s linear;

  backdrop-filter: blur(2px);

  background: rgba(255, 255, 255, .4)

}



@media only screen and (max-width:1199px) {

  .rbt-progress-parent {

    bottom: 56px

  }

}



@media only screen and (max-width:767px) {

  .rbt-progress-parent {

    bottom: 80px

  }

}



.rbt-progress-parent.rbt-backto-top-active {

  opacity: 1;

  visibility: visible;

  transform: translateY(0)

}



.rbt-progress-parent::after {

  position: absolute;

  font-family: "Font Awesome 7 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 .2s linear;

  transition: all .2s linear

}



.rbt-progress-parent:hover::after {

  color: var(--color-primary)

}



.rbt-progress-parent::before {

  position: absolute;

  font-family: "Font Awesome 7 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 .2s linear;

  transition: all .2s 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 .2s linear;

  transition: all .2s linear;

  opacity: .6

}



: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 .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: .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: .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, .3) 0, rgba(239, 241, 244, .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, .3) 0, rgba(239, 241, 244, .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, .6) 0, rgba(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, .6) 0, rgba(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

}



.splash-header-campaign-area .icon-close.position-right {

  right: 16px

}



.rbt-splash-header-area .header-transparent {

  background: 0 0;

  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)

}



.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

  }

}



@media only screen and (max-width:575px) {

  .rbt-intro-video-box {

    width: 285px;

    height: 227px

  }

}



.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

  }

}



@media only screen and (max-width:575px) {

  .rbt-intro-video-box .desktop {

    height: 170px;

    padding: 4px

  }

}



.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, .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

  }

}



@media only screen and (max-width:575px) {

  .rbt-intro-video-box .desktop .play-btn {

    top: 27%;

    left: 39%

  }

}



.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

  }

}



.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 {

    padding-top: 290px

  }

}



@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: 0 8px 100px 0 #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, .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, .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 .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, .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, .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: 0 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, .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, #fed, 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, #fed, 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: 0 0 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: 0 0 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: 0 0 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: 0 0 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, .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, .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-next,

.rbt-feature-slide-active .swiper-slide.swiper-slide-prev {

  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(0 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, .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

}



.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(0) 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, .3) 0, rgba(239, 241, 244, .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, .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: 0 0;

  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, .1);

  box-shadow: 0 0 30px 15px rgba(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, .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, .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: #fff

}



.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: 0 25px 25px 4px rgba(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: 0 6.281px 23.555px 4px rgba(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, .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(0)

}



.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

  }

}



.splash-demo-mesonry-activation .grid-4-meso {

  width: 100%

}



@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%

  }

}



.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: #fff;

  border-radius: 12px;

  position: relative;

  overflow: hidden

}



.rbt-header-builder-card:hover .rbt-element-image img {

  transform: rotateX(0) rotateY(0) rotateZ(0)

}



.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: .3s ease;

  transform: rotateX(2deg) rotateY(0) rotateZ(0)

}



.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%)

}



.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: 0 0 15.359px 3.84px rgba(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-footer-builder-area .sticky-top,

.rbt-header-builder-area .sticky-top {

  top: 132px

}



.rbt-element-presentation-tab-wrapper {

  background: #fff;

  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: 0 0;

  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: #fff;

  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 .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

}



.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 .36%, rgba(0, 0, 0, .9) 34.78%, rgba(0, 0, 0, .6) 48.44%, rgba(125, 125, 125, .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: 0;

    top: 0;

    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)

  }

}



.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, .6) 0, rgba(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: 0 8px 20px 10px rgba(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: 0 104px 0 0

}



@media only screen and (min-width:1200px) and (max-width:1399px) {

  .rbt-filter-option-list {

    padding: 0 20px 0 0

  }

}



@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: 0 0;

  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

}



.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, .9) 43.51%, rgba(0, 0, 0, .6) 64.92%, rgba(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, .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

}



.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

  }

}



.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(0)

}



.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 .5s ease-out forwards

}



.rbt-search-option-layout-img-area .tab-pane.fade:not(.show) {

  animation: splashslideUp .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(.8);

    opacity: 0

  }

  to {

    transform: scale(1);

    opacity: 1

  }

}



@keyframes splashzoomOut {

  from {

    transform: scale(1);

    opacity: 1

  }

  to {

    transform: scale(.8);

    opacity: 0

  }

}



.tab-pane .layout-bg,

.tab-pane .layout-img {

  opacity: 1

}



.tab-pane.show .layout-img {

  animation: splashslideDown .5s ease-out forwards

}



.tab-pane.fade:not(.show) .layout-img {

  animation: splashslideUp .5s ease-out forwards

}



.tab-pane.show .layout-bg {

  animation: splashzoomIn .5s ease-out forwards

}



.tab-pane.fade:not(.show) .layout-bg {

  animation: splashzoomOut .5s ease-out forwards

}



.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, .15) 6.68%, rgba(255, 255, 255, .06) 87.13%);

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  position: absolute;

  top: -60px

}



.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, .06);

  border: 1px solid rgba(255, 255, 255, .6);

  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 #fff;

  border-radius: var(--radius-12);

  padding: 24px;

  position: relative;

  background: rgba(255, 255, 255, .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, .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: #fff;

  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, .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: #fff

}



.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, .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)

}



.rbt-admin-layout-presentation-area {

  background: #f3eaed;

  z-index: 1;

  position: relative;

  overflow: hidden

}



.rbt-admin-layout-presentation-area::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: url(../images/splash/others/element-layout-bg.webp) no-repeat center center;

  background-size: cover;

  z-index: -1

}



.rbt-admin-layout-presentation-area .element-bg-scroll-text {

  rotate: -14deg;

  background: #a12348;

  position: absolute;

  top: 250px;

  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-admin-layout-presentation-area .element-bg-scroll-text {

    top: -26%;

    left: -22%

  }

}



@media only screen and (max-width:767px) {

  .rbt-admin-layout-presentation-area .element-bg-scroll-text {

    top: -56%;

    left: -45%

  }

}



.rbt-admin-layout-presentation-area .element-bg-scroll-text::after {

  content: "";

  position: absolute;

  top: 110%;

  left: 0;

  height: 12px;

  width: 100%;

  background: #a12348

}



.rbt-admin-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: .1

}



@media only screen and (min-width:992px) and (max-width:1199px) {

  .rbt-admin-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-admin-layout-presentation-area .element-bg-scroll-text .scroll-text-list {

    font-size: 50px

  }

}



.rbt-admin-presentation-wrapper {

  margin-top: -76px;

  position: relative

}



@media only screen and (min-width:992px) and (max-width:1199px) {

  .rbt-admin-presentation-wrapper {

    min-height: 734px

  }

}



@media only screen and (max-width:767px),

only screen and (min-width:768px) and (max-width:991px) {

  .rbt-admin-presentation-wrapper {

    min-height: 524px;

    margin-top: -32px

  }

}



@media only screen and (max-width:479px) {

  .rbt-admin-presentation-wrapper {

    min-height: auto;

    margin-top: 0

  }

}



.rbt-admin-presentation-wrapper .icon {

  position: absolute

}



@media only screen and (max-width:767px) {

  .rbt-admin-presentation-wrapper .icon {

    display: none

  }

}



.rbt-admin-presentation-wrapper .icon.icon-1 {

  top: 65%;

  left: -40px

}



@media only screen and (min-width:768px) and (max-width:991px),

only screen and (min-width:992px) and (max-width:1199px) {

  .rbt-admin-presentation-wrapper .icon.icon-1 {

    max-width: 136px

  }

}



@media only screen and (max-width:767px) {

  .rbt-admin-presentation-wrapper .icon.icon-1 {

    max-width: 100px

  }

}



@media only screen and (max-width:575px) {

  .rbt-admin-presentation-wrapper .icon.icon-1 {

    max-width: 72px

  }

}



.rbt-admin-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-admin-presentation-wrapper .icon.icon-2 {

    max-width: 92px

  }

}



@media only screen and (max-width:767px) {

  .rbt-admin-presentation-wrapper .icon.icon-2 {

    top: 10%;

    max-width: 64px

  }

}



@media only screen and (max-width:575px) {

  .rbt-admin-presentation-wrapper .icon.icon-2 {

    top: 8%;

    right: 0;

    max-width: 56px

  }

}



.rbt-admin-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-admin-presentation-wrapper .icon.icon-3 {

    bottom: 22%;

    max-width: 118px

  }

}



@media only screen and (max-width:767px) {

  .rbt-admin-presentation-wrapper .icon.icon-3 {

    bottom: 36%;

    max-width: 100px

  }

}



@media only screen and (max-width:575px) {

  .rbt-admin-presentation-wrapper .icon.icon-3 {

    bottom: 16%;

    max-width: 70px

  }

}



.rbt-admin-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-admin-presentation-wrapper .rbt-elementor-mobile-layout {

    right: 0

  }

}



@media only screen and (min-width:768px) and (max-width:991px) {

  .rbt-admin-presentation-wrapper .rbt-elementor-mobile-layout {

    right: 0;

    bottom: 16px;

    width: 54%

  }

}



@media only screen and (max-width:767px) {

  .rbt-admin-presentation-wrapper .rbt-elementor-mobile-layout {

    right: -16px;

    bottom: 0;

    width: 34%

  }

}



.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: #fff;

  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

}



.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: #fff;

  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, .3) 100%)

}



.rbt-plugin-table-wrapper table {

  border-collapse: collapse;

  border-spacing: 0;

  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

  }

}



@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

  }

}



.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

  }

}



.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;

  right: unset

}



.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, .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 #000;

  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%)

}



.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

}



.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: 0 8px 100px 0 rgba(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: 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-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;

  padding-bottom: 12px

}



.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 #fff;

  border-radius: var(--radius-full)

}



.rbt-tooltip li .rbt-tooltip-img img {

  height: 62px;

  width: 62px;

  border: 5px solid #fff;

  border-radius: var(--radius-full);

  object-fit: cover

}



.rbt-tooltip li+li {

  margin-left: -16px

}



.rbt-tooltip li:hover {

  margin-top: -8px

}



.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, .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

}



.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

  }

}



.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

  }

}



.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: 0

  }

}



.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(0) rotateZ(0);

  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, .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: 0 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: 0 0 18.376px 4.594px rgba(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 .6s cubic-bezier(.68, -.55, .27, 1.55), margin .6s cubic-bezier(.68, -.55, .27, 1.55)

}



.splash-btn.icon-reverse-left .icon-right {

  margin-right: 0;

  transition: opacity .6s cubic-bezier(.68, -.55, .27, 1.55), margin .6s cubic-bezier(.68, -.55, .27, 1.55)

}



.splash-btn.icon-reverse-left:focus .icon-left,

.splash-btn.icon-reverse-left:hover .icon-left {

  opacity: 1;

  margin-left: 0

}



.splash-btn.icon-reverse-left:focus .icon-right,

.splash-btn.icon-reverse-left:hover .icon-right {

  margin-right: -24px;

  opacity: 0

}



.splash-btn.icon-reverse-right .icon-left {

  transition: var(--transition);

  transition: opacity .6s cubic-bezier(.68, -.55, .27, 1.55), margin .6s cubic-bezier(.68, -.55, .27, 1.55)

}



.splash-btn.icon-reverse-right .icon-right {

  margin-right: -24px;

  opacity: 0;

  transition: var(--transition);

  transition: opacity .6s cubic-bezier(.68, -.55, .27, 1.55), margin .6s cubic-bezier(.68, -.55, .27, 1.55)

}



.splash-btn.icon-reverse-right:focus .icon-left,

.splash-btn.icon-reverse-right:hover .icon-left {

  margin-left: -24px;

  opacity: 0

}



.splash-btn.icon-reverse-right:focus .icon-right,

.splash-btn.icon-reverse-right:hover .icon-right {

  margin-right: 0;

  opacity: 1

}



.splash-btn+.splash-btn.rbt-btn-border:focus,

.splash-btn+.splash-btn.rbt-btn-border:hover {

  background: 0 0

}



.splash-btn:focus,

.splash-btn:hover {

  transform: translate3d(0, -2px, 0);

  box-shadow: var(--shadow-7);

  color: var(--color-white)

}



.splash-btn:focus.icon-hover .btn-text,

.splash-btn:hover.icon-hover .btn-text {

  transform: translateX(-5px)

}



.splash-btn:focus.icon-hover .btn-icon i,

.splash-btn:hover.icon-hover .btn-icon i {

  opacity: 1;

  transform: translateX(5px)

}



.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(0 0 40px rgba(81, 89, 109, .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

  }

}



@media only screen and (max-width:575px) {

  .rbt-splash-banner-area .rbt-banner-inner {

    padding: 90px 0 50px

  }

}



.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, .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;

    line-height: 1;

    display: block;

    margin-top: 8px

  }

}



@media only screen and (max-width:767px) {

  .rbt-splash-banner-area .rbt-banner-title .rbt-banner-title-lg {

    font-size: 46px

  }

}



@media only screen and (max-width:575px) {

  .rbt-splash-banner-area .rbt-banner-title .rbt-banner-title-lg {

    font-size: 36px

  }

}



@media only screen and (max-width:767px) {

  .rbt-splash-banner-area .rbt-pricing-part {

    margin-top: 16px

  }

}



.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: 0 4.242px 53.03px 0 rgba(28, 69, 160, .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: 0 4.242px 53.03px 0 rgba(28, 69, 160, .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: 0 4.242px 53.03px 0 rgba(28, 69, 160, .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, .4)

}



.hamberger-button.rbt-splash-hamberger {

  background: rgba(0, 0, 0, .8);

  color: var(--color-extra-six);

  display: flex;

  height: 32px;

  width: 32px

}



@media only screen and (max-width:767px) {

  .hamberger-button.rbt-splash-hamberger {

    background: rgba(149, 143, 149, .18);

    backdrop-filter: blur(15px);

    border-radius: 4px

  }

}



.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(0 0 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: -40px

  }

}



.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, .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: 0 0

}



.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: 0 0 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, .1)

}



.rbt-builder-banner.has-black-circle-btn .rbt-splash-btn-circle {

  filter: drop-shadow(0 0 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(0)

  }

  100% {

    transform: rotate(360deg)

  }

}



@keyframes up-down {

  0% {

    top: 50%

  }

  100% {

    top: 55%

  }

}



.rbt-splash-builder-banner-wider {

  max-width: 2560px;

  margin: 0 auto

}



.rbt-feature-navigation-card {

  display: block;

  position: relative;

  border-radius: 20px;

  min-height: 270px;

  box-shadow: var(--shadow-3);

  perspective: 200px;

  transition: var(--transition)

}



@media only screen and (max-width:767px) {

  .rbt-feature-navigation-card {

    min-height: 210px;

    perspective: 100px;

    border-radius: 8px

  }

}



.rbt-feature-navigation-card.rbt-color-var-1 {

  background: linear-gradient(180deg, rgba(255, 255, 255, .5) 32%, rgba(33, 218, 166, .3) 63%, rgba(255, 255, 255, .8) 75%)

}



.rbt-feature-navigation-card.rbt-color-var-2 {

  background: linear-gradient(180deg, rgba(255, 255, 255, .5) 32%, rgba(175, 33, 218, .3) 63%, rgba(255, 255, 255, .8) 75%)

}



.rbt-feature-navigation-card.rbt-color-var-3 {

  background: linear-gradient(180deg, rgba(255, 255, 255, .5) 32%, rgba(39, 218, 33, .3) 63%, rgba(255, 255, 255, .8) 75%)

}



.rbt-feature-navigation-card.rbt-color-var-4 {

  background: linear-gradient(180deg, rgba(255, 255, 255, .5) 32%, rgba(33, 172, 218, .3) 63%, rgba(255, 255, 255, .8) 75%)

}



.rbt-feature-navigation-card.rbt-color-var-5 {

  background: linear-gradient(180deg, rgba(255, 255, 255, .5) 32%, rgba(212, 218, 33, .3) 63%, rgba(255, 255, 255, .8) 75%)

}



.rbt-feature-navigation-card.rbt-color-var-6 {

  background: linear-gradient(180deg, rgba(255, 255, 255, .5) 32%, rgba(33, 89, 218, .3) 63%, rgba(255, 255, 255, .8) 75%)

}



.rbt-feature-navigation-card.rbt-color-var-7 {

  background: linear-gradient(180deg, rgba(255, 255, 255, .5) 32%, rgba(218, 33, 119, .3) 63%, rgba(255, 255, 255, .8) 75%)

}



.rbt-feature-navigation-card.rbt-color-var-8 {

  background: linear-gradient(180deg, rgba(255, 255, 255, .5) 32%, rgba(79, 33, 218, .3) 63%, rgba(255, 255, 255, .8) 75%)

}



.rbt-feature-navigation-card.rbt-color-var-9 {

  background: linear-gradient(180deg, rgba(255, 255, 255, .5) 32%, rgba(218, 122, 33, .3) 63%, rgba(255, 255, 255, .8) 75%)

}



.rbt-feature-navigation-card.rbt-color-var-10 {

  background: linear-gradient(180deg, rgba(255, 255, 255, .5) 32%, rgba(237, 255, 40, .3) 63%, rgba(255, 255, 255, .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: .7;

  backdrop-filter: blur(10px);

  height: 120px;

  width: calc(100% + 1px);

  position: absolute;

  bottom: 0;

  transform-origin: bottom;

  transform: rotateX(0) rotateY(0) rotateZ(0);

  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

}



@media only screen and (max-width:767px) {

  .rbt-feature-navigation-card .rbt-card-bottom .rbt-inner {

    padding: 0 12px

  }

}



.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(0) rotateZ(0)

}



.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)

}



.rbt-profile-sidebar {

  border-radius: var(--radius-md);

    background: #f1812930;

  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, .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)

}



.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: 0 0;

  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: 0 0;

  border: 1px solid var(--color-gray-500);

  color: var(--color-gray-500);

  line-height: unset

}



.rbt-payment-method-card .rbt-card-footer .rbt-btn:focus,

.rbt-payment-method-card .rbt-card-footer .rbt-btn:hover {

  box-shadow: none

}

.gAPING{

  gap: 10px;

}

.color-donload{

      background: #1d3565;

}

.color-donload:hover{

      background: #1d3565;

}

.new-font-size{

  font-size: 45px;

  line-height: 1;

}

.new-arealist{

  max-width: 570px!important;

}

.padding{

  padding: 32px 56px!important;

}

.footerbg-color{

      background-color: #f1812924 !important;

}

.new-font-size{

	font-size: 40px;

}

.bg-color-3{

	    background: #f7e4de!important;

}

/*.new-size-image {

    height: 130px !important;

}*/

.categry-list-adding{

  display: flex;

    justify-content: space-between;

    align-items: center;

}

.share-wish{

      display: flex;

    gap: 10px;

    align-items: center;

}

.share-wish .rbt-quick-link{

     padding: 5px 6px;

    background: #c8c8c845;

    border-radius: 25px;

    box-shadow: 2px 3px 9px #cdd2ff;

    border: 1px #c9c9c9ad solid;

    line-height: 0;

}

.share-wish .rbt-quick-link i{

    margin-right: 0px;

    font-size: 21px;

    font-weight: 300;

}

.details-user-info{

      display: flex;

    align-items: center;

}

.details-user-info:hover{

 color: #fff;

}

.font-size-user-mail{

  font-size: 12px;

}

.table-style tr th, .table-style tr td{

 font-size: 12px;

}

.rbt-single-info-header{

      background: #f7e2d2;

    padding: 5px;

    border-radius: 7px;

}

.bg-color-dark{

  background: #dde5ff;

}

.coupon-offer-text {

    display: inline-flex;

    align-items: center;

    cursor: default;

}

.coupone-box {

    display: inline-block;

    margin: 0 5px;

    padding: 1px 9px;

    border-radius: 5px;

    border: 1px dashed rgb(241 129 41);

    font-weight: 400;

    line-height: 1.3;

    cursor: pointer;

    background: #f1812926;

}



.coupone-box:hover {

    opacity: 0.75;

}

.catalog-price-slider {

    padding: 20px 0 4px;

}



.catalog-price-slider-track {

    position: relative;

    width: calc(100% - 34px);

    height: 3px;

    margin: 0 auto;

    border-radius: 50px;

    background: #dedede;

    cursor: pointer;

}



.catalog-price-slider-active {

    position: absolute;

    top: 0;

    height: 3px;

    border-radius: 50px;

    background: var(--color-primary, #f6821f);

}



.catalog-price-slider-handle {

    position: absolute;

    top: 50%;

    width: 20px;

    height: 20px;

    padding: 0;

    border: 0;

    border-radius: 50%;

    background: var(--color-primary, #f6821f);

    box-shadow: none;

    cursor: grab;

    transform: translate(-50%, -50%);

    z-index: 2;

}



.catalog-price-slider-handle:active {

    cursor: grabbing;

}



.catalog-price-range-text {

    margin: 19px 0 0;

    color: var(--color-heading, #111);

    text-align: center;

    font-size: 18px;

    font-weight: 700;

}