:root {
    --color-primary: #1b1f5c;
    --color-secondary: #29a9e0;
    --color-green: #2e5fae;
    --color-light-green: #e5fae5;
    --color-yellow: #fcc418;
    --color-orange: #cd6e00;
    --color-heading: #000000;
    --color-body: #737373;
    --color-black-opacity: rgba(0, 0, 0, 0.8);
    --color-black: #000000;
    --color-dark-black: #111111;
    --color-gray-black: #05051f;
    --color-gray-black-two: #272718;
    --color-gray-black-three: #181818;
    --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: 60px;
    --radius-10: 10px;
    --radius-12: 12px;
    --radius-big: 16px;
    --radius-md: 8px;
    --border-width: .9px;
    --radius: 6px;
    --radius-full: 500px;
    --f-light: 300;
    --f-regular: 400;
    --f-medium: 500;
    --f-semi-bold: 600;
    --f-bold: 700;
    --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 0.4s cubic-bezier(0.15, 0.2, 0.1, 1);
    --transition-short-cubic: all 0.2s cubic-bezier(0.15, 0.2, 0.1, 1);
    --transition-short: all 0.2s ease-in-out;
    --transition-2: 256ms ease-in-out;
    --transition-3:
        transform 0.85s cubic-bezier(0.23, 1, 0.32, 1), background 0.3s,
        border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    --transition-4: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    --font-primary: 'Cabin', 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: 36px;
    --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.9) 0%,
        rgba(255, 255, 255, 0.9) 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 0.2s ease-in-out,
        clip-path 0.4s ease-in-out;
    opacity: 0;
    visibility: visible;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown:hover > .submenu,
.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;
}
* {
    -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: -0.5em;
}
sub {
    bottom: -0.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: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
    white-space: normal;
}
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}
button,
input {
    line-height: normal;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
}
button[disabled],
input[disabled] {
    cursor: default;
}
input[type='checkbox'],
input[type='radio'] {
    padding: 0;
}
input[type='search'] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    appearance: textfield;
    padding-right: 2px;
    width: 270px;
}
input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
caption,
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, 0.4);
    text-decoration: none;
}
hr {
    background-size: 4px 4px;
    border: 0;
    height: 1px;
    margin: 0 0 24px;
}
table a,
table a:link,
table a:visited {
    text-decoration: underline;
}
dt {
    font-weight: 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.33;
}
.h2,
h2 {
    font-size: var(--h2);
    line-height: 1.4;
}
.h3,
h3 {
    font-size: var(--h3);
    line-height: 1.43;
}
.h4,
h4 {
    font-size: var(--h4);
    line-height: 1.5;
}
.h5,
h5 {
    font-size: var(--h5);
    line-height: 1.6;
}
.h6,
h6 {
    font-size: var(--h6);
    line-height: 1.44;
}
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .h1,
    h1 {
        font-size: 32px;
    }
    .h2,
    h2 {
        font-size: 28px;
    }
    .h3,
    h3 {
        font-size: 24px;
    }
    .h4,
    h4 {
        font-size: 20px;
    }
    .h5,
    h5 {
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px) {
    .h1,
    h1 {
        font-size: 28px;
    }
    .h2,
    h2 {
        font-size: 24px;
    }
    .h3,
    h3 {
        font-size: 20px;
    }
    .h4,
    h4 {
        font-size: 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.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;
}
@-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);
    }
}
@keyframes bounceSlide {
    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}
.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: 0.1;
    }
    95% {
        transform: scale(4) rotate(45deg);
        opacity: 0.6;
    }
    100% {
        transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}
@keyframes rbt_flash_animate {
    0% {
        opacity: 1;
    }
    5% {
        opacity: 0.1;
    }
    10% {
        opacity: 0.9;
    }
    15% {
        opacity: 0.1;
    }
    20% {
        opacity: 0.9;
    }
    25% {
        opacity: 0.1;
    }
    30% {
        opacity: 0.9;
    }
    100% {
        opacity: 1;
    }
}
.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-bg-color-brand-50 {
    background-color: var(--color-brand-50) !important;
}
.rbt-bg-color-brand-100 {
    background-color: var(--color-brand-100) !important;
}
.rbt-bg-color-gray-light {
    background-color: var(--color-gray-light) !important;
}
.rbt-text-color-black {
    color: var(--color-black) !important;
}
.rbt-text-color-heading {
    color: var(--color-heading) !important;
}
.rbt-text-color-body {
    color: var(--color-body) !important;
}
.rbt-bg-color-gray-100 {
    background-color: var(--color-gray-100) !important;
}
.rbt-bg-color-gray-150 {
    background-color: var(--color-gray-150) !important;
}
.rbt-text-color-gray-300 {
    color: var(--color-gray-300) !important;
}
.rbt-text-color-gray-400 {
    color: var(--color-gray-400) !important;
}
.rbt-text-color-gray-500 {
    color: var(--color-gray-500) !important;
}
.rbt-text-color-gray-600 {
    color: var(--color-gray-600) !important;
}
.rbt-text-color-gray-700 {
    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-danger {
    color: var(--color-danger) !important;
}
.rbt-bg-color-danger {
    background-color: var(--color-danger) !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;
}
.fullscreen {
    min-height: 100vh;
    width: 100%;
}
@media (min-width: 992px) {
    .col-lg-1-5 {
        width: 20%;
    }
    .col-lg-4-5 {
        width: 80%;
    }
}
@media (min-width: 992px) {
    .col-lg-1-8 {
        width: 12.5%;
    }
}
.row--0 {
    margin-left: 0;
    margin-right: 0;
}
.row--0 > [class*='col'] {
    padding-left: 0;
    padding-right: 0;
}
.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;
    }
}
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: 0.1;
}
[data-black-overlay='2']:before,
[data-gradient-overlay='2']:before,
[data-overlay='2']:before,
[data-white-overlay='2']:before {
    opacity: 0.2;
}
[data-black-overlay='3']:before,
[data-gradient-overlay='3']:before,
[data-overlay='3']:before,
[data-white-overlay='3']:before {
    opacity: 0.3;
}
[data-black-overlay='4']:before,
[data-gradient-overlay='4']:before,
[data-overlay='4']:before,
[data-white-overlay='4']:before {
    opacity: 0.4;
}
[data-black-overlay='5']:before,
[data-gradient-overlay='5']:before,
[data-overlay='5']:before,
[data-white-overlay='5']:before {
    opacity: 0.5;
}
[data-black-overlay='6']:before,
[data-gradient-overlay='6']:before,
[data-overlay='6']:before,
[data-white-overlay='6']:before {
    opacity: 0.6;
}
[data-black-overlay='7']:before,
[data-gradient-overlay='7']:before,
[data-overlay='7']:before,
[data-white-overlay='7']:before {
    opacity: 0.7;
}
[data-black-overlay='8']:before,
[data-gradient-overlay='8']:before,
[data-overlay='8']:before,
[data-white-overlay='8']:before {
    opacity: 0.8;
}
[data-black-overlay='9']:before,
[data-gradient-overlay='9']:before,
[data-overlay='9']:before,
[data-white-overlay='9']:before {
    opacity: 0.9;
}
[data-black-overlay='10']:before,
[data-gradient-overlay='10']:before,
[data-overlay='10']:before,
[data-white-overlay='10']:before {
    opacity: 1;
}
[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-10 {
    z-index: 10 !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, 0.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.error {
    margin-top: 20px;
    color: #f80707;
}
.form-message.success {
    margin-top: 20px;
    color: #0d8d2d;
}
.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;
}
.rbt-section-gap {
    padding: 80px 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-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-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-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;
    }
}
.mt_dec--12 {
    margin-top: -12px !important;
}
.mt_dec--16 {
    margin-top: -16px !important;
}
.mt_dec--24 {
    margin-top: -24px !important;
}
.plr--0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.rbt-gap--0 {
    display: flex;
    gap: 0 !important;
}
.rbt-gap--4 {
    display: flex;
    gap: 4px !important;
}
.rbt-gap--8 {
    display: flex;
    gap: 8px !important;
}
.rbt-gap--12 {
    display: flex;
    gap: 12px !important;
}
.rbt-gap--16 {
    display: flex;
    gap: 16px !important;
}
.rbt-gap--20 {
    display: flex;
    gap: 20px !important;
}
.rbt-gap--48 {
    display: flex;
    gap: 48px !important;
}
.rbt-rounded--12 {
    border-radius: 12px !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-16 {
    width: 16% !important;
}
.w-24 {
    width: 24% !important;
}
.w-32 {
    width: 32% !important;
}
.w-36 {
    width: 36% !important;
}
.w-40 {
    width: 40% !important;
}
.w-44 {
    width: 44% !important;
}
.w-48 {
    width: 48% !important;
}
.w-56 {
    width: 56% !important;
}
.w-64 {
    width: 64% !important;
}
.w-72 {
    width: 72% !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;
}
.mt--0 {
    margin-top: 0 !important;
}
.mb--0 {
    margin-bottom: 0 !important;
}
.pt--4 {
    padding-top: 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;
}
.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;
}
.pl--12 {
    padding-left: 12px !important;
}
.mt--12 {
    margin-top: 12px !important;
}
.mb--12 {
    margin-bottom: 12px !important;
}
.mr--12 {
    margin-right: 12px !important;
}
.pt--16 {
    padding-top: 16px !important;
}
.pl--16 {
    padding-left: 16px !important;
}
.mt--16 {
    margin-top: 16px !important;
}
.mb--16 {
    margin-bottom: 16px !important;
}
.mt--20 {
    margin-top: 20px !important;
}
.mb--20 {
    margin-bottom: 20px !important;
}
.pb--24 {
    padding-bottom: 24px !important;
}
.mt--24 {
    margin-top: 24px !important;
}
.mb--24 {
    margin-bottom: 24px !important;
}
.mr--24 {
    margin-right: 24px !important;
}
.p--32 {
    padding: 32px !important;
}
.ptb--32 {
    padding: 32px 0 !important;
}
.pt--32 {
    padding-top: 32px !important;
}
.pb--32 {
    padding-bottom: 32px !important;
}
.mt--32 {
    margin-top: 32px !important;
}
.mb--32 {
    margin-bottom: 32px !important;
}
.p--40 {
    padding: 40px !important;
}
.pt--40 {
    padding-top: 40px !important;
}
.mt--40 {
    margin-top: 40px !important;
}
.mb--40 {
    margin-bottom: 40px !important;
}
.pt--48 {
    padding-top: 48px !important;
}
.pb--60 {
    padding-bottom: 60px !important;
}
.ptb--92 {
    padding: 92px 0 !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mt_lg--0 {
        margin-top: 0 !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt_md--0 {
        margin-top: 0 !important;
    }
    .mt_md--0 {
        margin-top: 0 !important;
    }
    .mt_md--8 {
        margin-top: 8px !important;
    }
    .pt_md--16 {
        padding-top: 16px !important;
    }
    .pb_md--16 {
        padding-bottom: 16px !important;
    }
    .ptb_md--20 {
        padding: 20px 0 !important;
    }
    .ptb_md--40 {
        padding: 40px 0 !important;
    }
}
@media only screen and (max-width: 767px) {
    .mr_sm--0 {
        margin-right: 0 !important;
    }
    .mt_sm--12 {
        margin-top: 12px !important;
    }
    .mr_sm--0 {
        margin-right: 0 !important;
    }
    .ptb_sm--8 {
        padding: 8px 0 !important;
    }
    .mt_sm--8 {
        margin-top: 8px !important;
    }
    .ptb_sm--12 {
        padding: 12px 0 !important;
    }
    .mt_sm--12 {
        margin-top: 12px !important;
    }
    .pt_sm--16 {
        padding-top: 16px !important;
    }
    .pb_sm--16 {
        padding-bottom: 16px !important;
    }
    .mt_sm--16 {
        margin-top: 16px !important;
    }
    .ptb_sm--40 {
        padding: 40px 0 !important;
    }
    .mr_sm--0 {
        margin-right: 0;
    }
}
.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;
}
@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;
    }
}
.sticky-top {
    position: sticky;
    top: 30px;
    z-index: 9;
}
.sticky-top.sticky-top-136 {
    top: 136px;
}
@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%;
    }
}
.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;
}
.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, 0.9) 0,
        rgba(255, 255, 255, 0.5) 100%
    );
    backdrop-filter: blur(50px);
    color: var(--color-gray-300);
}
.rbt-round-btn.bg-light-one.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(0.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(0.9);
    transition: var(--transition-short-cubic);
}
.rbt-round-btn.rbt-round-btn-tr-one {
    height: 22px;
    width: 22px;
    line-height: 22px;
}
.rbt-round-btn.rbt-round-btn-tr-one .access-box-count {
    top: -9px;
    right: -9px;
}
.rbt-round-btn.rbt-modern-close-btn {
    --icon-line-height: 16px;
    --icon-line-width: 16px;
    position: relative;
}
.rbt-round-btn.rbt-modern-close-btn .modern-close-wrapper {
    -webkit-font-smoothing: subpixel-antialiased;
    transform-style: preserve-3d;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) translateZ(0);
    transition:
        margin 0.2s ease,
        transform 0.2s ease 1s,
        opacity 0.3s ease;
    height: var(--icon-line-height);
    width: var(--icon-line-width);
    display: block;
    overflow: hidden;
}
.rbt-round-btn.rbt-modern-close-btn .modern-close-wrapper::after,
.rbt-round-btn.rbt-modern-close-btn .modern-close-wrapper::before {
    content: '';
    height: 100%;
    width: 2px;
    background: var(--color-heading);
    backface-visibility: hidden;
    position: absolute;
    border-radius: 5px;
    top: 0;
    left: 7px;
    transition:
        opacity 0.2s ease,
        background-color 0.2s ease;
    animation-duration: 0.4s;
    animation-timing-function: cubic-bezier(0.5, 0.01, 0.15, 1);
    animation-fill-mode: forwards;
}
.rbt-round-btn.rbt-round-btn-xl {
    height: 66px;
    width: 66px;
    line-height: 66px;
    font-size: 18px;
}
@keyframes crossLeft {
    0% {
        -webkit-transform: translateY(-30px) translateX(30px) rotate(45deg);
        transform: translateY(-30px) translateX(30px) rotate(45deg);
        opacity: 0;
        visibility: hidden;
    }
    100% {
        -webkit-transform: translateY(0) translateX(0) rotate(45deg);
        transform: translateY(0) translateX(0) rotate(45deg);
        opacity: 1;
        visibility: visible;
    }
}
@keyframes crossRight {
    0% {
        -webkit-transform: translateY(-30px) translateX(-30px) rotate(-45deg);
        transform: translateY(-30px) translateX(-30px) rotate(-45deg);
        opacity: 0;
        visibility: hidden;
    }
    100% {
        -webkit-transform: translateY(0) translateX(0) rotate(-45deg);
        transform: translateY(0) translateX(0) rotate(-45deg);
        opacity: 1;
        visibility: visible;
    }
}
.rbt-link-hover a,
.rbt-link-hover button {
    position: relative;
}
.rbt-link-hover a::after,
.rbt-link-hover button::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.3s;
}
.rbt-link-hover a:hover::after,
.rbt-link-hover button:hover::after {
    transform-origin: bottom left;
    transform: scaleX(1);
}
.rbt-recent-view-prd-area .rbt-scroll-vertical {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    max-height: 376px;
    padding-right: 32px;
}
.rbt-bold--text {
    font-weight: 700;
}
.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 {
    margin-bottom: 0;
}
.rating a {
    display: inline-block;
}
.rating a i {
    color: var(--color-warning);
    font-style: normal;
}
hr {
    background-color: var(--color-border-2);
    opacity: 1;
}
.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: var(--radius);
    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-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: 40px;
    padding: 0 12px;
    border-radius: var(--radius);
    line-height: 40px;
    font-size: var(--font-size-b2);
    line-height: 40px;
}
@media only screen and (max-width: 479px) {
    .rbt-price-input-grp .rbt-btn {
        width: 100%;
        text-align: center;
    }
}
.rbt-social-icon-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 16px;
    line-height: 1;
}
@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);
}
@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;
    }
}
.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-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, 0.1) 0,
        rgba(255, 255, 255, 0.9) 45.02%,
        #fff 86.62%
    );
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-70%);
    cursor: pointer;
    width: 100%;
    height: 100px;
    z-index: 1;
}
.rbt-show-more-btn-area 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';
}
.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: var(--radius-10);
    border: 2px solid var(--color-gray-300);
    display: inline-flex;
    align-items: center;
    height: 45px;
    min-width: 150px;
}
@media only screen and (max-width: 767px) {
    .rbt-qty-area {
        min-width: max-content;
        height: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-qty-area {
        height: 32px;
    }
}
.rbt-qty-area button,
.rbt-qty-area input {
    padding: 0;
    border: 0;
    height: 100% !important;
    font-size: 18px !important;
    line-height: 1;
    margin: 0;
    font-weight: 600 !important;
    background: 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: 41px;
    height: calc(100% - 4px);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 41px;
}
.rbt-qty-area button::after {
    background: var(--color-gray-200);
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: var(--transition);
    opacity: 0;
    transform: scale(0.85);
    border-radius: var(--radius-full);
    z-index: -1;
    visibility: hidden;
}
.rbt-qty-area button:hover::after {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
.rbt-qty-area button:active::after {
    opacity: 1;
    visibility: visible;
    transform: scale(0.6);
}
.rbt-qty-area input {
    max-width: 80px;
    padding: 0 !important;
    text-align: center;
}
.rbt-qty-area input::-webkit-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;
}
.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-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-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: 0.6;
}
.rbt-vertical-separtor.rbt-separator-gray100 {
    background: var(--color-gray-100);
}
.rbt-vertical-separtor.rbt-separator-brand700 {
    background: var(--color-brand-700);
}
.rbt-vertical-separtor.rbt-separator-gray200 {
    background: var(--color-gray-200);
}
.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.rbt-bg-color-gray-light
    .rbt-show-more-btn-area::before {
    background: linear-gradient(
        180deg,
        rgba(249, 249, 249, 0) 0,
        rgba(249, 249, 249, 0.85) 61.95%,
        #f9f9f9 100%
    );
}
.rbt-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-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-separator {
    height: 2px;
    width: 100%;
}
.rbt-separator.rbt-separator-gray200 {
    background: var(--color-gray-200);
}
.rbt-scrollable-content {
    overflow: auto;
}
.rbt-scrollable-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: var(--color-gray-200);
    border-radius: 40px;
    width: 337px;
}
.rbt-scrollable-content::-webkit-scrollbar {
    height: 6px;
    width: 337px;
    background-color: var(--color-gray-200);
    cursor: pointer;
}
.rbt-scrollable-content::-webkit-scrollbar-thumb {
    border-radius: 40px;
    background-color: var(--color-gray-400);
}
.rbt-scrollable-content.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.rbt-qty-area.disabled {
    background: 0 0 !important;
}
.rbt-dog-hero-section-area .rbt-product-banner-content {
    padding: 112px 204px;
}
.rbt-cursor-pointer {
    cursor: pointer;
}
[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: 50px;
    line-height: 22px;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 15px;
    outline: 0;
    border: var(--border-width) solid var(--color-gray-200);
    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[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(0.85);
    left: 0;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: var(--border-width) solid var(--color-gray-400);
    border-radius: 2px;
    transition: all 0.3s;
}
input[type='checkbox'] ~ label::after,
input[type='radio'] ~ label::after {
    content: ' ';
    position: absolute;
    top: calc(50% - 2px);
    left: 5px;
    width: 12px;
    height: 6px;
    background-color: transparent;
    border-bottom: var(--border-width) solid #fff;
    border-left: var(--border-width) solid #fff;
    border-radius: 2px;
    transform: rotate(-45deg) translateY(-50%);
    opacity: 0;
    transition:
        opacity 0.4s ease,
        transform 0.6s cubic-bezier(0, 0, 0.34, 0.54);
}
input[type='checkbox']:checked ~ label,
input[type='radio']:checked ~ label {
    font-weight: 600;
    color: var(--color-heading);
}
input[type='checkbox']:checked ~ label::before,
input[type='radio']:checked ~ label::before {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    transform: translateY(-50%) scale(1);
}
input[type='checkbox']:checked ~ label::after,
input[type='radio']:checked ~ label::after {
    opacity: 1;
}
input[type='checkbox'].rbt-check-green:checked ~ label,
input[type='radio'].rbt-check-green:checked ~ label {
    font-weight: 600;
    color: var(--color-heading);
}
input[type='checkbox'].rbt-check-green:checked ~ label::before,
input[type='radio'].rbt-check-green:checked ~ label::before {
    background-color: var(--color-green);
    border-color: var(--color-green);
}
input[type='checkbox'].rbt-check-green:checked ~ label::after,
input[type='radio'].rbt-check-green:checked ~ label::after {
    opacity: 1;
}
input[type='checkbox'].rbt-check-btn-top ~ label::before,
input[type='radio'].rbt-check-btn-top ~ label::before {
    top: 2px;
    transform: translateY(0) scale(0.85);
}
input[type='checkbox'].rbt-check-btn-top ~ label::after,
input[type='radio'].rbt-check-btn-top ~ label::after {
    top: 6px;
    left: 3px;
    transform: rotate(-45deg) translateY(0);
}
input[type='radio'] ~ label::before {
    border-radius: var(--radius-full);
}
input[type='radio'] ~ label::after {
    width: 8px;
    height: 8px;
    left: 5px;
    background: #fff;
    border-radius: var(--radius-full);
    border: 0;
    top: 50%;
    transform: translateY(-50%) scale(1);
    transition: var(--transition);
}
input[type='radio']:checked ~ label {
    font-weight: 600;
    color: var(--color-heading);
}
input[type='radio']:checked ~ label::before {
    background-color: var(--color-white);
    border-color: var(--color-primary);
}
input[type='radio']:checked ~ label::after {
    opacity: 1;
    background: var(--color-primary);
    transform: translateY(-50%) scale(1.4);
}
input[type='radio'].rbt-check-green:checked ~ label {
    font-weight: 600;
    color: var(--color-heading);
}
input[type='radio'].rbt-check-green:checked ~ label::before {
    background-color: var(--color-white);
    border-color: var(--color-green);
}
input[type='radio'].rbt-check-green:checked ~ label::after {
    opacity: 1;
    background: var(--color-green);
}
.form-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, 0.1);
    box-shadow: 0 10px 15px 0 rgba(249, 0, 77, 0.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
.form-check {
    padding-left: 0;
}
input[disabled] {
    display: none;
}
label.rbt-img.selected::before {
    background-color: var(--color-green);
    border-color: var(--color-green);
}
label.rbt-img.selected::after {
    opacity: 1;
}
.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 .input-group-append {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}
.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%);
}
.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(0.9);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}
@-moz-keyframes cd-pulse {
    0% {
        -moz-transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    40% {
        -moz-transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}
@keyframes cd-pulse {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        -moz-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        -o-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    40% {
        -webkit-transform: translateY(-50%) scale(0.9);
        -moz-transform: translateY(-50%) scale(0.9);
        -ms-transform: translateY(-50%) scale(0.9);
        -o-transform: translateY(-50%) scale(0.9);
        transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-50%) scale(0);
        -moz-transform: translateY(-50%) scale(0);
        -ms-transform: translateY(-50%) scale(0);
        -o-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}
.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 0.4s forwards;
    -moz-animation: cd-rotate-2-in 0.4s forwards;
    animation: cd-rotate-2-in 0.4s forwards;
}
.cd-headline.rotate-2 i.out {
    -webkit-animation: cd-rotate-2-out 0.4s forwards;
    -moz-animation: cd-rotate-2-out 0.4s forwards;
    animation: cd-rotate-2-out 0.4s forwards;
}
.cd-headline.rotate-2 em {
    -webkit-transform: translateZ(20px);
    -moz-transform: translateZ(20px);
    -ms-transform: translateZ(20px);
    -o-transform: translateZ(20px);
    transform: translateZ(20px);
}
.no-csstransitions .cd-headline.rotate-2 i {
    -webkit-transform: rotateX(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: 0.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 0.3s -0.1s;
    -moz-transition: width 0.3s -0.1s;
    transition: width 0.3s -0.1s;
}
.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
    width: 100%;
    -webkit-transition: width 3s;
    -moz-transition: width 3s;
    transition: width 3s;
}
.cd-headline.loading-bar b {
    top: 0.2em;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.cd-headline.loading-bar b.is-visible {
    opacity: 1;
    top: 0;
}
.cd-headline.slide span {
    display: inline-block;
}
.cd-headline.slide .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}
.cd-headline.slide b {
    opacity: 0;
    top: 0.2em;
}
.cd-headline.slide b.is-visible {
    top: 0;
    opacity: 1;
    -webkit-animation: slide-in 0.6s;
    -moz-animation: slide-in 0.6s;
    animation: slide-in 0.6s;
}
.cd-headline.slide b.is-hidden {
    -webkit-animation: slide-out 0.6s;
    -moz-animation: slide-out 0.6s;
    animation: slide-out 0.6s;
}
@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(20%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(20%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(20%);
        -moz-transform: translateY(20%);
        -ms-transform: translateY(20%);
        -o-transform: translateY(20%);
        transform: translateY(20%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateY(120%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
}
@-moz-keyframes slide-out {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
    60% {
        opacity: 0;
        -moz-transform: translateY(120%);
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
}
@keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateY(120%);
        -moz-transform: translateY(120%);
        -ms-transform: translateY(120%);
        -o-transform: translateY(120%);
        transform: translateY(120%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
}
.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 0.8s;
    -moz-animation: zoom-in 0.8s;
    animation: zoom-in 0.8s;
}
.cd-headline.zoom b.is-hidden {
    -webkit-animation: zoom-out 0.8s;
    -moz-animation: zoom-out 0.8s;
    animation: zoom-out 0.8s;
}
@-webkit-keyframes zoom-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
    }
}
@-moz-keyframes zoom-in {
    0% {
        opacity: 0;
        -moz-transform: translateZ(100px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0);
    }
}
@keyframes zoom-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(100px);
        -moz-transform: translateZ(100px);
        -ms-transform: translateZ(100px);
        -o-transform: translateZ(100px);
        transform: translateZ(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@-webkit-keyframes zoom-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-100px);
    }
}
@-moz-keyframes zoom-out {
    0% {
        opacity: 1;
        -moz-transform: translateZ(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateZ(-100px);
    }
}
@keyframes zoom-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-100px);
        -moz-transform: translateZ(-100px);
        -ms-transform: translateZ(-100px);
        -o-transform: translateZ(-100px);
        transform: translateZ(-100px);
    }
}
.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 0.6s forwards;
    -moz-animation: cd-rotate-3-in 0.6s forwards;
    animation: cd-rotate-3-in 0.6s forwards;
}
.cd-headline.rotate-3 i.out {
    -webkit-animation: cd-rotate-3-out 0.6s forwards;
    -moz-animation: cd-rotate-3-out 0.6s forwards;
    animation: cd-rotate-3-out 0.6s forwards;
}
.no-csstransitions .cd-headline.rotate-3 i {
    -webkit-transform: rotateY(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 0.6s forwards;
    -moz-animation: scale-up 0.6s forwards;
    animation: scale-up 0.6s forwards;
}
.cd-headline.scale i.out {
    -webkit-animation: scale-down 0.6s forwards;
    -moz-animation: scale-down 0.6s forwards;
    animation: scale-down 0.6s forwards;
}
.no-csstransitions .cd-headline.scale i {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0;
}
.no-csstransitions .cd-headline.scale .is-visible i {
    opacity: 1;
}
@-webkit-keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@-moz-keyframes scale-up {
    0% {
        -moz-transform: scale(0);
        opacity: 0;
    }
    60% {
        -moz-transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 1;
    }
}
@keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes scale-down {
    0% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    60% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
}
@-moz-keyframes scale-down {
    0% {
        -moz-transform: scale(1);
        opacity: 1;
    }
    60% {
        -moz-transform: scale(0);
        opacity: 0;
    }
}
@keyframes scale-down {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    60% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}
.cd-headline.push b {
    opacity: 0;
}
.cd-headline.push b.is-visible {
    opacity: 1;
    -webkit-animation: push-in 0.6s;
    -moz-animation: push-in 0.6s;
    animation: push-in 0.6s;
}
.cd-headline.push b.is-hidden {
    -webkit-animation: push-out 0.6s;
    -moz-animation: push-out 0.6s;
    animation: push-out 0.6s;
}
@-webkit-keyframes push-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes push-in {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(10%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
@keyframes push-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(10%);
        -moz-transform: translateX(10%);
        -ms-transform: translateX(10%);
        -o-transform: translateX(10%);
        transform: translateX(10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes push-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateX(110%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
}
@-moz-keyframes push-out {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
    60% {
        opacity: 0;
        -moz-transform: translateX(110%);
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
}
@keyframes push-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateX(110%);
        -moz-transform: translateX(110%);
        -ms-transform: translateX(110%);
        -o-transform: translateX(110%);
        transform: translateX(110%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
}
.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: 0.4s;
    font-weight: 400;
}
.rbt-information-list li a i {
    margin-right: 10px;
    font-size: 14px;
    margin-top: 2px;
}
.rbt-information-list li a span {
    margin-left: 4px;
}
.rbt-information-list li a:hover {
    color: var(--color-primary);
}
.rbt-dropdown-menu-elastic {
    position: relative;
}
.rbt-dropdown-menu-elastic li {
    margin: 0;
    list-style: none;
}
.rbt-dropdown-menu-elastic li a {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-medium);
    display: inline-block;
    color: var(--color-heading);
    position: relative;
}
.rbt-dropdown-menu-elastic li a .left-image {
    width: 16px;
    height: 16px;
    border-radius: var(--radius-full);
    margin-right: 5px;
}
.rbt-dropdown-menu-elastic li a span {
    display: inline-block;
}
.rbt-dropdown-menu-elastic li a .right-icon {
    display: inline-block;
    font-size: var(--font-size-b4);
    line-height: 1;
    margin-left: 4px;
}
@media only screen and (max-width: 575px) {
    .rbt-dropdown-menu-elastic li a .right-icon {
        font-size: 10px;
    }
}
.rbt-dropdown-menu-elastic li.has-child-menu {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    min-height: 49px;
}
@media only screen and (max-width: 767px) {
    .rbt-dropdown-menu-elastic li.has-child-menu {
        min-height: 24px;
    }
}
.rbt-dropdown-menu-elastic li .sub-menu {
    border-top: 1px solid rgba(230, 227, 241, 0.3098039216);
    background: #fff;
    box-shadow: var(--shadow-3);
    padding: 10px 0;
    margin: 0;
    list-style-type: none;
    z-index: 10;
    text-align: center;
    border-radius: var(--radius);
    min-width: 150px;
    padding-top: 35px;
    top: 5px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    clip-path: inset(0 0 100% 0 round 6px);
    transition:
        clip-path 0.6s var(--transition),
        background-color 0.6s var(--transition) !important;
    backdrop-filter: blur(5px);
    border: 1px solid var(--color-border);
}
.rbt-dropdown-menu-elastic li .sub-menu li a {
    margin: 2px 10px;
    padding: 4px 12px;
    background: 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, 0.8);
    clip-path: inset(-50% -50% -50% -50% round 6px);
}
.rbt-dropdown-menu-elastic li.active > a {
    z-index: 25;
}
.rbt-dropdown-menu-elastic li.active > a .right-icon {
    transform: rotate(180deg);
    margin-top: 2px;
}
.rbt-dropdown-menu-elastic li.active .sub-menu {
    top: 5px;
    background-color: rgba(255, 255, 255, 0.8);
    clip-path: inset(-50% -50% -50% -50% round 6px);
}
.rbt-header-common-sticky-activation .rbt-mainmenu-nav .mainmenu > li > a {
    height: 80px;
    line-height: 80px;
}
header .rbt-round-btn::after {
    transform: scale(1);
}
header .rbt-round-btn:hover::after {
    transform: scale(1.1);
}
.rbt-bg-color-primary .rbt-dropdown-menu li a {
    color: var(--color-white) !important;
}
.rbt-bg-color-primary .rbt-dropdown-menu li a:hover {
    color: var(--color-white);
}
.rbt-bg-color-primary .rbt-dropdown-menu li:hover a {
    color: var(--color-white);
}
.rbt-bg-color-primary .rbt-dropdown-menu li .sub-menu li a {
    color: var(--color-primary) !important;
}
.rbt-bg-color-primary .rbt-dropdown-menu li .sub-menu li a:hover {
    background-color: var(--color-brand-200) !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, 0.15) !important;
    transform: scale(1);
}
.rbt-bg-color-primary .rbt-quick-access > li > .rbt-round-btn:hover::after {
    transform: scale(1.1);
}
.rbt-bg-color-primary .rbt-round-btn.rbt-bg-static-gray {
    color: var(--color-white) !important;
    background: 0 0 !important;
}
.rbt-bg-color-primary .rbt-round-btn::after {
    background: rgba(255, 255, 255, 0.15) !important;
}
.rbt-bg-color-primary .rbt-quick-access > li:hover > .rbt-round-btn {
    color: var(--color-brand-300);
}
.rbt-bg-color-primary .rbt-access-box .content p,
.rbt-bg-color-primary .rbt-access-box .content span {
    color: var(--color-brand-300);
}
.rbt-bg-color-primary .rbt-access-box .content a {
    color: var(--color-white);
}
.rbt-bg-color-primary .rbt-access-box .content a:hover {
    color: var(--color-brand-300);
}
.rbt-bg-color-primary
    .rbt-access-box.rbt-access-box-has-bg-hover
    .rbt-access-box-wrapper::before {
    background: rgba(255, 255, 255, 0.15) !important;
}
.rbt-bg-color-gray-light .rbt-quick-access > li.rbt-contract-info .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);
}
.rbt-quick-access > li.rbt-access-box .rbt-round-btn.has-rbt-bg-black {
    background: var(--color-black);
    color: var(--color-white);
}
@media only screen and (max-width: 479px) {
    .rbt-quick-access > li.rbt-access-box .rbt-round-btn {
        height: 32px;
        width: 32px;
        line-height: 32px;
    }
}
.rbt-quick-access > li.rbt-access-box .rbt-round-btn i {
    margin-right: 0;
}
.rbt-quick-access
    > li.rbt-access-box.rbt-access-box-var-light-white
    .header-info
    + .header-info::before {
    background: rgba(255, 255, 255, 0.3) !important;
}
.rbt-quick-access
    > li.rbt-access-box.rbt-access-box-var-light-white
    .rbt-dropdown-menu
    li
    .sub-menu
    li
    a {
    color: var(--color-primary) !important;
}
.rbt-quick-access
    > li.rbt-access-box.rbt-access-box-var-light-white
    .rbt-dropdown-menu
    li
    .sub-menu
    li
    a.active,
.rbt-quick-access
    > li.rbt-access-box.rbt-access-box-var-light-white
    .rbt-dropdown-menu
    li
    .sub-menu
    li
    a.hover {
    color: var(--color-white) !important;
    background: var(--color-primary);
}
.rbt-quick-access
    > li.rbt-access-box.rbt-access-box-var-light-white
    .rbt-dropdown-menu-elastic
    li.has-child-menu:hover
    a {
    color: var(--color-primary) !important;
}
.rbt-quick-access > li.rbt-contract-info {
    display: flex;
    gap: 12px;
}
.rbt-quick-access > li.rbt-contract-info .text-portion {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-white);
    font-weight: var(--f-medium);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-quick-access > li.rbt-contract-info .text-portion {
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4);
    }
}
.rbt-quick-access > li.rbt-contract-info .text-portion p {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-quick-access > li.rbt-contract-info .text-portion p {
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4);
    }
}
.rbt-quick-access > li.rbt-contract-info .text-portion i {
    margin-top: 2px;
}
.rbt-quick-access > li.rbt-contract-info .link-portion {
    padding: 4px 16px;
    border-radius: 40px;
    background: rgba(255, 255, 255, 0.15);
    color: var(--color-white);
    font-weight: 600;
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-quick-access > li.rbt-contract-info .link-portion {
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4);
    }
}
.rbt-quick-access > li.rbt-contract-info .link-portion:hover {
    background: rgba(255, 255, 255, 0.25);
}
.rbt-quick-access > li .header-info + .header-info {
    margin-left: 41px;
    position: relative;
}
.rbt-quick-access > li .header-info + .header-info::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    height: 16px;
    width: 1px;
    background: var(--color-gray-200);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-quick-access > li .header-info + .header-info::before {
        left: -8px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px),
    only screen and (max-width: 1199px) {
    .rbt-quick-access > li .header-info + .header-info {
        margin-left: 16px !important;
    }
}
.rbt-quick-access > li.without-separator .header-info + .header-info {
    margin-left: 32px;
}
.rbt-quick-access > li.without-separator .header-info + .header-info::before {
    display: none;
}
.rbt-quick-access > li.rbt-access-box-link > a {
    display: flex;
    gap: 8px;
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    align-items: center;
    color: var(--color-white);
    font-weight: var(--f-medium);
}
.rbt-quick-access > li.rbt-access-box-link > a i {
    line-height: 24px;
    font-size: var(--font-size-b2);
}
.rbt-quick-access > li:hover .rbt-round-btn::before {
    scale: 1;
    opacity: 1;
    visibility: visible;
}
.rbt-access-box-link .header-info:hover 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(0.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: .9px solid #e6e6e67d;
    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-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 .admin-info .name {
    color: var(--color-heading);
    font-weight: var(--f-medium);
    display: block;
    line-height: 1;
    margin-bottom: 2px;
}
.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-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-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:hover .text,
.rbt-single-catagory-item:hover i {
    color: var(--color-primary);
}
.rbt-header .rbt-header-wrapper.rbt-sticky .rbt-topbar-section.rbt-topbar-one {
    display: none;
}
.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 .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-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-common-sticky-activation {
    opacity: 0;
    visibility: hidden;
    height: 0;
    align-items: center;
    display: flex;
    width: 0;
}
.rbt-header-common-sticky-activation.rbt-sticky {
    position: fixed;
    height: auto;
    top: 0;
    left: 0;
    background-color: var(--color-white);
    width: 100%;
    animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
    z-index: 99;
    box-shadow: var(--shadow-1);
    opacity: 1;
    visibility: visible;
    flex-direction: column;
}
@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 .rbt-bg-highlight {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: var(--color-white);
    border-radius: 8px;
    transition:
        width 0.3s,
        left 0.3s;
    z-index: 0;
    border-radius: 40px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}
.rbt-header-nav-effect-activation
    .rbt-product-nav-grp
    li
    .rbt-product-nav.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 0.4s ease-in-out;
}
.rbt-category-update.rbt-category-update-var-modern
    .rbt-dropdown-parent-wrapper {
    border-top: 1px solid var(--color-border);
}
.rbt-category-update.rbt-category-update-var-modern:hover
    .rbt-update-category-dropdown {
    top: 0;
    transform: translateY(0) translateX(-16px);
}
.rbt-header .rbt-header-mid-3 .rbt-mainmenu-nav .mainmenu > li {
    height: 76px;
    line-height: 76px;
}
.rbt-header .rbt-sticky .rbt-mainmenu-nav .mainmenu > li {
    height: 72px;
    line-height: 72px;
}
.rbt-header-10 .mainbar-row {
    min-height: 64px !important;
}
.rbt-header.rbt-header-tr-white .rbt-access-box .content span,
.rbt-header.rbt-header-tr-white .rbt-mainmenu-nav .mainmenu > li > a,
.rbt-header.rbt-header-tr-white
    .rbt-quick-access
    > li.rbt-access-box
    .rbt-round-btn {
    color: var(--color-white);
}
.rbt-header.rbt-header-tr-white .rbt-dropdown-menu-elastic li.active .sub-menu {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.3);
}
.rbt-header.rbt-header-tr-white .rbt-dropdown-menu-elastic li a {
    color: var(--color-white);
}
.rbt-header.rbt-header-tr-white .rbt-round-btn::after {
    background: rgba(255, 255, 255, 0.3);
}
.rbt-header.rbt-header-tr-white.rbt-header-10 .rbt-header-middle-one {
    border-color: rgba(255, 255, 255, 0.3);
}
.rbt-header .rbt-header-common-sticky-activation .rbt-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 .text {
        display: none;
    }
    .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(0.85);
}
.rbt-header-top-news .icon-close .rbt-round-btn:hover::after {
    transform: scale(1);
}
.rbt-header-wrapper-one .rbt-header-middle-one {
    min-height: 76px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 3;
}
.rbt-header-wrapper-one .rbt-header-middle-one .mainbar-row {
    min-height: unset;
}
@media only screen and (max-width: 1199px) {
    .rbt-header-wrapper-one
        .rbt-header-middle-one
        .mainbar-row.mainbar-row-var-one {
        min-height: 60px;
    }
}
@media only screen and (max-width: 479px) {
    .rbt-header-wrapper-one
        .rbt-header-middle-one
        .mainbar-row.mainbar-row-var-one {
        min-height: 50px;
    }
}
.rbt-header-wrapper-one .rbt-topbar-one {
    min-height: 49px;
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 1199px) {
    .rbt-header-wrapper-one .rbt-topbar-one {
        display: none;
    }
}
.rbt-header-wrapper-one .rbt-topbar-one.rbt-topbar--34 {
    min-height: 34px;
}
.rbt-header-wrapper-one .header-info {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-heading);
    font-weight: 500;
}
.rbt-header-wrapper-one .rbt-quick-access > li .header-info + .header-info {
    border-color: var(--color-gray-200);
}
.rbt-header-wrapper-one
    .rbt-modern-select
    .bootstrap-select
    .dropdown-menu
    li
    a
    span.text {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
}
.rbt-topbar-bg-img.rbt-topbar-bg-one {
    background-image: url(../images/header-bg/topbar-bg-01.webp);
}
.rbt-topbar-bg-img.rbt-topbar-bg-two {
    background-image: url(../images/header-bg/topbar-bg-02.webp);
}
.rbt-topbar-bg-img.rbt-topbar-bg-three {
    background-image: url(../images/header-bg/topbar-bg-03.webp);
}
.rbt-text-swiper-container {
    height: 20px;
    overflow: hidden;
    max-width: 500px;
}
@media only screen and (max-width: 575px) {
    .rbt-text-swiper-container {
        height: 16px;
    }
}
.rbt-text-swiper-container .swiper-wrapper {
    height: 100%;
}
.rbt-text-swiper-container .swiper-slide {
    height: 20px;
    overflow: hidden;
    align-items: center;
    display: flex;
}
.rbt-text-swiper-container.rbt-arrow-vertical {
    position: relative;
    padding-right: 20px;
}
@media only screen and (max-width: 575px) {
    .rbt-text-swiper-container.rbt-arrow-vertical {
        padding-right: 0;
    }
}
.rbt-text-swiper-container.rbt-arrow-vertical .rbt-verticle-arrow {
    position: absolute;
    right: 4px;
    font-size: 10px;
    line-height: 1;
    opacity: 0.8;
    color: var(--color-body);
    transition: var(--transition);
    opacity: 0;
    visibility: hidden;
}
.rbt-text-swiper-container.rbt-arrow-vertical .rbt-verticle-arrow:hover {
    opacity: 1;
    color: var(--color-heading);
    scale: 1.1;
}
.rbt-text-swiper-container.rbt-arrow-vertical:hover .rbt-verticle-arrow {
    opacity: 1;
    visibility: visible;
}
.rbt-text-swiper-container.rbt-arrow-vertical .rbt-arrow-prev {
    top: 0;
}
.rbt-text-swiper-container.rbt-arrow-vertical .rbt-arrow-next {
    bottom: 0;
}
.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.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.rbt-header-campaign .icon-close.position-right {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
    .rbt-header-campaign .icon-close.position-right {
        right: 0;
    }
}
.rbt-header-campaign.deactive {
    display: none !important;
}
.rbt-header-top-news {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    z-index: 9;
    transition: var(--transition);
}
.rbt-header-top-news .inner {
    display: flex;
    align-items: center;
    position: relative;
}
@media only screen and (max-width: 767px) {
    .rbt-header-top-news .inner {
        text-align: start;
        justify-content: space-between !important;
        padding-right: 25px;
    }
}
.rbt-header-top-news .inner .content .news-text {
    display: inline-block;
    margin-left: 7px;
    color: var(--color-body);
    font-size: 14px;
    font-weight: var(--f-medium);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-header-top-news .inner .content .news-text {
        font-size: 12px;
    }
}
@media only screen and (max-width: 575px) {
    .rbt-header-top-news .inner .content .news-text {
        margin-left: 0;
        margin-top: 10px;
        font-size: 10px;
    }
}
.rbt-header-top-news .inner .content .news-text img {
    width: 22px;
    margin-right: 5px;
}
.rbt-header-top-news .inner .right-button {
    margin-left: 30px;
    margin-top: -4px;
}
@media only screen and (max-width: 767px) {
    .rbt-header-top-news .inner .right-button {
        margin-left: 0;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-header-campaign-1.rbt-header-top-news .inner {
        display: block;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-header-campaign-1.rbt-header-top-news .inner .right-button {
        margin-left: 0;
        margin-top: 6px;
    }
}
.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, 0.15);
    width: 100%;
    height: 28px;
    border-radius: 20px;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%) scale(0.7);
    transition: var(--transition);
}
.rbt-header-middle.rbt-bg-color-primary
    .rbt-mainmenu-nav
    .mainmenu.has-nav-bg-shape-hover
    > li.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(0.7);
    transition: var(--transition);
    z-index: -1;
}
.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover > li > a > i {
    font-size: 12px;
    margin-left: 5px;
}
.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover > li.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, 0.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, 0.3);
    width: 100%;
    height: 30px;
    border-radius: 20px;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    z-index: -3;
}
.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu > li > a > i {
    font-size: 12px;
    margin-left: 5px;
}
.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu > li.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 .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-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: 32px;
    object-fit: cover;
    max-width: 220px;
}
@media only screen and (max-width: 575px) {
    .rbt-header .logo a {
        height: auto;
        line-height: initial;
    }
}
.rbt-header .logo.rbt-logo-height-sm a img {
    max-height: 32px;
}
.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, 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: 0.5;
}
.rbt-header .rbt-header-wrapper.color-white-variation.rbt-sticky {
    background-color: #000 !important;
    box-shadow: var(--shadow-5);
}
.rbt-header
    .rbt-header-wrapper.color-white-variation
    .hamberger
    .hamberger-button {
    color: var(--color-white);
}
.rbt-header .rbt-header-wrapper.rbt-bg-color-darker {
    background-color: var(--color-darker);
}
.rbt-header
    .rbt-header-wrapper.rbt-bg-color-darker
    .rbt-mainmenu-nav
    .mainmenu
    > li
    > a {
    color: var(--color-white);
}
.rbt-header .rbt-header-wrapper.height-50 .rbt-mainmenu-nav .mainmenu > li > a {
    height: 50px;
    line-height: 50px;
}
.rbt-header .rbt-header-wrapper .header-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
    .rbt-header .rbt-header-wrapper .header-right {
        justify-content: flex-end;
    }
}
.rbt-header.rbt-header-9 .rbt-header-wrapper {
    box-shadow: none;
}
.rbt-header.rbt-transparent-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
}
.rbt-header.rbt-transparent-header .rbt-header-top:not(.bg-not-transparent) {
    background: 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 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
    z-index: 99;
    box-shadow: var(--shadow-1);
}
.rbt-header
    .rbt-header-wrapper.header-transparent
    .rbt-mainmenu-nav
    .mainmenu
    li.with-rbt-megamenu
    .rbt-megamenu
    .rbt-megamenu-wrapper {
    border-radius: 10px;
}
.rbt-header
    .rbt-header-wrapper.header-transparent.rbt-sticky
    .rbt-mainmenu-nav
    .mainmenu
    li.with-rbt-megamenu
    .rbt-megamenu
    .rbt-megamenu-wrapper {
    border-radius: 0 0 10px 10px;
}
.side-nav-opened
    .rbt-header.rbt-transparent-header
    .rbt-header-wrapper:not(.bg-not-transparent) {
    background: #fff !important;
}
.rbt-header
    .rbt-header-wrapper.header-transparent
    .rbt-mainmenu-nav
    .mainmenu
    li.has-dropdown
    .submenu {
    border-radius: 10px;
}
.rbt-header
    .rbt-header-wrapper.header-transparent.rbt-sticky
    .rbt-mainmenu-nav
    .mainmenu
    li.has-dropdown
    .submenu {
    border-radius: 0 0 10px 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-left-md .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 .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: var(--font-size-b1);
    font-weight: var(--f-medium);
    padding: 0 12px;
    display: flex;
    align-items: center;
    height: 28px;
    line-height: 28px;
    transition: var(--transition);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .mainbar-row .rbt-mainmenu-nav .mainmenu > li > a,
    .rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li > a {
        padding: 0 10px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .mainbar-row .rbt-mainmenu-nav .mainmenu > li > a,
    .rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li > a {
        padding: 0 10px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mainbar-row .rbt-mainmenu-nav .mainmenu > li > a,
    .rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li > a {
        padding: 0 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mainbar-row .rbt-mainmenu-nav .mainmenu > li > a,
    .rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li > a {
        padding: 0 12px;
    }
}
.mainbar-row .rbt-mainmenu-nav .mainmenu > li > a .fa-chevron-down,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li > a .fa-chevron-down {
    transition: transform 0.4s ease-in-out;
    font-size: 12px;
    line-height: 12px;
    margin-left: 4px;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu > li > a.icon-nav-link i,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li > a.icon-nav-link i {
    font-size: var(--font-size-b1);
}
.mainbar-row .rbt-mainmenu-nav .mainmenu > li > a.icon-nav-link:hover i,
.rbt-main-navigation
    .rbt-mainmenu-nav
    .mainmenu
    > li
    > a.icon-nav-link:hover
    i {
    transform: none;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu > li > a.active,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu > li > a.active {
    color: var(--color-primary);
}
.mainbar-row .rbt-mainmenu-nav .mainmenu > li.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, 0.3098039216);
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li {
    position: relative;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li a,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li a {
    font-weight: var(--f-medium);
    padding: 4px 16px;
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    display: block;
    color: var(--color-gray-700);
    margin: 0 10px;
    border-radius: 3px;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li a:hover,
.rbt-main-navigation
    .rbt-mainmenu-nav
    .mainmenu
    li.has-dropdown
    .submenu
    li
    a:hover {
    color: var(--color-primary) !important;
    background: var(--color-brand-100);
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li a.active,
.rbt-main-navigation
    .rbt-mainmenu-nav
    .mainmenu
    li.has-dropdown
    .submenu
    li
    a.active {
    color: var(--color-primary) !important;
    background: var(--color-brand-100);
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li ul.submenu,
.rbt-main-navigation
    .rbt-mainmenu-nav
    .mainmenu
    li.has-dropdown
    .submenu
    li
    ul.submenu {
    left: 100%;
    top: 0;
    text-align: left;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu {
    position: relative;
}
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu,
.rbt-main-navigation
    .rbt-mainmenu-nav
    .mainmenu
    li.with-rbt-megamenu
    .rbt-megamenu {
    transition: var(--transition);
    width: 98%;
    margin: 0 auto;
    border-radius: 0 0 10px 10px;
    right: 0;
    padding: 0;
}
.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-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.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;
    }
}
.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.webp);
}
.mega-top-banner.bg-four {
    background-image: url(../images/splash/menu-banner/menu-banner-04.webp);
}
.nav-category-item .image img {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.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;
}
.home-plesentation-wrapper.row--12.mt_dec--24 {
    margin-top: 4px !important;
}
.demo-single .inner .thumbnail {
    overflow: hidden;
}
@media only screen and (max-width: 1199px) {
    .demo-single .inner .thumbnail {
        display: none;
    }
}
.demo-single .inner .thumbnail a {
    padding-left: 0 !important;
    display: block;
    overflow: hidden;
}
.demo-single .inner .thumbnail a img {
    width: 100%;
    transition: all 0.3s ease;
    border-radius: var(--radius);
}
@media only screen and (max-width: 767px) {
    .demo-single .inner .thumbnail a img {
        border-radius: 4px;
    }
}
.demo-single .inner .content {
    position: absolute;
    width: 100%;
    z-index: 1;
    display: flex;
    transition: var(--transition);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    left: 0;
    bottom: 0;
}
@media only screen and (max-width: 1199px) {
    .demo-single .inner .content {
        position: static;
        padding: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .demo-single .inner .content {
        padding: 4px;
    }
}
.demo-single .inner .content .rbt-title {
    margin-bottom: 0;
    line-height: 1.44;
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    display: block;
}
@media only screen and (max-width: 1199px) {
    .demo-single .inner .content .rbt-title {
        font-size: 15px;
        color: var(--color-heading) !important;
    }
}
.demo-single .inner .content .rbt-title a {
    color: var(--color-heading);
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
}
@media only screen and (max-width: 1199px) {
    .demo-single .inner .content .rbt-title a {
        color: var(--color-gray-700) !important;
    }
}
.demo-single .inner .content .rbt-title a:hover {
    color: var(--color-primary);
}
.demo-single .inner .content .rbt-tag-list {
    gap: 4px;
}
.demo-single .inner .content .rbt-tag-list a {
    padding: 4px 8px !important;
    font-size: var(--font-size-b4);
    line-height: 1;
    color: var(--color-gray-400);
    height: unset;
    font-weight: 700;
}
.demo-single .inner .content .rbt-tag-list a:hover {
    color: var(--color-white);
}
.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;
}
.popup-mobile-menu {
    z-index: 9999;
    position: fixed;
    content: '';
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s ease-out;
}
@media only screen and (min-width: 1200px) {
    .popup-mobile-menu {
        display: none;
    }
}
.popup-mobile-menu .rbt-short-title {
    text-align: center;
    margin-top: 8px;
    padding-bottom: 4px;
    border-width: 1px;
}
.popup-mobile-menu .demo-single:hover {
    transform: translateY(-5px);
    box-shadow: unset;
    backdrop-filter: unset;
}
.popup-mobile-menu .inner-wrapper {
    width: 400px;
    z-index: 999;
    position: absolute;
    background-color: var(--color-white);
    height: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 0;
    left: -150px;
    transition: all 0.5s ease-out;
    padding: 60px 50px;
    height: 100%;
    position: relative;
    overflow-y: auto;
}
@media only screen and (max-width: 767px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .popup-mobile-menu .inner-wrapper {
        padding: 28px;
    }
}
@media only screen and (max-width: 575px) {
    .popup-mobile-menu .inner-wrapper {
        width: 300px;
        padding: 24px 16px;
    }
}
.popup-mobile-menu .inner-wrapper .inner-top {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 24px;
    margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
    .popup-mobile-menu .inner-wrapper .inner-top {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }
}
.popup-mobile-menu .inner-wrapper .inner-top .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.popup-mobile-menu .inner-wrapper .inner-top .logo a img {
    max-height: 45px;
}
@media only screen and (max-width: 767px) {
    .popup-mobile-menu .inner-wrapper .inner-top .logo a img {
        max-height: 35px;
    }
}
.popup-mobile-menu .inner-wrapper .inner-top .close-button {
    background: var(--color-gray-200);
    border: 0 none;
    color: var(--color-heading);
    width: 40px;
    height: 40px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-full);
}
@media only screen and (max-width: 479px) {
    .popup-mobile-menu .inner-wrapper .inner-top .close-button {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }
}
.popup-mobile-menu .inner-wrapper .content {
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width: 767px) {
    .popup-mobile-menu .inner-wrapper .content {
        display: block;
    }
}
.popup-mobile-menu .inner-wrapper .description {
    padding-right: 18%;
    margin-top: 20px;
}
@media only screen and (max-width: 767px) {
    .popup-mobile-menu .inner-wrapper .description {
        padding-right: 0;
        margin: 16px 0;
    }
}
.popup-mobile-menu.active {
    visibility: visible;
    opacity: 1;
}
.popup-mobile-menu.active .inner-wrapper {
    opacity: 1;
    left: 0;
    overflow-y: auto;
}
.popup-mobile-menu .rbt-social-icon-list {
    justify-content: center;
    margin-top: 16px;
}
.popup-mobile-menu .rbt-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: 0.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 .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 0.85s cubic-bezier(0.23, 1, 0.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, 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(0.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 0.8s ease 0.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: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.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: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.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: 0.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: 0.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: 0.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 0.85s cubic-bezier(0.23, 1, 0.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, 0.5);
    backdrop-filter: blur(5px);
    transition: var(--transition);
    cursor: default;
}
.cart-sidenav-menu-active .close_side_menu,
.offcanvas-menu-active .close_side_menu {
    opacity: 1;
    visibility: visible;
}
.rbt-offcanvas-side-menu .inner-wrapper {
    width: 450px;
    z-index: 999;
    position: absolute;
    background-color: var(--color-white);
    height: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    opacity: 0;
    left: -150px;
    transition: all 0.5s ease-out;
    padding: 60px 50px;
    height: 100%;
    position: relative;
    overflow-y: auto;
}
@media only screen and (max-width: 575px) {
    .rbt-offcanvas-side-menu .inner-wrapper {
        width: 310px;
        padding: 40px 30px;
    }
}
.rbt-offcanvas-side-menu .inner-wrapper .inner-top {
    border-bottom: 1px solid var(--color-brand-200);
    padding-bottom: 25px;
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width: 767px) {
    .rbt-offcanvas-side-menu .inner-wrapper .inner-top {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
}
.rbt-offcanvas-side-menu.active-offcanvas .inner-wrapper {
    opacity: 1;
    left: 0;
    overflow-y: auto;
}
.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: 0.4s;
}
.rbt-category-sidemenu
    .rbt-vertical-nav-list-wrapper
    .vertical-nav-item
    > a.active::after {
    content: '\f068';
}
.rbt-category-sidemenu
    .rbt-vertical-nav-list-wrapper
    .vertical-nav-item
    + .vertical-nav-item {
    border-top: 1px solid var(--color-border);
}
.rbt-sidebar-cart .rbt-close-inner-popup {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
    cursor: default;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}
.rbt-sidebar-cart.open-popup-overlay .rbt-close-inner-popup {
    opacity: 0.9;
    visibility: visible;
}
.rbt-offcanvas-inner-popup-card {
    background: var(--color-white);
    height: fit-content;
    width: 100%;
    position: absolute;
    left: 0;
    padding: 24px 32px 8px;
    box-shadow: var(--shadow-product-item);
    z-index: 2;
    transition: var(--transition);
    opacity: 0;
    visibility: hidden;
}
@media only screen and (max-width: 479px) {
    .rbt-offcanvas-inner-popup-card {
        padding: 16px 12px 8px;
    }
}
.rbt-offcanvas-inner-popup-card.has-default-visible {
    position: static;
    opacity: 1;
    visibility: visible;
}
.rbt-offcanvas-inner-popup-card.note-popup {
    bottom: -100%;
}
.rbt-offcanvas-inner-popup-card.open-note-popup.note-popup {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}
.rbt-offcanvas-inner-popup-card.shipping-popup {
    bottom: -100%;
}
.rbt-offcanvas-inner-popup-card.open-shipping-popup.shipping-popup {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}
.rbt-offcanvas-inner-popup-card.coupon-popup {
    bottom: -100%;
}
.rbt-offcanvas-inner-popup-card.open-coupon-popup.coupon-popup {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}
.rbt-offcanvas-inner-popup-card .rbt-input-field-grp input {
    height: 40px;
}
.rbt-offcanvas-inner-popup-card
    .rbt-input-field-grp
    .rbt-modern-select
    button.btn-light {
    height: 40px;
    border: 2px solid var(--color-gray-200);
}
.rbt-offcanvas-inner-popup-card .rbt-button-group .rbt-btn {
    margin: 0;
}
.rbt-offcanvas-inner-popup-card .rbt-text-field {
    padding: 8px 16px;
    height: 145px;
}
.rbt-offcanvas-inner-popup-card .rbt-modern-select .dropdown-menu {
    width: 100%;
}
.rbt-coupon-wrapper.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 0.85s cubic-bezier(0.23, 1, 0.32, 1),
        opacity 0.6s step-start;
}
.rbt-categories-sidebar {
    background-color: var(--color-white);
}
.rbt-categories-sidebar .rbt-sidebar-left-content {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    height: 100vh;
    width: 338px;
    transform: translateX(-150%);
    overflow: hidden;
    overscroll-behavior: contain;
    transition:
        transform 0.85s cubic-bezier(0.23, 1, 0.32, 1),
        opacity 0.6s step-end;
    background: var(--color-white);
    box-shadow: var(--shadow-1);
}
.rbt-categories-sidebar
    .rbt-sidebar-left-content
    .rbt-sidebar-left-content-head {
    background: var(--color-brand-200);
    padding: 24px;
    position: relative;
}
.rbt-categories-sidebar
    .rbt-sidebar-left-content
    .rbt-sidebar-left-content-head
    .rbt-sidebar-close-btn {
    width: 32px;
    height: 32px;
    background: var(--color-white);
    border-radius: var(--radius-full);
    border: none;
    position: absolute;
    top: 24px;
    right: 24px;
}
.rbt-categories-sidebar
    .rbt-sidebar-left-content
    .rbt-sidebar-left-content-head
    .rbt-access-box
    .rbt-round-btn:hover {
    background: var(--color-brand-300);
}
.rbt-categories-sidebar
    .rbt-sidebar-left-content
    .rbt-sidebar-left-content-head
    .rbt-access-box
    .content
    p {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-regular);
}
.rbt-categories-sidebar
    .rbt-sidebar-left-content
    .rbt-sidebar-left-content-head
    .rbt-access-box
    .content
    a {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
}
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-tabs-wrapper {
    padding: 16px 8px;
    background: var(--color-white);
}
.rbt-categories-sidebar
    .rbt-sidebar-left-content
    .rbt-sidebar-tabs-wrapper
    .rbt-sidebar-tabs-inner {
    height: 528px;
    overflow-y: 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 0.55s cubic-bezier(0.23, 1, 0.32, 1),
        opacity 0.3s step-end;
}
.rbt-categories-sidebar .rbt-sidebar-right-content.active {
    transform: translateX(338px);
    transition:
        transform 0.85s cubic-bezier(0.23, 1, 0.32, 1),
        opacity 0.6s step-start;
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sidebar-right-inner {
    height: 100%;
}
.rbt-categories-sidebar
    .rbt-sidebar-right-content
    .rbt-sidebar-right-inner
    .tab-content {
    height: 100%;
}
.rbt-categories-sidebar
    .rbt-sidebar-right-content
    .rbt-sidebar-right-inner
    .tab-content
    .rbt-tab-content {
    height: 100%;
}
.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-products {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.rbt-categories-sidebar
    .rbt-sidebar-right-content
    .rbt-sub-category-products
    .rbt-category-products-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    row-gap: 24px;
    overflow-y: auto;
    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: 0.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;
}
.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 0.85s cubic-bezier(0.23, 1, 0.32, 1),
        opacity 0.6s step-start;
}
.rbt-special-offprds-side-menu .rbt-sidebar .rbt-sidebar-close-btn {
    top: 16px;
    right: 16px;
}
.rbt-special-offprds-side-menu .rbt-sidebar-top {
    border-bottom: 2px solid var(--color-border);
    padding: 24px;
}
.rbt-special-offprds-side-menu .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom {
    padding: 24px;
}
.rbt-quickview-sidenav-area {
    background: var(--color-white);
    box-shadow: var(--shadow-4);
    padding: 24px;
    position: fixed;
    height: 100%;
    z-index: -2;
    width: 460px;
    right: 0;
    top: 0;
    transform: translateX(8px);
    visibility: hidden;
    opacity: 0;
    transition: var(--transition);
    overflow-y: auto;
}
.rbt-quickview-sidenav-area::-webkit-scrollbar {
    width: 3px;
}
.rbt-quickview-sidenav-area::-webkit-scrollbar-thumb {
    background-color: var(--color-gray-400) !important;
    outline: 0;
    border-radius: 10px;
}
.rbt-quickview-sidenav-area::-webkit-scrollbar-track {
    box-shadow: none;
    background: var(--color-gray-300) !important;
    padding: 1px;
    border-radius: 8px;
}
.rbt-quickview-sidenav-area.rbt-vertical-height-sm {
    max-height: 216px;
}
.rbt-quickview-sidenav-area.quickview-sidenav-active {
    transform: translateX(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 .rbt-mainmenu-nav .mainmenu {
    display: flex;
    padding: 0;
    justify-content: space-between;
    margin: -3px;
    flex-wrap: wrap;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu {
        padding: 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu {
        padding: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu {
        padding: 17px;
    }
}
.rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu li {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    margin: 3px;
    flex-grow: 1;
    text-align: center;
}
.rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu li a {
    margin: 0;
    position: relative;
    display: block;
    color: var(--color-heading);
    z-index: 2;
    padding: 10px 25px;
    border-radius: 500px;
}
.rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu li a::after {
    position: absolute;
    content: '';
    left: 0;
    background: var(--color-brand-100);
    width: 100%;
    height: 100%;
    bottom: 0;
    opacity: 1;
    transition: 0.4s;
    z-index: -1;
    border-radius: 500px;
}
.rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu li.current a,
.rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu li:hover a {
    color: var(--color-white);
}
.rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu li.current a::after,
.rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu li:hover a::after {
    width: 100%;
    opacity: 1;
    background: var(--color-primary);
}
.rbt-button-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: -10px;
}
.rbt-button-group a,
.rbt-button-group button {
    margin: 10px;
}
.disabled,
.rbt-btn:disabled,
fieldset:disabled {
    pointer-events: none;
    opacity: 0.65;
    background: var(--color-gray-300) !important;
}
.disabled.rbt-btn-border,
.rbt-btn:disabled.rbt-btn-border,
fieldset:disabled.rbt-btn-border {
    background: 0 0 !important;
    border: 2px solid var(--color-gray-300) !important;
    color: var(--color-gray-400) !important;
    line-height: 47px;
}
@media only screen and (max-width: 767px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .disabled.rbt-btn-border,
    .rbt-btn:disabled.rbt-btn-border,
    fieldset:disabled.rbt-btn-border {
        line-height: 38px;
    }
}
@media only screen and (max-width: 479px) {
    .disabled.rbt-btn-border,
    .rbt-btn:disabled.rbt-btn-border,
    fieldset:disabled.rbt-btn-border {
        line-height: 28px;
    }
}
.rbt-btn {
    padding: 0 40px;
    background: var(--color-primary);
    height: 50px;
    line-height: 50px;
    color: var(--color-white);
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    transition: var(--transition);
    border-radius: var(--radius-60);
    border: 0 none;
    outline: 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, 0.2);
    color: var(--color-white);
}
.rbt-btn.btn-bg-white-opacity:hover {
    background: var(--color-primary);
    color: var(--color-white);
}
.rbt-btn.rbt-btn-naked {
    background: 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: 0.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: 0.1s;
    transform: translateX(0);
}
.rbt-btn:active.hover-icon-reverse .btn-icon {
    opacity: 0;
    transition-delay: 0s;
    transform: translateX(0);
}
.rbt-btn:active.hover-icon-reverse .btn-icon + .btn-icon {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 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, 0.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, 0.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: 0.3s;
}
.rbt-btn.rbt-marquee-btn::after {
    right: -2px;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.1) 0,
        rgba(255, 255, 255, 0.9) 45.02%,
        #fff 86.62%
    );
}
.rbt-btn.rbt-marquee-btn::before {
    left: -2px;
    background: linear-gradient(
        270deg,
        rgba(255, 255, 255, 0.1) 0,
        rgba(255, 255, 255, 0.9) 45.02%,
        #fff 86.62%
    );
}
.rbt-btn.rbt-marquee-btn.has-primary-overlay::after {
    right: -2px;
    background: linear-gradient(
        90deg,
        rgba(33, 90, 218, 0.18) 0,
        rgba(33, 90, 218, 0.97) 45.02%,
        #215ada 86.62%
    );
}
.rbt-btn.rbt-marquee-btn.has-primary-overlay::before {
    left: -2px;
    background: linear-gradient(
        270deg,
        rgba(33, 90, 218, 0.18) 0,
        rgba(33, 90, 218, 0.97) 45.02%,
        #215ada 86.62%
    );
}
.rbt-btn.rbt-marquee-btn span {
    display: inline-flex;
    position: relative;
    z-index: 1;
    line-height: 1.2;
}
.rbt-btn.rbt-marquee-btn span::after {
    content: attr(data-text);
    position: absolute;
    white-space: nowrap;
    top: 50%;
    left: 100%;
    transform: translate(15%, -50%);
}
.rbt-btn.rbt-marquee-btn.no-white-overlay::after,
.rbt-btn.rbt-marquee-btn.no-white-overlay::before {
    display: none;
}
.rbt-btn.rbt-marquee-btn:hover::after,
.rbt-btn.rbt-marquee-btn:hover::before {
    opacity: 0;
    visibility: hidden;
}
.rbt-btn.rbt-marquee-btn.marquee-text-y span::after {
    top: 100%;
    left: 50%;
    transform: translate(-50%, 100%);
}
.rbt-btn.rbt-marquee-btn.marquee-auto span {
    animation: btnTxtMarqueeX 5s linear infinite;
}
.rbt-btn.rbt-btn-sm {
    padding: 0 32px;
    font-size: var(--font-size-b3);
    height: 36px;
    line-height: 36px;
}
.rbt-btn.rbt-btn-sm i {
    font-size: var(--font-size-b3);
}
@media only screen and (max-width: 767px) {
    .rbt-btn.rbt-btn-sm {
        padding: 0 16px;
    }
}
@media only screen and (max-width: 479px) {
    .rbt-btn.rbt-btn-sm {
        font-size: var(--font-size-b4);
        padding: 0 8px;
        height: 30px;
        line-height: 30px;
    }
}
.rbt-btn.rbt-btn-sm-2 {
    padding: 0 18px;
    font-size: var(--font-size-b3);
    height: 36px;
    line-height: 36px;
}
.rbt-btn.rbt-btn-sm-2 i {
    font-size: var(--font-size-b3);
}
@media only screen and (max-width: 767px) {
    .rbt-btn.rbt-btn-sm-2 {
        padding: 0 12px;
        font-size: var(--font-size-b4);
        height: 28px;
        line-height: 28px;
    }
}
.rbt-btn.rbt-btn-xs {
    padding: 0 16px;
    font-size: var(--font-size-b3);
    height: 32px;
    line-height: 32px;
}
.rbt-btn.rbt-btn-xs i {
    font-size: var(--font-size-b3);
}
.rbt-btn.rbt-btn-md {
    padding: 0 32px;
    font-size: var(--font-size-b1);
    height: 40px;
    line-height: 40px;
}
.rbt-btn.rbt-btn-md i {
    font-size: var(--font-size-b3);
}
@media only screen and (max-width: 767px) {
    .rbt-btn.rbt-btn-md {
        padding: 0 12px;
        font-size: var(--font-size-b4);
        height: 28px;
        line-height: 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: 17px;
}
.rbt-btn i.image-icon {
    top: inherit;
    transition: 0.4s;
}
.rbt-btn.btn-border-gradient {
    background: linear-gradient(90deg, #cfa2e8, #637fea);
    border: none;
    outline: 0;
    cursor: pointer;
    position: relative;
    z-index: 10;
    color: var(--color-heading);
    box-shadow: 0 10px 13px 0 rgba(209, 211, 237, 0.39);
    border-radius: 0;
}
.rbt-btn.btn-border-gradient::before {
    content: '';
    z-index: -1;
    top: 3px;
    left: 3px;
    position: absolute;
    background: #fff;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
}
.rbt-btn.btn-border-gradient.radius-round {
    border-radius: 500px;
}
.rbt-btn.btn-border-gradient.radius-round::before {
    border-radius: 500px;
}
.rbt-btn.rbt-btn-gradient-red {
    background:
        linear-gradient(
            90deg,
            #d50000 0,
            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, 0.71, 0.4, 1);
    display: inline-block;
    transition: transform 0.5s;
    transform: translateX(5px);
}
.rbt-btn.icon-hover .btn-icon {
    margin-inline-start: -5px;
    display: inline-block;
}
.rbt-btn.icon-hover .btn-icon i {
    transition-timing-function: cubic-bezier(0, 0.71, 0.4, 1);
    display: inline-block;
    opacity: 0;
    transform: translateX(-5px);
    transition:
        opacity 0.25s,
        transform 0.5s;
    padding-left: 0;
}
.rbt-btn.icon-hover.icon-hover-left .btn-text {
    transform: translateX(-5px);
}
.rbt-btn.icon-hover.icon-hover-left .btn-icon {
    margin-inline-start: 0;
    margin-inline-end: -5px;
}
.rbt-btn.icon-hover.icon-hover-left .btn-icon i {
    transform: translateX(5px);
}
.rbt-btn.icon-hover.icon-hover-left:hover .btn-icon i {
    transform: translateX(-5px);
}
.rbt-btn.icon-hover.icon-hover-left:hover .btn-text {
    transform: translateX(5px);
}
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);
}
.video-popup-wrapper .rbt-btn.rounded-player:hover {
    transform: translate(-50%, -50%) scale(1.1);
}
.rbt-btn,
a,
button {
    transition: all 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-btn .animated-icon svg,
a .animated-icon svg,
button .animated-icon svg {
    width: 16px;
}
@media only screen and (max-width: 767px) {
    .rbt-btn .animated-icon svg,
    a .animated-icon svg,
    button .animated-icon svg {
        width: 12px;
    }
}
.rbt-btn .animated-icon svg path,
a .animated-icon svg path,
button .animated-icon svg path {
    fill: var(--color-primary);
    transition:
        opacity 0.4s ease,
        transform 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-btn .animated-icon svg .icon-arrow-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 0.4s ease,
        transform 0.4s cubic-bezier(0, 0, 0.34, 0.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 0.4s ease,
        transform 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-btn:hover .animated-icon svg,
a:hover .animated-icon svg,
button:hover .animated-icon svg {
    width: 16px;
}
@media only screen and (max-width: 767px) {
    .rbt-btn:hover .animated-icon svg,
    a:hover .animated-icon svg,
    button:hover .animated-icon svg {
        width: 12px;
    }
}
.rbt-btn:hover .animated-icon svg path,
a:hover .animated-icon svg path,
button:hover .animated-icon svg path {
    fill: var(--color-white) !important;
}
.rbt-btn:hover .animated-icon svg .icon-arrow-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 0.4s ease,
        transform 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-btn.animated-icon-btn.defalt-secondary-bg .animated-icon svg path,
a.animated-icon-btn.defalt-secondary-bg .animated-icon svg path,
button.animated-icon-btn.defalt-secondary-bg .animated-icon svg path {
    fill: var(--color-primary);
}
.rbt-btn.animated-icon-btn.defalt-secondary-bg:hover,
a.animated-icon-btn.defalt-secondary-bg:hover,
button.animated-icon-btn.defalt-secondary-bg:hover {
    background: 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 0.4s ease,
        transform 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-btn.animated-icon-btn.defalt-primary-bg .animated-icon svg path,
a.animated-icon-btn.defalt-primary-bg .animated-icon svg path,
button.animated-icon-btn.defalt-primary-bg .animated-icon svg path {
    fill: var(--color-white);
}
.rbt-btn.animated-icon-btn.defalt-primary-bg:hover,
a.animated-icon-btn.defalt-primary-bg:hover,
button.animated-icon-btn.defalt-primary-bg:hover {
    background: 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 0.4s ease,
        transform 0.4s cubic-bezier(0, 0, 0.34, 0.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(0.85);
}
.rbt-btn.rbt-btn-transparent:hover {
    background: var(--color-black);
}
@keyframes btnTxtMarqueeX {
    100% {
        transform: translateX(-115%);
    }
}
@keyframes btnTxtMarqueeY {
    100% {
        transform: translateY(-115%);
    }
}
.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;
    border-radius: var(--radius);
    transition: var(--transition);
}
.rbt-card .rbt-card-img button {
    border: 0;
    outline: 0;
}
.rbt-card .rbt-card-img a {
    display: block;
}
.rbt-card .rbt-card-img a img {
    width: 100%;
    transition: var(--transition);
    object-fit: cover;
}
.rbt-card .rbt-card-body {
    padding: 20px 25px 25px 0;
}
.rbt-card .rbt-card-body .rbt-card-subtitle {
    display: 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(0.9);
    background: var(--color-primary);
}
.rbt-card .rbt-left-corner-portion {
    --box-size: 40px;
    position: absolute;
    left: -20px;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    z-index: 3;
}
.rbt-card .rbt-left-corner-portion.white-box-style {
    --box-size: 25px;
}
.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper {
    position: relative;
    padding: 0 0 10px 10px;
    background: var(--color-white);
    border-radius: 0 0 24px 0;
}
.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper::before,
.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper:after {
    content: '';
    position: absolute;
    height: var(--box-size);
    width: var(--box-size);
    background: 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(0.85);
}
.rbt-card.rbt-beta-shop-card {
    border-radius: 12px;
}
.rbt-card.rbt-beta-shop-card .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    padding: 16px;
}
.rbt-card.rbt-beta-shop-card .rbt-card-img {
    max-width: 108px;
}
.rbt-card.rbt-beta-shop-card .rbt-card-title {
    margin-bottom: 8px;
}
.rbt-card.rbt-beta-shop-card .rbt-card-content {
    margin-top: 16px;
}
.rbt-card.rbt-beta-shop-card p.desc {
    margin-bottom: 0;
    padding-top: 24px;
    position: relative;
}
@media only screen and (max-width: 479px) {
    .rbt-card.rbt-beta-shop-card p.desc {
        padding-top: 12px;
    }
}
.rbt-card.rbt-beta-shop-card p.desc::before {
    content: '';
    width: 32px;
    height: 1px;
    background: var(--color-black);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}
.rbt-card.rbt-beta-shop-card .rbt-btn {
    margin-top: 16px;
}
.rbt-card.rbt-beta-shop-card .rbt-btn.rbt-btn-white {
    color: var(--color-primary);
}
.rbt-card.rbt-beta-shop-card .rbt-btn.rbt-btn-white:hover {
    background: var(--color-white);
    color: var(--color-primary);
}
.rbt-card.rbt-beta-shop-card.rbt-bg-color-primary .rbt-card-title a {
    color: var(--color-brand-200);
}
.rbt-card.rbt-beta-shop-card.rbt-bg-color-primary .rbt-card-title a:hover {
    color: var(--color-brand-200);
}
.rbt-card.rbt-beta-shop-card.rbt-bg-color-primary p.desc {
    color: var(--color-brand-200);
}
.rbt-card.rbt-beta-shop-card.rbt-bg-color-primary p.desc::before {
    content: '';
    background: var(--color-white);
}
.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.rbt-discound-badge-var-2.rbt-badge-top-left--position {
    left: 12px;
    top: 12px;
}
.rbt-wishlisted-btn.rbt-top-right--position {
    position: absolute;
    top: 16px;
    right: 16px;
}
@media only screen and (max-width: 479px) {
    .rbt-wishlisted-btn.rbt-top-right--position {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 10px;
        top: 8px;
        right: 8px;
    }
}
.rbt-rating-icon-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 4px;
    line-height: 0.9;
}
.rbt-rating-icon-list li {
    margin: 0;
}
.rbt-rating-icon-list li i {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    color: var(--color-gray-200);
}
@media only screen and (max-width: 479px) {
    .rbt-rating-icon-list li i {
        font-size: 10px;
        line-height: 1;
    }
}
.rbt-rating-icon-list li i.rbt-rated-icon {
    color: var(--color-yellow);
}
.rbt-rating-icon-list.rbt-rating-icon-lg li i {
    font-size: 20px;
    line-height: 1;
}
.rbt-rating-icon-list.rbt-text-color-white li i {
    color: var(--color-black);
}
.rbt-rating-icon-list.rbt-text-color-white li i.rbt-rated-icon {
    color: var(--color-white);
}
.rbt-offer-badge {
    font-size: 10px;
    line-height: 1.2;
    padding: 3px 6px;
    background: var(--color-danger);
    color: var(--color-white);
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: var(--f-semi-bold);
    white-space: nowrap;
}
@media only screen and (max-width: 479px) {
    .rbt-offer-badge {
        font-size: 8px;
        line-height: 1;
        padding: 2px 4px;
    }
}
.rbt-offer-badge.rbt-offer-badge-md {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    padding: 4px 8px;
}
.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 .rbt-video-body .rbt-title {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    color: var(--color-heading);
}
.pricing-part {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    color: var(--color-black);
}
@media only screen and (max-width: 479px) {
    .pricing-part {
        font-size: var(--font-size-b3);
        line-height: var(--line-height-b3);
        gap: 4px;
    }
}
.pricing-part del {
    font-weight: var(--f-medium);
    color: var(--color-gray-400);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
}
@media only screen and (max-width: 479px) {
    .pricing-part del {
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4);
    }
}
.swiper-cards .swiper-slide {
    overflow: visible;
}
.swiper-3d .swiper-slide-shadow {
    background: 0 0;
}
.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 .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: 0.9;
}
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape
    .product-single-slider-two-thumb-activation
    .swiper-slide
    button::before,
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape
    .rbt-product-thumb-slider-activation
    .swiper-slide
    button::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/system/product-single/sm-prd-bg-01-back.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    visibility: hidden;
    opacity: 0;
    transition: var(--transition);
    z-index: 2;
}
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape
    .product-single-slider-two-thumb-activation
    .swiper-slide
    button
    .rbt-thumb-img-sm,
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape
    .rbt-product-thumb-slider-activation
    .swiper-slide
    button
    .rbt-thumb-img-sm {
    background-image: url(../images/system/product-single/sm-prd-bg-01-front.svg);
    -webkit-mask-image: url(../images/system/product-single/sm-prd-bg-01-front.svg);
    mask-image: url(../images/system/product-single/sm-prd-bg-01-front.svg);
    position: relative;
    z-index: 1;
    -webkit-mask-position: 0 0;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    border: 0;
    display: block;
}
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape
    .product-single-slider-two-thumb-activation
    .swiper-slide-thumb-active.swiper-slide
    button,
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape
    .rbt-product-thumb-slider-activation
    .swiper-slide-thumb-active.swiper-slide
    button {
    opacity: 1;
}
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape
    .product-single-slider-two-thumb-activation
    .swiper-slide-thumb-active.swiper-slide
    button::before,
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape
    .rbt-product-thumb-slider-activation
    .swiper-slide-thumb-active.swiper-slide
    button::before {
    visibility: visible;
    opacity: 1;
}
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape
    .product-single-slider-two-activation,
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape
    .rbt-product-single-slider-activation {
    position: relative;
    background-image: url(../images/system/product-single/lg-prd-bg-front.svg);
    -webkit-mask-image: url(../images/system/product-single/lg-prd-bg-front.svg);
    mask-image: url(../images/system/product-single/lg-prd-bg-front.svg);
    position: relative;
    z-index: 1;
    -webkit-mask-position: 0 0;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    border: 0;
}
.rbt-swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    opacity: 1;
    border-radius: var(--radius-full);
    background: 0 0;
    box-shadow: inset 0 0 0 5px var(--color-gray-300);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    margin: 0 8px !important;
}
@media only screen and (max-width: 767px) {
    .rbt-swiper-pagination .swiper-pagination-bullet {
        margin: 0 8px !important;
    }
}
.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, 0.5);
}
.rbt-swiper-pagination.rbt-swiper-pagination-var-one
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    box-shadow: inset 0 0 0 1px rgba(33, 90, 218, 0.5);
}
.rbt-swiper-pagination.rbt-swiper-pagination-var-one
    .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    content: '';
    position: absolute;
    height: 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: 0.5s;
    opacity: 0;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: var(--radius-full);
    color: var(--color-body);
    background-color: var(--color-white);
    z-index: 3;
    text-align: center;
}
@media only screen and (max-width: 767px) {
    .rbt-arrow-between .rbt-swiper-arrow {
        opacity: 0 !important;
        visibility: visible;
    }
}
.rbt-arrow-between .rbt-swiper-arrow .custom-overflow {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
}
.rbt-arrow-between .rbt-swiper-arrow i {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    margin-top: -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 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86),
        -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.rbt-arrow-between .rbt-swiper-arrow i.rbt-icon-top {
    position: absolute;
    transition:
        transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86),
        -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transform: translateX(300%);
}
.rbt-arrow-between .rbt-swiper-arrow:active {
    scale: 0.95;
}
.rbt-arrow-between .rbt-swiper-arrow::after {
    transition: var(--transition);
    content: '';
    width: 100%;
    height: 100%;
    background-color: var(--color-white);
    border-radius: var(--radius-full);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    z-index: -1;
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-tranparent {
    background: 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(0.9);
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left,
.rbt-arrow-between .rbt-swiper-arrow.rbt-modal-arrow-left {
    left: 24px;
}
@media only screen and (max-width: 767px) {
    .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left,
    .rbt-arrow-between .rbt-swiper-arrow.rbt-modal-arrow-left {
        left: 20px;
    }
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right,
.rbt-arrow-between .rbt-swiper-arrow.rbt-modal-arrow-right {
    left: auto;
    right: 24px;
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right i.rbt-icon-top,
.rbt-arrow-between .rbt-swiper-arrow.rbt-modal-arrow-right i.rbt-icon-top {
    transform: translateX(-300%);
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right:hover i.rbt-icon,
.rbt-arrow-between .rbt-swiper-arrow.rbt-modal-arrow-right:hover i.rbt-icon {
    transform: translateX(300%);
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right:hover i.rbt-icon-top,
.rbt-arrow-between
    .rbt-swiper-arrow.rbt-modal-arrow-right:hover
    i.rbt-icon-top {
    transform: translateX(0);
}
@media only screen and (max-width: 767px) {
    .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right,
    .rbt-arrow-between .rbt-swiper-arrow.rbt-modal-arrow-right {
        left: auto;
        right: 20px;
    }
}
.rbt-arrow-between .rbt-swiper-arrow.swiper-button-disabled {
    cursor: not-allowed;
    opacity: 0;
}
@media only screen and (max-width: 767px) {
    .rbt-arrow-between:hover .rbt-swiper-arrow {
        opacity: 1 !important;
        visibility: visible;
    }
}
.rbt-arrow-between.rbt-arrow--top-right .rbt-swiper-arrow {
    top: -60px;
}
.rbt-arrow-between.rbt-arrow--top-right .rbt-swiper-arrow.rbt-arrow-left {
    left: unset;
    right: 60px;
}
.rbt-arrow-between.rbt-arrow--top-right .rbt-swiper-arrow.rbt-arrow-right {
    right: 0;
}
.rbt-arrow-between.rbt-arrow--top-right.rbt-arrow-lg .rbt-swiper-arrow {
    top: -60px;
}
.rbt-arrow-between.rbt-arrow--top-right.rbt-arrow-lg
    .rbt-swiper-arrow.rbt-arrow-left {
    left: unset;
    right: 80px;
}
.rbt-arrow-between.rbt-arrow--top-right.rbt-arrow-lg
    .rbt-swiper-arrow.rbt-arrow-right {
    right: 0;
}
@media only screen and (max-width: 767px) {
    .rbt-arrow-between .rbt-swiper-arrow-wrapper-style-one {
        display: none;
    }
}
.rbt-arrow-between.rbt-dot-bottom-center .rbt-swiper-arrow {
    margin-top: -29px;
}
.rbt-arrow-between.icon-bg-gray .rbt-swiper-arrow {
    background: var(--color-gray-lighter);
}
.rbt-arrow-between.icon-bg-gray .rbt-swiper-arrow::after {
    background: var(--color-gray-lighter);
}
.rbt-arrow-between.rbt-arrow-bg-brand .rbt-swiper-arrow {
    background: var(--color-brand-400);
    color: var(--color-primary);
}
.rbt-arrow-between.rbt-arrow-bg-brand .rbt-swiper-arrow::after {
    background: var(--color-brand-400);
    color: var(--color-white);
}
.rbt-arrow-between.icon-bg-primary .rbt-swiper-arrow {
    background: var(--color-primary);
    color: var(--color-white);
}
.rbt-arrow-between.icon-bg-primary .rbt-swiper-arrow::after {
    background: var(--color-primary);
}
.rbt-arrow-between.md-size .rbt-swiper-arrow {
    width: 40px;
    height: 40px;
}
.rbt-arrow-between.arrow-right-bottom .rbt-swiper-arrow {
    position: absolute;
    top: auto;
    transform: none;
    bottom: 0;
    right: 0;
    opacity: 1;
}
.rbt-arrow-between.rbt-arrow-show-dfl .rbt-swiper-arrow {
    opacity: 1;
}
.rbt-arrow-between.rbt-arrow-show-dfl .rbt-swiper-arrow.swiper-button-disabled {
    opacity: 0.5 !important;
}
.rbt-arrow-between.rbt-arrow-bottom-right .rbt-swiper-arrow {
    top: 92%;
}
.rbt-arrow-between.rbt-arrow-bottom-right .rbt-swiper-arrow.rbt-arrow-left {
    right: 82px;
    left: auto;
}
.rbt-arrow-between.rbt-arrow-bottom-right .rbt-swiper-arrow.rbt-arrow-right {
    right: 24px;
}
.rbt-arrow-between.rbt-arrow-bottom .rbt-swiper-arrow {
    top: 92%;
}
.rbt-arrow-between.rbt-arrow-bottom-between .rbt-swiper-arrow {
    top: 92%;
}
.rbt-arrow-between.rbt-arrow-bottom-between .rbt-arrow-left {
    left: 16px;
}
.rbt-arrow-between.rbt-arrow-bottom-between .rbt-arrow-right {
    right: 16px;
}
.rbt-arrow-between.rbt-swiper-arrow-transparent .rbt-swiper-arrow {
    background: 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: 0.5 !important;
}
.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;
    }
}
.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: 0.5 !important;
}
.rbt-swiper-container-one.rbt-arrow-between-lg-dis > .rbt-swiper-arrow {
    opacity: 1;
}
.rbt-swiper-container-one.rbt-arrow-between-lg-dis
    > .rbt-swiper-arrow.rbt-arrow-left,
.rbt-swiper-container-one.rbt-arrow-between-lg-dis
    > .rbt-swiper-arrow.rbt-modal-arrow-left {
    left: -140px;
}
@media only screen and (max-width: 1199px),
    only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-swiper-container-one.rbt-arrow-between-lg-dis
        > .rbt-swiper-arrow.rbt-arrow-left,
    .rbt-swiper-container-one.rbt-arrow-between-lg-dis
        > .rbt-swiper-arrow.rbt-modal-arrow-left {
        left: 20px;
    }
}
.rbt-swiper-container-one.rbt-arrow-between-lg-dis
    > .rbt-swiper-arrow.rbt-arrow-right,
.rbt-swiper-container-one.rbt-arrow-between-lg-dis
    > .rbt-swiper-arrow.rbt-modal-arrow-right {
    right: -140px;
}
@media only screen and (max-width: 1199px),
    only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-swiper-container-one.rbt-arrow-between-lg-dis
        > .rbt-swiper-arrow.rbt-arrow-right,
    .rbt-swiper-container-one.rbt-arrow-between-lg-dis
        > .rbt-swiper-arrow.rbt-modal-arrow-right {
        right: 20px;
    }
}
.rbt-swiper-container-one.rbt-dot-right-center {
    position: relative;
}
@media only screen and (max-width: 767px) {
    .rbt-swiper-container-one.rbt-dot-right-center {
        padding-bottom: 30px !important;
    }
}
.rbt-swiper-container-one.rbt-dot-right-center
    .swiper-pagination-bullets.swiper-pagination-horizontal {
    top: 50%;
    position: absolute;
    right: 0;
    left: auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transform: translateY(-50%);
    bottom: unset;
    width: auto;
}
@media only screen and (max-width: 767px) {
    .rbt-swiper-container-one.rbt-dot-right-center
        .swiper-pagination-bullets.swiper-pagination-horizontal {
        top: unset;
        bottom: 0;
        left: 50%;
        right: unset;
        flex-direction: row;
        transform: translateX(-50%);
        gap: 0;
    }
}
.rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one {
    --box-size: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 8px 16px;
    border-radius: 24px 0 0 0;
}
.rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one::before,
.rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one:after {
    content: '';
    position: absolute;
    height: var(--box-size);
    width: var(--box-size);
    background: 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: 0.4;
    z-index: 1;
}
.rbt-swiper-pagination-dot-extend .swiper-pagination-bullet:first-child {
    border-radius: 0 0 0 var(--radius-12);
}
.rbt-swiper-pagination-dot-extend .swiper-pagination-bullet:last-child {
    border-radius: 0 0 var(--radius-12) 0;
}
.rbt-swiper-pagination-dot-extend .swiper-pagination-bullet-active::before {
    background-color: var(--color-primary);
    animation: rbt-slide-progress-anim 3s ease-out forwards;
}
.swiper-paused
    .rbt-swiper-pagination-dot-extend
    .swiper-pagination-bullet-active::before {
    animation-play-state: paused;
}
.rbt-swiper-pagination-center .rbt-swiper-pagination {
    width: fit-content;
    left: 50%;
    transform: translateX(-50%);
}
.rbt-scroll-text-animation .swiper-wrapper {
    transition-timing-function: linear !important;
}
.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-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 .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 .swiper {
        max-width: unset;
        margin: 0;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-swiper-arrow.sm_d-none {
        display: none;
    }
}
@keyframes rbt-slide-progress-anim {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
.swiper.has-right-bg-shape {
    position: relative;
}
.swiper.has-right-bg-shape::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 0;
    width: 200px;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.1) 0,
        rgba(255, 255, 255, 0.9) 45.02%,
        #fff 86.62%
    );
    z-index: 2;
    max-height: 120px;
}
.swiper.has-right-bg-shape-sm-width::before {
    width: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-single-slider-three-thumb-activation {
        height: 100%;
        margin: 0;
    }
}
.swiper.rbt-thumb-has-bg-shape-overlay {
    position: relative;
}
.swiper.rbt-thumb-has-bg-shape-overlay::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.1) 0,
        rgba(255, 255, 255, 0.9) 45.02%,
        #fff 86.62%
    );
    z-index: 2;
    max-height: 120px;
}
@media only screen and (max-width: 767px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .swiper.rbt-thumb-has-bg-shape-overlay::after {
        width: 50px;
        height: 100%;
        background: linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.1) 0,
            rgba(255, 255, 255, 0.9) 45.02%,
            #fff 86.62%
        );
        max-height: unset;
    }
}
.rbt-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-exclusive-section-title .icons {
    font-size: 32px;
    display: flex;
    gap: 24px;
    margin-bottom: 24px;
}
.rbt-exclusive-section-title .subtitle {
    font-size: 20px;
    display: inline-block;
    margin-bottom: 8px;
    color: var(--color-black);
    font-family: var(--font-primary);
    position: relative;
    z-index: 2;
}
.rbt-exclusive-section-title .rbt-title {
    font-size: 52px;
    color: var(--color-black);
    line-height: 1;
    position: relative;
    z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-exclusive-section-title .rbt-title {
        font-size: 44px;
    }
}
@media only screen and (max-width: 767px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-exclusive-section-title .rbt-title {
        font-size: 32px;
    }
}
.rbt-exclusive-section-title .rbt-title .rbt-title-sm-text {
    font-size: 40px;
    font-weight: var(--f-regular);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-exclusive-section-title .rbt-title .rbt-title-sm-text {
        font-size: 36px;
    }
}
@media only screen and (max-width: 767px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-exclusive-section-title .rbt-title .rbt-title-sm-text {
        font-size: 28px;
    }
}
.rbt-exclusive-section-title .rbt-title .rbt-overlay-text {
    font-size: 280px;
    font-weight: 700;
    padding: 6px 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -54%;
    line-height: 0.7;
    z-index: -1;
    white-space: nowrap;
    user-select: none;
}
.rbt-exclusive-section-title .rbt-title .rbt-overlay-text.overlay-sm {
    font-size: 112px;
}
.rbt-exclusive-section-title
    .rbt-title
    .rbt-overlay-text.overlay-text-color-var-2 {
    background: linear-gradient(180deg, #d8e8ff 0, #eff1f4 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.rbt-exclusive-section-title
    .rbt-title
    .rbt-overlay-text.overlay-text-color-var-3 {
    background: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, 0) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-exclusive-section-title .rbt-title .rbt-overlay-text {
        font-size: 160px;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-exclusive-section-title .rbt-title .rbt-overlay-text {
        font-size: 110px;
    }
}
@media only screen and (max-width: 479px) {
    .rbt-exclusive-section-title .rbt-title .rbt-overlay-text {
        font-size: 80px;
    }
}
.rbt-exclusive-section-title .rbt-title .rbt-text-sm {
    font-size: 40px;
    font-weight: 400;
}
@media only screen and (max-width: 767px) {
    .rbt-exclusive-section-title .rbt-title .rbt-text-sm {
        font-size: 30px;
    }
}
.exclusive-btn.icon-reverse-left .icon-right {
    margin-right: 0;
    transition:
        opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55),
        margin 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.exclusive-btn.icon-reverse-left:focus .icon-right,
.exclusive-btn.icon-reverse-left:hover .icon-right {
    margin-right: -24px;
    opacity: 0;
}
.exclusive-btn.icon-reverse-right .icon-right {
    margin-right: -24px;
    opacity: 0;
    transition: var(--transition);
    transition:
        opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55),
        margin 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.exclusive-btn.icon-reverse-right: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.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 .odometer .odometer-digit .odometer-value {
    background: linear-gradient(
        180deg,
        rgba(33, 90, 218, 0.3) 0,
        rgba(239, 241, 244, 0.3) 87.5%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.rbt-overlay-counter.color-variation-2
    .odometer
    .odometer-digit
    .odometer-value {
    background: linear-gradient(
        180deg,
        rgba(33, 90, 218, 0.6) 0,
        rgba(0, 0, 0, 0.6) 87.5%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.rbt-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 0.3s ease-in-out;
    object-fit: cover;
}
.rbt-cat-box:hover .rbt-image-portion img {
    transform: scale(1.04);
}
.rbt-cat-box:hover .rbt-icon-overlay-link-btn i {
    color: var(--color-white);
}
.rbt-cat-box:hover .rbt-icon-overlay-link-btn i.rbt-icon {
    transform: translateY(-300%) translateX(300%);
}
.rbt-cat-box:hover .rbt-icon-overlay-link-btn i.rbt-icon-bottom {
    transform: translateY(0) translateX(0) scale(1.04);
}
.rbt-cat-box:hover .rbt-icon-overlay-link-btn::after {
    transform: scale(1);
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white);
}
.rbt-cat-box:hover .rbt-icon-overlay-link-btn:hover {
    background: 0 0 !important;
    border-color: transparent !important;
}
.rbt-cat-box:hover .rbt-icon-overlay-link-btn:hover::after {
    transform: scale(0.9) !important;
}
.rbt-cat-box.rbt-cat-box-1 .content {
    margin-top: 16px;
}
@media only screen and (max-width: 479px) {
    .rbt-cat-box.rbt-cat-box-1 .content {
        margin-top: 4px;
    }
}
.rbt-cat-box.rbt-cat-box-1 .content .title {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    margin-bottom: 0;
    font-weight: var(--f-medium);
}
@media only screen and (max-width: 479px) {
    .rbt-cat-box.rbt-cat-box-1 .content .title {
        font-size: 12px;
    }
}
.rbt-cat-box.rbt-cat-box-1:hover .rbt-image-portion img {
    transform: scale(1.04);
}
.rbt-cat-box.rbt-cat-box-1.rbt-cat-box-1-rounded .inner {
    display: grid;
    justify-content: center;
}
.rbt-cat-box.rbt-cat-box-1.rbt-cat-box-1-rounded .rbt-image-portion {
    height: 100%;
    width: 100%;
    border-radius: var(--radius-full);
    position: relative;
    overflow: hidden;
}
.rbt-cat-box.rbt-cat-box-1.rbt-cat-box-1-lg .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.rbt-cat-box.rbt-cat-box-1.rbt-cat-box-1-lg .rbt-image-portion {
    height: 100%;
    width: 100%;
}
.rbt-cat-box.rbt-cat-box-2 {
    padding: 32px;
    border-radius: 12px;
    background: var(--color-brand-200);
    display: block;
}
@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-2 {
        padding: 16px 8px;
        border-radius: 4px;
    }
}
.rbt-cat-box.rbt-cat-box-2.text-center .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.rbt-cat-box.rbt-cat-box-2 .rbt-image-portion {
    height: 173px;
    width: 173px;
    border-radius: var(--radius-full);
    overflow: hidden;
}
@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-2 .rbt-image-portion {
        height: 80px;
        width: 80px;
    }
}
.rbt-cat-box.rbt-cat-box-2 .rbt-image-portion img {
    transition: var(--transition);
    transform: scale(1.04);
}
.rbt-cat-box.rbt-cat-box-2 .content {
    margin-top: 16px;
}
@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-2 .content {
        margin-top: 8px;
    }
}
.rbt-cat-box.rbt-cat-box-2 .content .title {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    margin-bottom: 0;
    font-weight: var(--f-medium);
}
@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-2 .content .title {
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4);
    }
}
.rbt-cat-box.rbt-cat-box-2:hover .rbt-image-portion img {
    transform: scale(1);
}
.rbt-cat-box.rbt-cat-box-3 {
    overflow: unset;
}
.rbt-cat-box.rbt-cat-box-3 .inner {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.rbt-cat-box.rbt-cat-box-3 .rbt-image-portion {
    height: 100%;
    width: 100%;
    border-radius: var(--radius-full);
    position: relative;
    overflow: hidden;
}
.rbt-cat-box.rbt-cat-box-3 .rbt-image-portion a img {
    transform: scale(1.04);
    height: 100%;
    width: 100%;
}
.rbt-cat-box.rbt-cat-box-3 .content {
    margin-top: -22px;
}
@media only screen and (max-width: 479px) {
    .rbt-cat-box.rbt-cat-box-3 .rbt-btn {
        height: 28px;
        line-height: 28px;
        font-size: 10px;
    }
}
@media only screen and (max-width: 479px) {
    .rbt-cat-box.rbt-cat-box-3 .rbt-btn i {
        font-size: 10px;
    }
}
.rbt-cat-box.rbt-cat-box-3:hover .rbt-image-portion a img {
    transform: scale(1);
}
.rbt-cat-box.rbt-cat-box-3.cat-var-two .rbt-image-portion {
    max-width: 320px;
}
.rbt-cat-box.rbt-cat-box-4 {
    padding: 24px;
    padding-top: 32px;
    border-radius: 12px;
    background: var(--color-brand-50);
    border: 2px solid var(--color-brand-50);
    display: block;
    transition: var(--transition-3);
}
@media only screen and (max-width: 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(0.9);
}
@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-5
        .rbt-right-corner-portion
        .rbt-corner-portion-wrapper
        .rbt-card-link-btn {
        height: 44px;
        width: 44px;
        line-height: 44px;
        font-size: 16px;
    }
}
.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion.bottom--position {
    bottom: -20px;
    top: unset;
}
.rbt-cat-box.rbt-cat-box-5
    .rbt-right-corner-portion.bottom--position
    .rbt-corner-portion-wrapper {
    padding: 10px 0 0 10px;
    background: var(--color-white);
    border-radius: 24px 0 0 0;
}
.rbt-cat-box.rbt-cat-box-5
    .rbt-right-corner-portion.bottom--position
    .rbt-corner-portion-wrapper::before,
.rbt-cat-box.rbt-cat-box-5
    .rbt-right-corner-portion.bottom--position
    .rbt-corner-portion-wrapper:after {
    box-shadow: 15px 15px 0 0 #fff;
}
.rbt-cat-box.rbt-cat-box-5
    .rbt-right-corner-portion.bottom--position
    .rbt-corner-portion-wrapper::before {
    bottom: 0;
    right: 100%;
    top: unset;
}
.rbt-cat-box.rbt-cat-box-5
    .rbt-right-corner-portion.bottom--position
    .rbt-corner-portion-wrapper::after {
    bottom: 100%;
    right: 0;
    top: unset;
}
.rbt-cat-box.rbt-cat-box-5
    .rbt-right-corner-portion.bottom--position
    .rbt-corner-portion-wrapper
    .rbt-card-link-btn {
    height: 56px;
    width: 56px;
    border-radius: var(--radius-full);
    background: var(--color-primary);
    font-size: 20px;
    line-height: 56px;
    text-align: center;
    color: var(--color-white);
    display: inline-block;
}
@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-5
        .rbt-right-corner-portion.bottom--position
        .rbt-corner-portion-wrapper
        .rbt-card-link-btn {
        height: 44px;
        width: 44px;
        line-height: 44px;
        font-size: 16px;
    }
}
.rbt-cat-box.rbt-cat-box-5.wider-coloumn {
    max-width: none;
}
.rbt-cat-box.rbt-cat-box-5.wider-coloumn .rbt-image-portion img {
    min-height: 242px;
}
.rbt-cat-box.rbt-cat-box-5.wider-coloumn .content {
    position: absolute;
    top: 32px;
    left: 32px;
    bottom: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.rbt-cat-box.rbt-cat-box-5.wider-coloumn .content .subtitle {
    margin-top: 16px;
    margin-bottom: 0;
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    font-weight: var(--f-medium);
    color: var(--color-heading);
}
.rbt-cat-box.rbt-cat-box-5.wider-coloumn .content .title {
    margin: 0;
    font-weight: 400;
    color: var(--color-heading);
}
.rbt-cat-box.rbt-cat-box-5.wider-coloumn .content .title .rbt-bold--text {
    font-weight: 700;
}
.rbt-cat-box.rbt-cat-box-5.wider-coloumn .content .bottom-content > .rbt-btn {
    position: static;
    transform: none;
    top: 0;
    left: 0;
    width: unset;
    display: 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, 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: 32px;
    overflow: hidden;
    border-radius: 16px;
    min-height: 260px;
}
.rbt-cat-box.rbt-cat-box-8 .inner {
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 100%;
}
.rbt-cat-box.rbt-cat-box-8 .content {
    position: relative;
    z-index: 2;
    width: fit-content;
}
.rbt-cat-box.rbt-cat-box-8 .content .rbt-badge {
    margin-bottom: 12px;
}
.rbt-cat-box.rbt-cat-box-8 .content .subtitle {
    margin: 0;
    color: var(--color-white);
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
}
.rbt-cat-box.rbt-cat-box-8 .content .title {
    color: var(--color-white);
    margin-bottom: 20px;
}
.rbt-cat-box.rbt-cat-box-8 .content .title a:hover {
    color: var(--color-primary);
}
.rbt-cat-box.rbt-cat-box-8 .content .qty-text {
    color: var(--color-gray-100);
    margin-bottom: 0;
}
.rbt-cat-box.rbt-cat-box-8 .content .rbt-btn {
    background: rgba(255, 255, 255, 0.2);
    color: var(--color-white);
}
.rbt-cat-box.rbt-cat-box-8 .content .rbt-btn:hover {
    background: var(--color-primary);
}
.rbt-cat-box.rbt-cat-box-8 .rbt-image-portion {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}
.rbt-cat-box.rbt-cat-box-8 .rbt-image-portion img {
    transform: scale(1.04);
    min-height: 100%;
    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, 0.1) 0,
        rgba(49, 19, 0, 0.7) 100%
    );
    opacity: 0.9;
}
.rbt-cat-box.rbt-cat-box-8
    .has-rbt-sectioin-overlay.rbt-sectioin-overlay-black::after {
    opacity: 0.7;
    background: linear-gradient(180deg, #000 0, rgba(0, 0, 0, 0) 100%);
}
.rbt-cat-box.rbt-cat-box-8
    .has-rbt-sectioin-overlay.rbt-sectioin-overlay-white::after {
    opacity: 0.7;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.1) 0,
        rgba(0, 0, 0, 0.5) 100%
    );
}
.rbt-cat-box.rbt-cat-box-8
    .has-rbt-sectioin-overlay.rbt-sectioin-overlay-black-reverse::after {
    opacity: 1;
    background: linear-gradient(
        180deg,
        rgba(3, 14, 3, 0) 22.08%,
        rgba(3, 14, 3, 0.8) 86.53%
    );
}
.rbt-cat-box.rbt-cat-box-8.rbt-curved-style-box {
    mask-image: url(../images/system/catagory-8-curved-top-mask.webp);
    -webkit-mask-image: url(../images/system/catagory-8-curved-top-mask.webp);
    background-image: url(../images/system/catagory-8-curved-top-mask.webp);
}
.rbt-cat-box.rbt-cat-box-8:hover .rbt-image-portion img {
    transform: scale(1);
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-one {
    min-height: 630px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-one {
        min-height: 464px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-one {
        min-height: 400px;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-one {
        min-height: 324px;
    }
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-one .subtitle {
    font-size: 20px;
    line-height: 1.5;
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-two {
    padding: 0;
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-two .content {
    position: absolute;
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-two .rbt-image-portion {
    position: static;
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-two .inner {
    justify-content: center;
    align-items: center;
    text-align: center;
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-two .title {
    margin-bottom: 0;
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-three {
    min-height: 416px;
}
@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-three {
        padding: 16px;
        min-height: 250px;
    }
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-three .rbt-btn {
    display: block;
    text-align: center;
    backdrop-filter: blur(12px);
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-three .title {
    width: 75%;
}
@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-three .title {
        width: 100%;
        margin-bottom: 8px;
    }
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four {
    padding: 0;
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four .inner {
    flex-direction: column-reverse;
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four .rbt-image-portion {
    position: static;
    border-radius: var(--radius-12);
    overflow: hidden;
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four .content {
    text-align: center;
    padding-top: 24px;
    width: unset;
}
@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four .content {
        padding-top: 16px;
    }
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four .content .subtitle {
    color: var(--color-gray-400);
    font-weight: var(--f-medium);
    font-size: var(--font-size-b2);
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four .content .title {
    color: var(--color-black);
}
.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four .content .rbt-btn {
    background: var(--color-primary);
}
.rbt-cat-box.rbt-cat-box-8.h-650 {
    min-height: 650px;
}
.rbt-cat-box.rbt-cat-box-9 {
    background: var(--color-gray-light);
    border-radius: var(--radius-12);
}
.rbt-cat-box.rbt-cat-box-9 .inner {
    padding: 32px;
    min-height: 204px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}
.rbt-cat-box.rbt-cat-box-9 .content {
    position: relative;
    z-index: 1;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.rbt-cat-box.rbt-cat-box-9 .content .top-content .rbt-badge {
    position: absolute;
    right: -8px;
    top: -8px;
}
.rbt-cat-box.rbt-cat-box-9 .content .top-content .title {
    margin-bottom: 8px;
}
.rbt-cat-box.rbt-cat-box-9 .rbt-image-portion {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    display: flex;
    justify-content: end;
    align-items: center;
}
.rbt-cat-box.rbt-cat-box-9 .rbt-image-portion img {
    max-height: 204px;
}
.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two {
    border-radius: var(--radius-md);
    overflow: visible;
    transition: var(--transition);
}
.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two .inner {
    padding: 24px;
    min-height: 175px;
}
.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two .content {
    justify-content: center;
}
.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two .content .title {
    margin-bottom: 0;
    color: var(--color-white);
}
.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two .rbt-image-portion img {
    max-height: 220px;
    border-radius: var(--radius-md);
    position: absolute;
    bottom: 0;
    right: 0;
}
.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two
    .rbt-image-portion
    img.rbt-cat-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two:hover {
    transform: translateY(-3px);
}
.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two:hover .rbt-image-portion img {
    transform: none;
}
.rbt-cat-box.banner-card {
    padding-top: 28px;
    background-color: #e2f2d8;
    border-radius: 16px;
}
.rbt-cat-box.banner-card .inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.rbt-cat-box.banner-card .subtitle {
    margin-bottom: 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);
}
@media only screen and (max-width: 479px) {
    .rbt-tea-loose-leafs-section .rbt-component-section-title .rbt-title {
        font-size: var(--b1);
    }
}
.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-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, 0.05);
    border-radius: 0 0 0 6px;
    z-index: 1;
    width: 100%;
}
.rbt-category-update .rbt-update-category-dropdown .inner {
    max-width: 100%;
}
.rbt-category-update
    .rbt-update-category-dropdown
    .inner
    .rbt-dropdown-parent-wrapper
    .dropdown-parent-list {
    margin: 0;
    position: relative;
}
.rbt-category-update
    .rbt-update-category-dropdown
    .inner
    .rbt-dropdown-parent-wrapper
    .dropdown-parent-list
    + .dropdown-parent-list {
    border-top: 2px solid var(--color-gray-light);
}
.rbt-category-update
    .rbt-update-category-dropdown
    .inner
    .rbt-dropdown-parent-wrapper
    .dropdown-parent-list
    > a {
    font-weight: var(--f-medium);
    padding: 12px 16px;
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    gap: 8px;
    display: flex;
    align-items: center;
    position: relative;
    color: var(--color-heading);
    margin: 0;
    border-radius: 3px;
}
.rbt-category-update
    .rbt-update-category-dropdown
    .inner
    .rbt-dropdown-parent-wrapper
    .dropdown-parent-list
    > a
    .rbt-chevron-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
}
.rbt-category-update
    .rbt-update-category-dropdown
    .inner
    .rbt-dropdown-parent-wrapper
    .dropdown-parent-list
    > a:hover {
    color: var(--color-primary);
    background: var(--color-gray-light);
}
.rbt-category-update
    .rbt-update-category-dropdown
    .inner
    .rbt-dropdown-parent-wrapper
    .dropdown-parent-list
    .rbt-dropdown-child-wrapper {
    position: absolute;
    top: 0;
    left: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    background-color: var(--color-white);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    min-width: 415px;
    min-height: 100%;
    z-index: 1;
    border-radius: 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: 0.4s;
}
.rbt-category-update
    .rbt-update-category-dropdown
    .inner
    .rbt-dropdown-parent-wrapper
    .dropdown-parent-list
    .rbt-dropdown-child-wrapper
    .rbt-child-inner
    .dropdown-child-list
    a:hover {
    color: var(--color-primary);
}
.rbt-category-update
    .rbt-update-category-dropdown
    .inner
    .rbt-dropdown-parent-wrapper
    .dropdown-parent-list
    .rbt-dropdown-child-wrapper
    .rbt-child-inner
    .rbt-megamenu-wrapper {
    margin-top: 0;
}
.rbt-category-update
    .rbt-update-category-dropdown
    .inner
    .rbt-dropdown-parent-wrapper
    .dropdown-parent-list
    .rbt-dropdown-child-wrapper
    .rbt-child-inner
    .rbt-megamenu
    .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: 0.3s ease;
    top: 100%;
}
.rbt-category-update:hover .rbt-category-btn {
    border-radius: 6px 6px 0 0;
}
.rbt-category-update.rbt-category-menu-wrapper-var-one {
    text-align: left;
    height: 36px !important;
}
.rbt-category-update.rbt-category-menu-wrapper-var-one .rbt-category-btn {
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.15);
}
.rbt-category-update.rbt-category-menu-wrapper-var-one:hover .rbt-category-btn {
    border-radius: 6px 6px 0 0;
}
.rbt-dropdown-child-wrapper {
    display: none;
}
.rbt-cat-cat-box-1 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px;
    border-radius: 4px;
    transition: var(--transition);
    z-index: 1;
}
.rbt-cat-cat-box-1 .rbt-cat-icon {
    font-size: 18px;
    line-height: 1;
    color: var(--color-primary);
    transition: var(--transition);
}
.rbt-cat-cat-box-1 .title {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-heading);
    font-weight: 500;
    transition: var(--transition);
}
.rbt-cat-cat-box-1::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    transform: translate(-50%, -50%) scale(0.85);
    background: var(--color-primary);
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    z-index: -1;
}
.rbt-cat-cat-box-1:hover {
    color: var(--color-white);
}
.rbt-cat-cat-box-1:hover .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;
}
.countdown-style-1 .countdown {
    display: flex;
    margin: 0 -20px;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: -10px;
}
.countdown-style-1 .countdown .countdown-container {
    margin: 10px;
    position: relative;
    transition: var(--transition);
    text-align: center;
    background: var(--white-opacity);
    border-radius: 10px;
    min-width: 120px;
}
.countdown-style-1 .countdown .countdown-container .countdown-heading {
    display: block;
    color: var(--color-white);
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    display: block;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    transition: var(--transition);
    opacity: 0.7;
}
.countdown-style-1 .countdown .countdown-container .countdown-value {
    display: block;
    font-weight: 600;
    font-size: 40px;
    line-height: 1.24;
    color: var(--color-white);
    text-align: center;
    position: relative;
    transition: var(--transition);
    margin: 0;
}
@media only screen and (max-width: 767px) {
    .countdown-style-1 .countdown .countdown-container .countdown-value {
        font-size: 24px;
    }
}
.rbt-countdown-one .countdown {
    display: flex;
    gap: 8px;
}
.rbt-countdown-one .countdown .countdown-container {
    position: relative;
    transition: var(--transition);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 8px 12px;
    background: var(--color-gray-100);
    border-radius: 4px;
    width: 50px;
}
.rbt-countdown-one .countdown .countdown-container .countdown-heading {
    display: block;
    color: var(--color-gray-500);
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    text-align: center;
    margin: 0;
    display: block;
    transition: var(--transition);
}
.rbt-countdown-one .countdown .countdown-container .countdown-value {
    display: block;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: var(--color-heading);
    text-align: center;
    position: relative;
    transition: var(--transition);
    margin: 0;
}
@media only screen and (max-width: 767px) {
    .rbt-countdown-one .countdown .countdown-container .countdown-value {
        font-size: 14px;
    }
}
.rbt-countdown-one.rbt-countdown-lg .countdown {
    gap: 24px;
}
.rbt-countdown-one.rbt-countdown-lg .countdown .countdown-container {
    min-height: 96px;
    min-width: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-countdown-one.rbt-countdown-lg .countdown .countdown-container {
        min-height: 72px;
        min-width: 64px;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-countdown-one.rbt-countdown-lg .countdown .countdown-container {
        min-height: 56px;
        min-width: 48px;
    }
}
.rbt-countdown-one.rbt-countdown-lg
    .countdown
    .countdown-container
    .countdown-heading {
    font-size: 20px;
    line-height: 1.2;
}
@media only screen and (max-width: 767px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-countdown-one.rbt-countdown-lg
        .countdown
        .countdown-container
        .countdown-heading {
        font-size: var(--font-size-b2);
    }
}
.rbt-countdown-one.rbt-countdown-lg
    .countdown
    .countdown-container
    .countdown-value {
    font-size: 32px;
    line-height: 1.2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-countdown-one.rbt-countdown-lg
        .countdown
        .countdown-container
        .countdown-value {
        font-size: var(--font-size-b1);
    }
}
@media only screen and (max-width: 767px) {
    .rbt-countdown-one.rbt-countdown-lg
        .countdown
        .countdown-container
        .countdown-value {
        font-size: 14px;
    }
}
.rbt-countdown-one.bg-variation-black .countdown .countdown-container {
    background-color: var(--color-black);
}
.rbt-countdown-one.bg-variation-black
    .countdown
    .countdown-container
    .countdown-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: 0.5px dashed rgba(255, 255, 255, 0.5);
}
.rbt-countdown-one.cd-border-style.bg-variation-green
    .countdown
    .countdown-container {
    -webkit-mask-image: url(../images/countdown/cd-bg-green-01.webp);
    mask-image: url(../images/countdown/cd-bg-green-01.webp);
    background-color: var(--color-success);
    -webkit-mask-position: 0 0;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.rbt-countdown-one.cd-border-style.bg-variation-green
    .countdown
    .countdown-container
    .countdown-heading {
    border-top: 0.5px dashed var(--color-white);
}
.rbt-countdown-one.cd-border-style.bg-variation-secondary
    .countdown
    .countdown-container {
    -webkit-mask-image: url(../images/countdown/cd-bg-primary-01.webp);
    mask-image: url(../images/countdown/cd-bg-primary-01.webp);
    background-color: var(--color-secondary);
    -webkit-mask-position: 0 0;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.rbt-countdown-one.cd-border-style.bg-variation-secondary
    .countdown
    .countdown-container
    .countdown-heading {
    border-top: 0.5px dashed var(--color-white);
}
.rbt-countdown-one.cd-border-style.bg-variation-white
    .countdown
    .countdown-container {
    -webkit-mask-image: url(../images/countdown/cd-bg-white-01.webp);
    mask-image: url(../images/countdown/cd-bg-white-01.webp);
    background-color: var(--color-white);
    -webkit-mask-position: 0 0;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.rbt-countdown-one.cd-border-style.bg-variation-white
    .countdown
    .countdown-container
    .countdown-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: 0.5px dashed #703ccd;
}
.rbt-countdown-one.cd-border-style.bg-variation-purple
    .countdown
    .countdown-container
    .countdown-heading {
    padding: 2px 0;
    border-top: 0;
}
.rbt-countdown-one.cd-border-style.bg-variation-purple
    .countdown
    .countdown-container
    .countdown-value {
    padding: 2px 0;
}
.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-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.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(-0.5 * (var(--shape-width)));
    color: var(--color-gray-700);
    font-weight: 500;
    white-space: nowrap;
}
.rbt-fshape-tab .nav-tabs .nav-link::before {
    content: '';
    position: absolute;
    top: -2px;
    left: var(--shape-width);
    width: calc(100% - 2 * var(--shape-width));
    height: 2px;
    background-color: transparent;
    transition: var(--transition);
}
.rbt-fshape-tab .nav-tabs .nav-link::after {
    content: '';
    position: absolute;
    top: 0;
    left: var(--shape-width);
    width: calc(100% - 2 * var(--shape-width));
    height: 100%;
    background-color: transparent;
    transition: var(--transition);
    z-index: -1;
}
.rbt-fshape-tab .nav-tabs .nav-link.disabled {
    background: unset !important;
}
.rbt-fshape-tab .nav-tabs .nav-link .rbt-fshape-portion {
    position: absolute;
    top: -2px;
    width: var(--shape-width);
    height: calc(100% + 2px);
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}
.rbt-fshape-tab
    .nav-tabs
    .nav-link
    .rbt-fshape-portion.rbt-fshape-left-portion {
    left: 0;
}
.rbt-fshape-tab
    .nav-tabs
    .nav-link
    .rbt-fshape-portion.rbt-fshape-right-portion {
    right: 0;
}
.rbt-fshape-tab
    .nav-tabs
    .nav-link
    .rbt-fshape-portion.rbt-fshape-right-portion-sm {
    width: 48px;
}
.rbt-fshape-tab .nav-tabs .nav-link .rbt-fshape-portion svg {
    height: 100%;
    width: 100%;
    display: inline-block;
    transition: var(--transition);
}
.rbt-fshape-tab .nav-tabs .nav-link .rbt-fshape-portion svg .rbt-svg-fill-one {
    fill: var(--color-gray-light);
}
.rbt-fshape-tab .nav-tabs .nav-link .rbt-fshape-portion svg .rbt-svg-fill-two {
    fill: var(--color-brand-100);
}
.rbt-fshape-tab .nav-tabs .nav-link.active {
    color: var(--color-primary);
}
.rbt-fshape-tab .nav-tabs .nav-link.active .rbt-fshape-portion {
    opacity: 1;
    visibility: visible;
}
.rbt-fshape-tab
    .nav-tabs
    .nav-link.active
    .rbt-fshape-portion
    svg
    .rbt-svg-fill-one {
    fill: var(--color-white);
}
.rbt-fshape-tab
    .nav-tabs
    .nav-link.active
    .rbt-fshape-portion
    svg
    .rbt-svg-fill-two {
    fill: var(--color-brand-100);
}
.rbt-fshape-tab .nav-tabs .nav-link.active::before {
    background-color: var(--color-brand-100);
}
.rbt-fshape-tab .nav-tabs .nav-link.active::after {
    background-color: var(--color-white);
}
.rbt-fshape-tab .nav-tabs .nav-item {
    margin: 0;
}
.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link {
    padding-left: 32px;
    margin-left: 0;
}
@media only screen and (max-width: 767px) {
    .rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link {
        padding-left: 16px;
    }
}
.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link::after {
    width: calc(100% - 50px);
    left: 0;
    top: -2px;
    height: calc(100% + 2px);
    border-top-left-radius: 16px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
}
.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link.active {
    border-top-left-radius: 16px;
}
.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link.active::before {
    display: none;
}
.rbt-fshape-tab
    .nav-tabs
    .nav-item:first-child
    .nav-link.active
    .rbt-fshape-left-portion {
    display: none;
}
.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link.active::after {
    border-color: var(--color-brand-100);
}
.rbt-fshape-tab .tab-content .tab-pane {
    padding: 26px 32px;
    border: 2px solid transparent;
    border-radius: 18px;
    background-color: var(--color-white);
    position: relative;
    margin-top: -2px;
}
.rbt-fshape-tab .tab-content .tab-pane:first-child {
    border-top-left-radius: 0;
}
.rbt-fshape-tab .tab-content .tab-pane.active {
    border-color: var(--color-brand-100);
}
@media only screen and (max-width: 767px) {
    .rbt-fshape-tab .tab-content .tab-pane {
        padding: 16px;
    }
}
.rbt-megamenu-tab > .nav-link {
    font-weight: var(--f-medium);
    padding: 16px;
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    gap: 8px;
    display: flex;
    align-items: center;
    position: relative;
    color: var(--color-heading);
    border-radius: 6px;
    padding-left: 24px;
    transition: var(--transition);
    position: relative;
    z-index: 1;
    overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-megamenu-tab > .nav-link {
        padding: 12px 16px;
    }
}
.rbt-megamenu-tab > .nav-link.disabled {
    background: 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(0.9);
    background: var(--color-white);
    border-radius: 6px;
    opacity: 0;
    transition:
        opacity 0.4s ease,
        transform 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-megamenu-tab > .nav-link .rbt-chevron-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-10px);
    right: 16px;
    opacity: 0;
    transition:
        opacity 0.4s ease,
        transform 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-megamenu-tab > .nav-link.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 .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: 0.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 > .tab-pane {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-20px);
    transition:
        opacity 0.2s cubic-bezier(0.4, 0, 1, 1),
        visibility 0.3s cubic-bezier(0.4, 0, 1, 1),
        transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: absolute;
    top: 0;
    max-width: 100%;
    display: block !important;
    z-index: 1;
}
.rbt-menu-tab-content-wrapper .rbt-megamenu-tab-content > .tab-pane.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    z-index: 10;
}
.rbt-product-single-details-tab-sm.rbt-fshape-tab
    .nav-tabs
    .nav-item:first-child
    .nav-link {
    padding-left: 16px;
}
.rbt-product-single-details-tab-sm.rbt-fshape-tab .tab-content .tab-pane {
    padding: 12px 16px;
}
.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-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: 0.4s;
    font-size: 14px;
}
.rbt-accordion-style .card .card-header button.collapsed {
    color: var(--color-heading);
}
.rbt-accordion-style .card .card-header button.collapsed::before {
    content: '+';
}
.rbt-accordion-style .card .card-body {
    border-top: 1px solid var(--color-brand-200);
    padding: 20px 30px 25px;
    color: var(--color-gray-400);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
}
@media only screen and (max-width: 767px) {
    .rbt-accordion-style .card .card-body {
        padding: 20px 20px;
    }
}
.rbt-accordion-style .card + .card {
    margin-top: 12px;
}
.rbt-accordion-style.rbt-accordion-01 .card {
    border: 0 none;
    background: 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);
}
.rbt-list-style-1.color-white li {
    color: var(--color-white);
}
.rbt-list-style-3.color-white li {
    color: var(--color-white);
}
.plan-offer-list li.off {
    opacity: 0.5;
}
.plan-offer-list li.off i {
    background: var(--color-danger);
}
.rbt-modern-select .bootstrap-select button.btn-light {
    border: 0 none;
    height: 50px;
    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, 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, 0.1) 0,
        rgba(255, 255, 255, 0.9) 45.02%,
        #fff 86.62%
    );
}
.rbt-product-card {
    height: unset;
    overflow: visible;
    transition: var(--transition);
}
.rbt-product-card .rbt-card-img {
    border-radius: 8px 8px 0 0;
}
@media only screen and (max-width: 767px) {
    .rbt-product-card .rbt-card-img {
        border-radius: 4px 4px 0 0;
    }
}
.rbt-product-card .rbt-card-img.rbt-card-img-bg-blue {
    background-color: var(--color-element-bg-blue);
}
.rbt-product-card .rbt-card-img.rbt-card-img-bg-yellow {
    background-color: var(--color-element-bg-yellow);
}
.rbt-product-card .rbt-card-img.rbt-card-img-bg-green {
    background-color: var(--color-extra-six);
}
.rbt-product-card .rbt-card-img .rbt-btn {
    --margin-width: 16px;
    margin: 0 var(--margin-width);
    width: calc(100% - 2 * var(--margin-width));
}
.rbt-product-card .rbt-card-img .rbt-btn.bottom-position {
    position: absolute;
    bottom: 16px;
    left: 0;
}
.rbt-product-card .rbt-card-img .hover-appear-element {
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}
.rbt-product-card .rbt-card-img.rbt-bg-color-default {
    background: var(--color-brand-100);
}
.rbt-product-card .rbt-card-img.top-rounded-md {
    border-radius: 12px 12px 0 0;
}
.rbt-product-card .rbt-card-img.rbt-has-hover-img {
    position: relative;
    transition:
        opacity 0.4s ease,
        transform 0.6s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-product-card .rbt-card-img.rbt-has-hover-img .rbt-hover-img {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    transition:
        opacity 0.4s ease,
        transform 0.6s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-product-card .rbt-card-img.rbt-has-hover-img:hover .rbt-hover-img {
    opacity: 1;
    visibility: visible;
    transform: scale(1.04);
}
.rbt-product-card .rbt-card-img.rbt-has-hover-img:hover .rbt-prd-img {
    opacity: 0;
    visibility: hidden;
}
.rbt-product-card .rbt-card-img.rbt-has-hover-video {
    position: relative;
    transition:
        opacity 0.4s ease,
        transform 0.6s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-product-card .rbt-card-img.rbt-has-hover-video .rbt-hover-video {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    transition:
        opacity 0.4s ease,
        transform 0.6s cubic-bezier(0, 0, 0.34, 0.54);
    height: 100%;
}
.rbt-product-card .rbt-card-img.rbt-has-hover-video .rbt-hover-video video {
    object-fit: cover;
}
.rbt-product-card .rbt-card-img.rbt-has-hover-video:hover .rbt-hover-video {
    opacity: 1;
    visibility: visible;
    transform: scale(1.04);
}
.rbt-product-card .rbt-card-img.rbt-has-hover-video:hover .rbt-prd-img {
    opacity: 0;
    visibility: hidden;
}
.rbt-product-card .rbt-card-img.rbt-card-img-h-md img {
    min-height: 312px;
}
@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 0.6s cubic-bezier(0, 0, 0.34, 0.54);
    border: 1px solid var(--color-gray-200);
    border-radius: 8px;
    padding: 2px;
    margin: 0;
}
@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-product-switch-area .rbt-switcher-product-list li {
        width: 24px;
        padding: 1px;
    }
}
.rbt-product-card
    .rbt-product-switch-area
    .rbt-switcher-product-list
    li
    .rbt-switcher--prd {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}
.rbt-product-card
    .rbt-product-switch-area
    .rbt-switcher-product-list
    li
    .rbt-switcher--prd
    img {
    object-fit: cover;
    width: 100%;
    transform: scale(1);
    transition: all 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-product-card
    .rbt-product-switch-area
    .rbt-switcher-product-list
    li.active {
    border-color: var(--color-primary);
}
.rbt-product-card
    .rbt-product-switch-area
    .rbt-switcher-product-list
    li.active
    .rbt-switcher--prd
    img {
    transform: scale(1.2);
}
.rbt-product-card .rbt-product-switch-area .prd-link-text {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
}
@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-product-switch-area .prd-link-text {
        font-size: 8px;
    }
}
.rbt-product-card .rbt-product-feature-badge {
    border-radius: 40px;
    background: linear-gradient(90deg, #feedde 0, rgba(254, 237, 222, 0) 100%);
    padding: 4px 8px;
    margin-top: 8px;
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    font-weight: 600;
    display: inline-block;
    color: #cd6e00;
}
.rbt-product-card .inner {
    padding: 8px;
    border-radius: 12px;
    border: 2px solid var(--color-gray-200);
    background: var(--color-white);
    transition: var(--transition);
}
@media only screen and (max-width: 767px) {
    .rbt-product-card .inner {
        padding: 4px;
        border-radius: var(--radius);
    }
}
.rbt-product-card .rbt-quick-btn-grp {
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 0.4s ease,
        transform 0.4s cubic-bezier(0, 0, 0.34, 0.54);
    z-index: 2;
}
.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn {
    position: relative;
    padding: 0;
    background: 0 !important;
    display: block;
    border: 0;
}
.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn i {
    border-radius: var(--radius-full);
    height: 36px;
    width: 36px;
    background: var(--color-white);
    color: var(--color-primary);
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    transition: var(--transition);
}
@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn i {
        height: 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, 0.5);
    color: var(--color-gray-300);
}
.rbt-product-card
    .rbt-quick-btn-grp.hover-variation-one
    .rbt-quick-btn:first-child {
    opacity: 1;
    visibility: visible;
}
.rbt-product-card
    .rbt-quick-btn-grp.hover-variation-one
    .rbt-quick-btn.bg-light-one {
    background: 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 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
@media only screen and (max-width: 479px) {
    .rbt-product-card .prd-details-area {
        padding: 4px;
        padding-top: 8px;
        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 0.4s ease,
        transform 0.6s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-product-card.has-hover-box-shadow .inner {
    transition: all 0.6s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-product-card.has-hover-box-shadow:hover .inner {
    z-index: 5;
    position: relative;
    border-color: transparent;
    box-shadow: 0 10px 60px 0 rgba(0, 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, 0.1) !important;
}
.rbt-product-card.rbt-product-card-style-2 .product-hover-slider-list {
    transition: var(--transition);
}
.rbt-product-card.rbt-product-card-style-2 .rbt-card-body {
    margin-bottom: calc(-1 * var(--footer-h-sm));
    transition: var(--transition);
    background: var(--color-white);
    padding: 16px;
}
@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-2 .rbt-card-body {
        padding: 12px 8px;
    }
}
.rbt-product-card.rbt-product-card-style-2 .rbt-card-body:first-child {
    margin-top: 0 !important;
}
.rbt-product-card.rbt-product-card-style-2 .rbt-card-body.no-footer-body {
    margin-bottom: 0;
}
.rbt-product-card.rbt-product-card-style-2
    .rbt-card-body.has-rbt-top-right-corner-portion {
    position: relative;
}
.rbt-product-card.rbt-product-card-style-2
    .rbt-card-body.has-rbt-top-right-corner-portion
    .rbt-right-corner-portion {
    bottom: 99%;
    transition: 0.5s;
}
.rbt-product-card.rbt-product-card-style-2
    .rbt-card-body.rbt-card-body-top-botttom-space {
    padding: 16px 0;
}
.rbt-product-card.rbt-product-card-style-2.transform-variation-one
    .rbt-card-body {
    margin-bottom: -104px;
    padding: 16px;
    padding-top: 28px;
    background-color: var(--color-white);
}
@media only screen and (max-width: 575px) {
    .rbt-product-card.rbt-product-card-style-2.transform-variation-one
        .rbt-card-body {
        margin-bottom: -80px;
        padding-top: 12px;
        padding: 12px;
    }
}
.rbt-product-card.rbt-product-card-style-2.transform-variation-one:hover
    .rbt-card-body {
    transform: translateY(-104px);
}
@media only screen and (max-width: 575px) {
    .rbt-product-card.rbt-product-card-style-2.transform-variation-one:hover
        .rbt-card-body {
        transform: translateY(-80px);
    }
}
.rbt-product-card.rbt-product-card-style-2.transform-variation-two {
    overflow: unset;
    --footer-h-sm: 96px;
}
.rbt-product-card.rbt-product-card-style-2.transform-variation-two
    .rbt-card-body {
    padding: 16px;
}
.rbt-product-card.rbt-product-card-style-2.transform-variation-two
    .rbt-card-img
    img {
    transform: scale(1);
}
.rbt-product-card.rbt-product-card-style-2.transform-variation-two .card-inner {
    overflow: hidden;
    border-radius: 12px;
}
.rbt-product-card.rbt-product-card-style-2.transform-variation-two
    .background-expand {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: var(--color-white);
    border-radius: 12px;
    transition: transform 0.4s cubic-bezier(0.2, 0.75, 0.5, 1);
    pointer-events: none;
    z-index: -1;
}
.rbt-product-card.rbt-product-card-style-2.transform-variation-two
    .background-expand::before {
    content: '';
    position: absolute;
    z-index: -2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform-origin: center;
    background-color: transparent;
    background-color: transparent;
    opacity: 0;
    border-radius: 12px;
    box-shadow: var(--shadow-1);
    transition: opacity 0.4s cubic-bezier(0.2, 0.75, 0.5, 1);
}
.rbt-product-card.rbt-product-card-style-2.transform-variation-two:hover
    .background-expand {
    transform: scale(1.04, 1.04) translateY(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(0.96);
}
.rbt-product-card.rbt-product-card-style-2:hover .rbt-card-img img {
    transform: scale(1);
}
.rbt-product-card.rbt-product-card-style-2:hover .product-hover-slider-list {
    height: calc(100% - (var(--footer-h-sm)));
}
.rbt-product-card.rbt-product-card-style-2:hover .rbt-card-body {
    transform: translateY(calc(-1 * var(--footer-h-sm)));
}
.rbt-product-card.rbt-product-card-style-2:hover .rbt-card-body.no-footer-body {
    transform: none;
}
.rbt-product-card.rbt-product-card-style-2.wider-variation {
    transition: var(--transition);
    border-radius: 12px;
    padding: 16px;
    background: var(--color-white);
}
@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-2.wider-variation {
        padding: 12px;
    }
}
.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-card-body {
    background: var(--color-white) !important;
    padding: 16px 4px;
}
@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-card-body {
        padding: 12px 4px;
    }
}
.rbt-product-card.rbt-product-card-style-2.wider-variation
    .rbt-card-top-content.has-two-align {
    flex-wrap: nowrap;
    flex-direction: row;
}
.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-card-img {
    border-radius: 8px !important;
}
.rbt-product-card.rbt-product-card-style-2.wider-variation img {
    max-height: 375px;
    transition: var(--transition);
}
.rbt-product-card.rbt-product-card-style-2.wider-variation img.sm--size {
    opacity: 0;
    visibility: hidden;
}
.rbt-product-card.rbt-product-card-style-2.wider-variation
    .rbt-right-corner-portion {
    opacity: 1;
    visibility: visible;
    right: 0;
}
.rbt-product-card.rbt-product-card-style-2.wider-variation
    .rbt-color-select-area {
    justify-content: flex-end;
    gap: 8px 12px;
}
@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-2.wider-variation
        .rbt-color-select-area {
        flex-wrap: wrap;
    }
}
.rbt-product-card.rbt-product-card-style-2.wider-variation
    .rbt-corner-portion-wrapper {
    background: var(--color-white) !important;
}
.rbt-product-card.rbt-product-card-style-2.wider-variation
    .rbt-corner-portion-wrapper::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, 0.8);
    background: linear-gradient(
        168deg,
        rgba(255, 255, 255, 0.9) 0,
        rgba(255, 255, 255, 0.5) 100%
    );
    backdrop-filter: blur(50px);
    padding: 24px;
    padding-bottom: 28px;
}
@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-3 .rbt-card-body {
        padding: 8px;
        padding-bottom: 12px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-product-card.rbt-product-card-style-3 .rbt-card-body {
        padding: 8px;
        padding-bottom: 12px;
    }
}
.rbt-product-card.rbt-product-card-style-3.variation-two {
    border-radius: 8px;
}
.rbt-product-card.rbt-product-card-style-3.variation-two .rbt-card-body {
    width: fit-content;
    left: 50%;
    transform: translate(-50%, 50%);
    padding: 40px 80px;
    border-radius: 8px;
}
@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-3.variation-two .rbt-card-body {
        padding: 16px;
        padding-bottom: 24px;
    }
}
.rbt-product-card.rbt-product-card-style-3.variation-two .rbt-card-title-2 {
    white-space: nowrap;
}
.rbt-product-card.rbt-stock-out-product-card .rbt-card-img img,
.rbt-product-card.rbt-stock-out-product-card .rbt-card-img video {
    filter: grayscale(1);
    opacity: 0.9;
}
.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 0.3s;
    z-index: 0;
    border-radius: 40px;
}
@media only screen and (max-width: 1199px) {
    .rbt-nav-effect-activation .rbt-product-nav-grp {
        overflow-x: scroll;
    }
}
.rbt-nav-effect-activation .rbt-product-nav-grp::-webkit-scrollbar {
    display: none;
}
.rbt-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav.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);
}
.tooltip {
    position: relative;
    display: inline-block;
    opacity: 0;
    transition: opacity 0.15s linear;
    z-index: 9999;
    padding: 0 !important;
}
.tooltip.show {
    opacity: 1;
}
.tooltip-inner {
    color: var(--color-white);
    background: var(--color-black-opacity);
    padding: 6px 12px;
    border-radius: var(--radius);
    font-size: var(--font-size-b4);
    line-height: 1.4;
    text-align: center;
    max-width: 150px;
    transition: var(--transiton);
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
}
.tooltip-arrow::before {
    display: none;
}
.tooltip.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.is-visible {
    transform: translateY(0);
}
.rbt-toaster-style-2.isVisible {
    transform: translateY(0) scale(1);
    opacity: 1;
    visibility: visible;
}
.rbt-toaster-style-2 .rbt-close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    background: var(--color-brand-100);
    border: none;
    border-radius: var(--radius-full);
    font-size: var(--font-size-b3);
    position: absolute;
    right: -12px;
    top: -12px;
    transition: var(--transition-2);
}
.rbt-toaster-style-2 .rbt-close-btn i {
    transition: var(--transition-2);
}
.rbt-toaster-style-2 .rbt-close-btn:hover {
    transform: scale(0.9);
}
.rbt-toaster-style-2 .rbt-close-btn:hover i {
    transform: scale(1.1);
    color: var(--color-primary);
}
.rbt-cookies {
    max-width: fit-content;
    border-radius: var(--radius-60);
    border: 2px solid var(--color-extra-four);
    background: var(--color-white);
    padding: 16px 24px;
    box-shadow: var(--shadow-6);
    display: flex;
    gap: 8px;
    align-items: center;
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%) translateY(150%) scale(0.85);
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    transition: all 0.4s ease-in-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-cookies {
        bottom: 72px;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-cookies {
        flex-direction: column;
        border-radius: var(--radius-12);
        padding: 12px;
        bottom: 72px;
    }
}
.rbt-cookies.position-bottom-left {
    left: 24px;
    bottom: 24px;
    transform: translateX(-20%) scale(0.8);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-cookies.position-bottom-left {
        left: 16px;
        bottom: 72px;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-cookies.position-bottom-left {
        bottom: 80px;
    }
}
.rbt-cookies.position-bottom-left.isVisible {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.rbt-cookies.position-bottom-right {
    right: 24px;
    bottom: 24px;
    transform: translateX(100%) scale(0.8);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-cookies.position-bottom-right {
        left: 16px;
        bottom: 72px;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-cookies.position-bottom-right {
        bottom: 80px;
    }
}
.rbt-cookies.position-bottom-right.isVisible {
    transform: translateX(50%) scale(1);
    opacity: 1;
    visibility: visible;
}
.rbt-cookies.isVisible {
    transform: translateX(-50%) translateY(0) scale(1);
    opacity: 1;
    visibility: visible;
}
.rbt-cookies .rbt-icon {
    height: 48px;
    min-width: 48px;
}
.rbt-cookies .rbt-content {
    display: flex;
    gap: 16px;
    align-items: center;
}
@media only screen and (max-width: 767px) {
    .rbt-cookies .rbt-content {
        flex-direction: column;
    }
}
.rbt-cookies .rbt-content .rbt-cookie-info {
    width: 267px;
}
@media only screen and (max-width: 767px) {
    .rbt-cookies .rbt-content .rbt-cookie-info {
        text-align: center;
    }
}
.rbt-cookies .rbt-content .rbt-btn-link {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
}
@media only screen and (max-width: 767px) {
    .rbt-cookies .rbt-content .rbt-btn-group {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-cookies .rbt-content .rbt-btn-group .rbt-btn {
        flex-basis: 48%;
    }
}
.rbt-cookies .rbt-close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    border: none;
    border-radius: var(--radius-full);
    background: 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: 10px 12px;
    }
}
.rbt-single-product-area .payment-img-link li img {
    max-height: 28px;
}
.rbt-single-product-area .description-text {
    margin-top: 16px;
    color: var(--color-gray-500);
    margin-bottom: 0;
}
@media only screen and (max-width: 479px) {
    .rbt-single-product-area .description-text {
        margin-top: 8px;
    }
}
.rbt-single-product-area .rbt-category {
    margin-bottom: 15px;
}
.rbt-single-product-area .rbt-card-rating {
    display: flex;
    align-items: center;
    margin-top: 8px;
    gap: 8px;
}
.rbt-single-product-area .rbt-card-rating .rating-digit {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    color: var(--color-gray-700);
    font-weight: var(--f-medium);
    margin-bottom: 0;
}
.rbt-single-product-area .pricing-part {
    margin-top: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    color: var(--color-black);
}
@media only screen and (max-width: 767px) {
    .rbt-single-product-area .pricing-part {
        font-size: 16px;
        margin-top: 8px;
        gap: 4px;
    }
}
.rbt-single-product-area .pricing-part del {
    font-weight: var(--f-medium);
    color: var(--color-gray-400);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
}
@media only screen and (max-width: 767px) {
    .rbt-single-product-area .pricing-part del {
        font-size: 14px;
    }
}
.rbt-single-product-area .rbt-info-wrapper {
    display: flex;
    align-items: center;
    margin-top: 16px;
    gap: 8px 0;
    flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
    .rbt-single-product-area .rbt-info-wrapper {
        margin-top: 8px;
    }
}
.rbt-single-product-area .rbt-product-card .rbt-card-body .right-part {
    align-items: start;
}
.rbt-single-product-area .prd-info-section {
    display: flex;
    gap: 8px;
    align-items: center;
}
.rbt-single-product-area .prd-info-section.has-left-separator {
    padding-left: 16px;
    position: relative;
    margin-left: 16px;
}
@media only screen and (max-width: 767px),
    only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-single-product-area .prd-info-section.has-left-separator {
        margin-left: 8px;
        padding-left: 0;
    }
}
.rbt-single-product-area .prd-info-section.has-left-separator::before {
    content: '';
    display: block;
    height: 18px;
    width: 2px;
    background: var(--color-gray-200);
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
@media only screen and (max-width: 767px),
    only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-single-product-area .prd-info-section.has-left-separator::before {
        display: none;
    }
}
.rbt-single-product-area .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: 600;
    color: var(--color-heading);
}
.rbt-single-product-area .product-styles-grp {
    display: flex;
    gap: 8px 16px;
    margin-top: 16px;
    align-items: baseline;
}
.rbt-single-product-area .product-styles-grp .content {
    display: flex;
    gap: 6px;
}
.rbt-single-product-area .product-styles-grp .content .rbt-btn {
    padding: 0 16px;
    color: var(--color-primary);
}
.rbt-single-product-area .product-styles-grp .content .rbt-btn.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 0.3s;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 2px dashed var(--color-gray-200);
    border-radius: 8px;
    text-align: center;
    transition: border-color 0.3s;
    padding: 32px;
    position: relative;
    background: var(--color-gray-light);
}
@media only screen and (max-width: 767px) {
    .rbt-file-upload-container .file-upload-area {
        padding: 32px;
    }
    .rbt-file-upload-container .file-upload-area .file-upload-content {
        flex-wrap: wrap;
    }
}
.rbt-file-upload-container .file-upload-area.dragging {
    border-color: var(--color-primary);
}
.rbt-file-upload-container .file-upload-content {
    display: flex;
    align-items: center;
    gap: 8px;
}
.rbt-file-upload-container .rbt-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, 0.1);
    background-color: var(--color-gray-200);
    border-radius: 40px;
    height: 337px;
}
.rbt-file-upload-container .file-list::-webkit-scrollbar {
    width: 4px;
    height: 337px;
    background-color: var(--color-gray-200);
}
.rbt-file-upload-container .file-list::-webkit-scrollbar-thumb {
    border-radius: 40px;
    background-color: var(--color-gray-400);
}
.rbt-file-upload-container .file-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: 4px;
    padding: 10px;
    margin-top: 16px;
}
.rbt-file-upload-container .file-name {
    flex: 1;
}
.rbt-file-upload-container .cancel-button {
    background-color: var(--color-gray-200);
    color: var(--color-heading);
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: var(--transition);
}
.rbt-file-upload-container .cancel-button:hover {
    background-color: var(--color-danger);
    color: var(--color-white);
}
.rbt-single-product-media-area.position-sticky-top {
    position: sticky;
    top: 150px;
}
@media only screen and (max-width: 767px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-single-product-media-area {
        justify-content: center;
        gap: 16px !important;
        flex-wrap: wrap;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-single-product-media-area {
        flex-wrap: nowrap;
    }
}
.rbt-single-product-media-area
    .rbt-thumb-slide-part
    .swiper-slide
    button
    .rbt-thumb-img-sm
    img {
    border: 2px solid transparent;
    transition: var(--transition);
    max-height: 120px;
}
@media only screen and (max-width: 767px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-single-product-media-area
        .rbt-thumb-slide-part
        .swiper-slide
        button
        .rbt-thumb-img-sm
        img {
        max-height: unset;
    }
}
.rbt-single-product-media-area
    .rbt-thumb-slide-part
    .swiper-slide-thumb-active.swiper-slide
    button
    .rbt-thumb-img-sm
    img {
    border-color: var(--color-primary);
}
.rbt-single-product-content > :first-child {
    margin-top: 0 !important;
}
.rbt-single-product-content.rbt-single-product-content-sticky-one {
    position: sticky;
    top: 150px;
}
.rbt-single-product-content.rbt-content-top-sticky-on-img {
    position: sticky;
    top: 150px;
    margin-top: -240px;
    padding: 32px;
    z-index: 2;
    border-radius: 16px;
    border: 2px solid var(--color-gray-200);
    background: var(--gradient-white-b);
    backdrop-filter: blur(50px);
    width: 488px;
    margin-left: 48px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-single-product-content.rbt-content-top-sticky-on-img {
        margin-left: 0;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rbt-single-product-content.rbt-content-top-sticky-on-img {
        margin-left: 0;
    }
}
@media only screen and (max-width: 1199px) {
    .rbt-single-product-content.rbt-content-top-sticky-on-img {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
    }
}
.rbt-single-product-content.rbt-content-top-sticky-on-img.rbt-content-top-sticky-on-img-vr {
    margin-left: 0;
    margin-right: -160px;
    width: 960px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-single-product-content.rbt-content-top-sticky-on-img.rbt-content-top-sticky-on-img-vr {
        margin-right: 0;
    }
}
@media only screen and (max-width: 1199px) {
    .rbt-single-product-content.rbt-content-top-sticky-on-img.rbt-content-top-sticky-on-img-vr {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }
}
.rbt-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-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;
    }
}
.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 .rbt-btn {
    cursor: not-allowed;
    position: absolute;
    right: 16px;
    top: 16px;
}
.rbt-combo-prd-box .rbt-title {
    font-weight: 700;
}
.rbt-combo-prd-box .rbt-prd-img-area.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.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 .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
    .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-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);
}
.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-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-combo-prd-content-section .rbt-button-group {
    display: flex;
    margin: 0;
    gap: 16px;
}
.rbt-color-select-area {
    display: flex;
    align-items: center;
    gap: 12px 6px;
    margin-bottom: 0;
}
@media only screen and (max-width: 479px) {
    .rbt-color-select-area {
        flex-wrap: wrap;
    }
}
.rbt-color-select-area .rbt-switcher-color-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 8px;
}
@media only screen and (max-width: 479px),
    only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-color-select-area .rbt-switcher-color-list {
        gap: 4px;
    }
}
.rbt-color-select-area .rbt-switcher-color-list li {
    margin: 0;
}
.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color {
    display: block;
    transition: var(--transition);
    border-radius: var(--radius-full);
    position: relative;
    height: 24px;
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color {
        height: 20px;
        width: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color {
        height: 12px;
        width: 12px;
    }
}
.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color::after {
    content: '';
    height: 100%;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    border: 1px solid var(--color-gray-200);
    border-radius: var(--radius-full);
    transition: all 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
@media only screen and (max-width: 479px) {
    .rbt-color-select-area
        .rbt-switcher-color-list
        li
        .rbt-switcher--color::after {
        height: 12px;
        width: 12px;
    }
}
.rbt-color-select-area
    .rbt-switcher-color-list
    li
    .rbt-switcher--color
    .rbt-color-circle {
    height: calc(100% - 8px);
    width: calc(100% - 8px);
    border-radius: var(--radius-full);
    display: block;
    transition: transform 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
@media only screen and (max-width: 479px) {
    .rbt-color-select-area
        .rbt-switcher-color-list
        li
        .rbt-switcher--color
        .rbt-color-circle {
        height: 8px;
        width: 8px;
    }
}
.rbt-color-select-area
    .rbt-switcher-color-list
    li
    .rbt-switcher--color.rbt-switcher--color-one
    .rbt-color-circle {
    background: #2b2b2b;
}
.rbt-color-select-area
    .rbt-switcher-color-list
    li
    .rbt-switcher--color.rbt-switcher--color-two
    .rbt-color-circle {
    background: #caa1a4;
}
.rbt-color-select-area
    .rbt-switcher-color-list
    li
    .rbt-switcher--color.rbt-switcher--color-three
    .rbt-color-circle {
    background: #9c9b9e;
}
.rbt-color-select-area
    .rbt-switcher-color-list
    li
    .rbt-switcher--color.rbt-switcher--color-four
    .rbt-color-circle {
    background: #f2ede7;
}
.rbt-color-select-area
    .rbt-switcher-color-list
    li
    .rbt-switcher--color.rbt-switcher--color-five
    .rbt-color-circle {
    background: #b4b7c5;
}
.rbt-color-select-area .rbt-switcher-color-list li.active .rbt-switcher--color {
    background: 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(0.875);
}
.rbt-color-select-area .rbt-switcher-color-list.rbt-switcher-color-list-lg {
    gap: 16px;
}
@media only screen and (max-width: 767px) {
    .rbt-color-select-area .rbt-switcher-color-list.rbt-switcher-color-list-lg {
        gap: 8px;
    }
}
.rbt-color-select-area
    .rbt-switcher-color-list.rbt-switcher-color-list-lg
    li
    .rbt-switcher--color
    .rbt-color-circle {
    height: 24px;
    width: 24px;
}
@media only screen and (max-width: 767px) {
    .rbt-color-select-area
        .rbt-switcher-color-list.rbt-switcher-color-list-lg
        li
        .rbt-switcher--color
        .rbt-color-circle {
        height: 12px;
        width: 12px;
    }
}
.rbt-color-select-area
    .rbt-switcher-color-list.rbt-switcher-color-list-lg
    li
    .rbt-switcher--color::after {
    height: calc(100% + 12px);
    width: calc(100% + 12px);
}
@media only screen and (max-width: 767px) {
    .rbt-color-select-area
        .rbt-switcher-color-list.rbt-switcher-color-list-lg
        li
        .rbt-switcher--color::after {
        height: 16px;
        width: 16px;
    }
}
.rbt-color-select-area .prd-link-text {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
}
@media only screen and (max-width: 479px) {
    .rbt-color-select-area .prd-link-text {
        font-size: 10px;
        line-height: 1;
    }
}
.rbt-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 .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 .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;
}
.rbt-remaining-popup {
    background: var(--color-white);
    display: flex;
    align-items: center;
    max-width: 524px;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%) translateX(90%) scale(0.2);
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    box-shadow: var(--shadow-1);
    border-radius: var(--radius-10);
    overflow: hidden;
    transition: var(--transition);
}
@media only screen and (max-width: 767px) {
    .rbt-remaining-popup {
        max-width: 220px;
        flex-wrap: wrap;
    }
}
.rbt-remaining-popup.isVisible {
    transform: translateY(-50%) translateX(0) scale(1);
    opacity: 1;
    visibility: visible;
}
.rbt-remaining-popup .rbt-close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    border: none;
    border-radius: var(--radius-full);
    background: var(--color-gray-light);
    font-size: var(--font-size-b3);
    position: absolute;
    top: 16px;
    right: 16px;
    transition: var(--transition-2);
}
.rbt-remaining-popup .rbt-close-btn i {
    transition: var(--transition-2);
}
.rbt-remaining-popup .rbt-close-btn:hover {
    background: var(--color-black);
    transform: scale(0.9);
    color: var(--color-white);
}
.rbt-remaining-popup .rbt-close-btn:hover i {
    transform: scale(1.1);
    color: var(--color-white);
}
.rbt-remaining-popup .rbt-product-img {
    min-width: 212px;
    min-height: 212px;
    width: 212px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-brand-200);
}
@media only screen and (max-width: 767px) {
    .rbt-remaining-popup .rbt-product-img {
        width: 100%;
    }
}
.rbt-remaining-popup .rbt-content {
    padding: 24px 16px;
}
.rbt-notify-box .rbt-input-field {
    border-radius: var(--radius-60);
}
.rbt-alternate-product-box .minicart-item:hover .thumbnail img {
    transform: scale(1.05);
}
.rbt-alternate-product-box .thumbnail {
    width: 130px;
    height: 100px;
    border-radius: var(--radius-10);
    overflow: hidden;
    background: var(--color-white);
}
@media only screen and (max-width: 767px) {
    .rbt-alternate-product-box .thumbnail {
        width: 88px;
        height: 78px;
    }
}
.rbt-alternate-product-box .thumbnail img {
    transition: var(--transition);
}
.rbt-alternate-product-box .rbt-minicart-wrapper .minicart-item {
    min-width: unset;
}
.rbt-alternate-product-box .rbt-minicart-wrapper .thumbnail a img {
    width: unset;
}
.rbt-alternate-product-box .product-content {
    max-width: 260px;
}
.rbt-scroll-vertical {
    overflow-y: overlay;
    scrollbar-gutter: stable;
    max-height: 100%;
}
.rbt-scroll-vertical::-webkit-scrollbar {
    width: 6px;
    transition: width 0.4s ease;
}
.rbt-scroll-vertical::-webkit-scrollbar-thumb {
    background-color: var(--color-black) !important;
    border-radius: 40px;
}
.rbt-scroll-vertical::-webkit-scrollbar-track {
    border-radius: 40px;
    background-color: var(--color-gray-300) !important;
    padding: 1px;
}
.rbt-scroll-vertical:hover::-webkit-scrollbar {
    width: 6px;
}
.rbt-scroll-vertical.rbt-vertical-height-sm {
    max-height: 216px;
    scrollbar-width: thin;
}
.rbt-save-more-box-list.rbt-list-row .rbt-single-box .rbt-label .pricing-part {
    order: 2;
}
.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 0.4s ease,
        clip 0.4s cubic-bezier(0, 0, 0.34, 0.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 .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 .rbt-block-banner-img.mt--32 {
        margin-top: 0 !important;
    }
}
.rbt-single-product-area .content.rbt-scroll-vertical {
    padding-right: 16px;
    max-height: 313px;
}
.rbt-single-product-media-area .thumbnail {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    border: 0;
    padding: 0;
}
.rbt-single-product-media-area .swiper-thumbs .thumbnail {
    border-radius: 4px;
    border: 2px solid var(--color-border);
}
.rbt-single-product-media-area .swiper-slide-thumb-active .thumbnail {
    border-color: var(--color-primary);
}
.rbt-store-variation-controls .rbt-info-wrapper .prd-id-text {
    flex-direction: column;
    align-items: start;
}
.rbt-store-variation-controls .rbt-variation-label {
    display: flex;
    gap: 8px;
}
.rbt-store-variation-controls .rbt-disabled {
    filter: grayscale(1);
    opacity: 0.9;
    pointer-events: none;
}
.rbt-store-variation-controls .rbt-disabled.rbt-switcher--color {
    filter: unset;
    opacity: 1;
}
.rbt-store-variation-controls .dropdown-menu .disabled {
    background: var(--color-gray-200) !important;
}
.rbt-store-variation-controls.rbt-store-variation-controls-verticle
    .prd-info-section {
    width: 100%;
}
.rbt-store-variation-controls.rbt-store-variation-controls-verticle
    .prd-id-text {
    width: 100%;
    justify-content: space-between;
    flex-direction: row;
}
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, 0.5);
    cursor: 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(0.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: 0.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 .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);
    }
}
@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;
}
@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-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 .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:hover .close-btn {
    opacity: 1;
    visibility: visible;
}
.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-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: 10px;
}
.rbt-breadcrumb-inner .rbt-breadcrumb-title {
    font-weight: 400;
}
.rbt-breadcrumb-inner .rbt-breadcrumb-title span {
    font-weight: 700;
}
.rbt-breadcrumb-inner .rbt-breadcrumb-page-list {
    margin: 0;
    margin-top: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    gap: 10px;
}
@media only screen and (max-width: 767px) {
    .rbt-breadcrumb-inner .rbt-breadcrumb-page-list {
        flex-wrap: wrap;
    }
}
.rbt-breadcrumb-inner .rbt-breadcrumb-page-list li {
    margin: 0;
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-medium);
    color: var(--color-gray-400);
}
.rbt-breadcrumb-two {
    padding: 24px 0;
}
@media only screen and (max-width: 767px) {
    .rbt-breadcrumb-two {
        padding: 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 .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-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 0.4s;
    position: relative;
    margin-top: 24px;
}
.rbt-brand.style-one.rbt-content-transform-style .prd-text {
    transition: all 0.4s;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    color: var(--color-heading);
    text-align: center;
    width: 100%;
    transform: translateY(10px);
}
.rbt-brand.style-one.rbt-content-transform-style .prd-text .prd-number {
    font-weight: 500;
    text-decoration: underline;
    color: var(--color-primary);
}
.rbt-brand.style-one.rbt-content-transform-style .discount-text {
    transition: all 0.4s;
    margin-top: 0;
}
.rbt-brand.style-one.rbt-content-transform-style:hover .prd-text {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.rbt-brand.style-one.rbt-content-transform-style:hover .discount-text {
    visibility: hidden;
    transform: translateY(-10px);
    opacity: 0;
}
.rbt-brand.style-two {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    border-radius: 8px;
    padding-top: 120px;
    min-height: 245px;
}
.rbt-brand.style-two .rbt-brand-inner {
    z-index: 2;
    display: flex;
    flex-direction: column;
    color: var(--color-white);
}
.rbt-brand.style-two .title {
    margin-bottom: 4px;
    color: var(--color-white);
}
.rbt-brand.style-two .brand-image {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 8px;
    overflow: hidden;
}
.rbt-brand.style-two .brand-image img {
    max-height: 245px;
    border-radius: 8px;
    transition: var(--transition);
    width: 100%;
    transform: scale(1.04);
    min-height: 100%;
}
.rbt-brand.style-two .brand-image::after {
    content: '';
    position: absolute;
    border-radius: 0 0 8px 8px;
    width: 100%;
    height: 60%;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0) 100%);
}
.rbt-brand.style-two .prd-text {
    transition: all 0.4s;
    color: var(--color-white);
}
.rbt-brand.style-two .prd-text .prd-number {
    font-weight: 500;
    text-decoration: underline;
    color: var(--color-white);
}
.rbt-brand.style-two .sm-logo {
    bottom: 0;
    position: absolute;
    padding: 3px;
    border-radius: var(--radius-full);
    height: 72px;
    width: 72px;
    background: var(--color-white);
    z-index: 3;
    margin-bottom: -36px;
}
.rbt-brand.style-two:hover .brand-image img {
    transform: none;
}
.rbt-brand.style-three .brand-image {
    max-height: 60px;
    width: auto;
}
.rbt-brand.style-three .desc {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    margin-bottom: 16px;
}
.rbt-brand.style-three .rbt-btn.rbt-btn-sm {
    padding: 0 18px;
}
.rbt-brand.style-four .rbt-brand-inner {
    padding: 18px 42px;
    background: var(--color-gray-light);
    border-radius: 12px;
}
@media only screen and (max-width: 767px) {
    .rbt-brand.style-four .rbt-brand-inner {
        padding: 12px;
        border-radius: 6px;
    }
}
.rbt-brand.style-four .rbt-brand-inner .brand-image img {
    transition: var(--transition);
}
.rbt-brand.style-four:hover .brand-image img {
    transform: scale(1.1);
}
.rbt-brand.style-five {
    flex-basis: 30%;
    display: flex;
    justify-content: center;
    transition: 0.3s;
}
.rbt-brand.style-five .rbt-brand-inner .rbt-brand-image {
    width: 56px;
    height: 56px;
    border-radius: var(--radius-full);
    margin: 0 auto;
    background: var(--color-gray-100);
}
.rbt-brand.style-five .rbt-brand-inner .rbt-brand-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}
.rbt-brand.style-five .rbt-brand-inner .brand-title {
    color: var(--color-gray-700);
    text-align: center;
    font-family: var(--font-primary);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: var(--f-medium);
    margin-top: 8px;
    margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-brand.style-five .rbt-brand-inner .brand-title {
        font-size: var(--font-size-b3);
    }
}
.rbt-brand.style-five:hover {
    transform: translateY(-3px);
}
.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, 0.5) 0, rgba(0, 0, 0, 0.5) 100%),
        50% / cover no-repeat;
    opacity: 0.5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: var(--transition);
    visibility: hidden;
    opacity: 0;
}
.rbt-instapost.rbt-instapost-style-one .insta-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 48px;
    color: var(--color-white);
    z-index: 1;
    transition: var(--transition);
    visibility: hidden;
    opacity: 0;
    line-height: 1;
}
.rbt-instapost.rbt-instapost-style-one .insta-icon.insta-icon-sm {
    font-size: 28px;
}
.rbt-instapost.rbt-instapost-style-one .insta-icon.insta-icon-md {
    font-size: 36px;
}
.rbt-instapost.rbt-instapost-style-one .instapost-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 48px;
    color: var(--color-white);
    z-index: 1;
    transition: var(--transition);
    visibility: hidden;
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    cursor: pointer;
}
.rbt-instapost.rbt-instapost-style-one .instapost-content .insta-icon {
    position: static;
    transform: none;
}
.rbt-instapost.rbt-instapost-style-one:hover .instapost-img::after {
    opacity: 1;
    visibility: visible;
}
.rbt-instapost.rbt-instapost-style-one:hover .insta-icon {
    opacity: 1;
    visibility: visible;
}
.rbt-instapost.rbt-instapost-style-one:hover .instapost-content {
    opacity: 1;
    visibility: visible;
}
.rbt-instapost.rbt-instapost-style-one.rounded {
    border-radius: var(--radius-full) !important;
    position: relative;
    overflow: hidden;
}
.rbt-instapost.rbt-instapost-style-one.rounded .instapost-img img {
    border-radius: var(--radius-full) !important;
    height: 200px;
    width: 200px;
    border-radius: var(--radius-full) !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-instapost.rbt-instapost-style-one.rounded .instapost-img img {
        height: 120px;
        width: 120px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-instapost.rbt-instapost-style-one.rounded .instapost-img img {
        height: 170px;
        width: 170px;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-instapost.rbt-instapost-style-one.rounded .instapost-img img {
        height: 100px;
        width: 100px;
    }
}
.rbt-instapost.rbt-instapost-style-one.rbt-instapost-boxed-round-style {
    border-radius: 0;
}
.rbt-instapost .rbt-btn-link {
    color: var(--color-gray-light);
}
@media only screen and (max-width: 767px) {
    .rbt-instapost .rbt-btn-link {
        display: none;
    }
}
.rbt-instapost .rbt-btn-link:hover {
    color: var(--color-white) !important;
}
.rbt-instapost-grp .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 .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-product-card .rbt-card-body .pricing-part {
    flex-wrap: wrap;
}
.rbt-social-default {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: center;
    margin: -5px;
}
.rbt-social-default li {
    margin: 5px;
}
@media only screen and (max-width: 767px) {
    .rbt-social-default li {
        margin: 5px 2px;
    }
}
.rbt-social-default li a {
    width: 48px;
    background-color: var(--color-gray-light);
    height: 48px;
    line-height: 1;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-full);
    transition: var(--transition);
    color: var(--color-body);
    position: relative;
    z-index: 1;
}
@media only screen and (max-width: 767px) {
    .rbt-social-default li a {
        height: 40px;
        width: 40px;
        line-height: 40px;
    }
}
@media only screen and (max-width: 479px) {
    .rbt-social-default li a {
        width: 28px;
        height: 28px;
        line-height: 28px !important;
        font-size: 12px;
    }
}
.rbt-social-default li a::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: var(--color-primary);
    transform: scale(0.5);
    opacity: 0;
    transition: var(--transition);
    border-radius: var(--radius-full);
}
.rbt-social-default li a:hover {
    color: var(--color-white);
}
.rbt-social-default li a:hover::after {
    transform: scale(1);
    opacity: 1;
}
.rbt-social-default li a i {
    vertical-align: middle;
}
.rbt-social-default.rbt-social-default-v1 li a::after {
    display: none;
}
.rbt-social-default.rbt-social-default-v1 li a i {
    transition: var(--transition);
}
.rbt-social-default.rbt-social-default-v1 li a:hover i {
    transform: scale(1.2);
}
.rbt-social-default.social-icon-md li a {
    width: 40px;
    height: 40px;
}
.rbt-social-default.social-icon-md li a i {
    vertical-align: middle;
}
@media only screen and (max-width: 767px) {
    .rbt-social-default.social-icon-md li a {
        width: 35px;
        height: 35px;
    }
}
@media only screen and (max-width: 479px) {
    .rbt-social-default.social-icon-md li a {
        width: 28px;
        height: 28px;
        line-height: 28px !important;
        font-size: 12px;
    }
}
.rbt-social-default.social-icon-sm li a {
    width: 32px;
    height: 32px;
}
.rbt-social-default.social-icon-sm li a i {
    vertical-align: middle;
}
.rbt-social-default.transparent-with-border li a {
    line-height: 41px;
    background: 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(0.5);
}
.rbt-social-default.with-bg-white li a:hover {
    color: var(--color-primary) !important;
}
.rbt-social-default.with-bg-white li a:hover::after {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
.rbt-social-default.icon-naked {
    margin: -10px;
}
.rbt-social-default.icon-naked li {
    margin: 10px;
}
.rbt-social-default.icon-naked li a {
    background: 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: 0.7;
}
.rbt-social-default.color-white li a {
    color: var(--color-white);
}
.rbt-social-share-box {
    background: var(--color-white);
    position: absolute;
    z-index: 99;
    padding: 24px;
    border-radius: var(--radius-12);
    box-shadow: var(--shadow-4);
    top: calc(100% + 36px);
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}
.rbt-social-share-box.show-share-option {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    visibility: visible;
}
.rbt-social-share-box .rbt-indicator-shape {
    position: absolute;
    bottom: calc(100% - 4px);
    left: 50%;
    transform: translateX(-50%);
}
.rbt-social-share-box .rbt-social-box-inner {
    position: relative;
    z-index: 1;
}
.rbt-social-share-box .rbt-close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    border: none;
    background: var(--color-brand-100);
    border-radius: var(--radius-full);
}
.rbt-social-share-box .rbt-close-btn i {
    font-size: 16px;
    transition: var(--transition);
}
.rbt-social-share-box .rbt-close-btn:hover {
    transform: scale(0.95);
}
.rbt-social-share-box .rbt-close-btn:hover i {
    transform: scale(1.2);
    color: var(--color-primary);
}
.rbt-lookbook-dot {
    display: block;
    height: 32px;
    width: 32px;
    background: var(--color-primary);
    border-radius: var(--radius-full);
    border: 9px solid var(--color-white);
    padding: 0;
    position: absolute;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-lookbook-dot {
        height: 24px;
        width: 24px;
        border: 6px solid var(--color-white);
    }
}
@media only screen and (max-width: 767px) {
    .rbt-lookbook-dot {
        height: 16px;
        width: 16px;
        border: 5px solid var(--color-white);
        z-index: 9;
    }
}
.rbt-lookbook-dot::after {
    content: '';
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    inset: -8px;
    display: block;
    animation: rbt-dot-scaler 2s ease infinite;
    border-radius: var(--radius-full);
    backface-visibility: hidden;
    perspective: 800px;
}
.rbt-lookbook-banner .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, 0.35);
    border-radius: 12px;
    text-align: center;
    opacity: 0;
    transition:
        opacity 0.25s ease,
        visibility 0.25s ease,
        transform 0.25s ease;
}
.rbt-lookbook-banner
    .rbt-lookbook-portion
    .rbt-lookbook-dot-content.lookbook-content-width--420 {
    width: 420px;
    max-width: 420px;
}
.rbt-lookbook-banner
    .rbt-lookbook-portion
    .rbt-lookbook-dot-content.placed-bottom {
    top: 64px;
    left: 50%;
    transform: translateX(-50%) translateY(20px) translateZ(0);
}
.rbt-lookbook-banner
    .rbt-lookbook-portion
    .rbt-lookbook-dot-content.placed-top {
    bottom: 64px;
    left: 50%;
    transform: translateX(-50%) translateY(-20px) translateZ(0);
}
.rbt-lookbook-banner
    .rbt-lookbook-portion
    .rbt-lookbook-dot-content.placed-left {
    top: 50%;
    right: 64px;
    transform: translateX(-20px) translateY(-50%) translateZ(0);
}
.rbt-lookbook-banner
    .rbt-lookbook-portion
    .rbt-lookbook-dot-content.placed-right {
    top: 50%;
    left: 64px;
    transform: translateX(20px) translateY(-50%) translateZ(0);
}
.rbt-lookbook-banner
    .rbt-lookbook-portion
    .rbt-lookbook-dot-content
    .rbt-card.card-list-styled {
    border-radius: 12px;
    width: 100%;
    height: auto;
}
.rbt-lookbook-banner
    .rbt-lookbook-portion
    .rbt-lookbook-dot-content
    .rbt-card.card-list-styled
    .rbt-card-img {
    border-radius: 12px 0 0 12px;
    max-width: 175px;
}
.rbt-lookbook-banner
    .rbt-lookbook-portion
    .rbt-lookbook-dot-content
    .rbt-card.card-list-styled
    .rbt-card-img
    img {
    border-radius: 12px 0 0 12px;
}
.rbt-lookbook-banner .rbt-lookbook-portion:hover .rbt-lookbook-dot-content {
    visibility: visible;
    opacity: 1;
    transform: none;
    pointer-events: visible;
}
.rbt-lookbook-banner
    .rbt-lookbook-portion:hover
    .rbt-lookbook-dot-content.placed-bottom {
    transform: translateX(-50%) translateY(0);
}
.rbt-lookbook-banner
    .rbt-lookbook-portion:hover
    .rbt-lookbook-dot-content.placed-top {
    transform: translateX(-50%) translateY(0);
}
.rbt-lookbook-banner
    .rbt-lookbook-portion:hover
    .rbt-lookbook-dot-content.placed-left {
    transform: translateX(0) translateY(-50%);
}
.rbt-lookbook-banner
    .rbt-lookbook-portion:hover
    .rbt-lookbook-dot-content.placed-right {
    transform: translateX(0) translateY(-50%);
}
.rbt-lookbook-banner.hover-appeardot-style .rbt-lookbook-portion {
    opacity: 0;
    visibility: hidden;
}
@media only screen and (max-width: 1199px) {
    .rbt-lookbook-banner.hover-appeardot-style .rbt-lookbook-portion {
        opacity: 1;
        visibility: visible;
    }
}
.rbt-lookbook-banner.hover-appeardot-style:hover .rbt-lookbook-portion {
    opacity: 1;
    visibility: visible;
}
.rbt-lookbook-section.lookbook-listbanner-style.lookbook-listbanner-style-one
    .lookbook-right-portion
    .title {
    color: var(--color-white);
    font-size: 36px;
    line-height: 1.3;
}
@media only screen and (max-width: 767px) {
    .rbt-lookbook-section.lookbook-listbanner-style.lookbook-listbanner-style-one
        .lookbook-right-portion
        .title {
        font-size: 24px;
    }
}
@keyframes rbt-dot-scaler {
    0% {
        opacity: 0;
        transform: scale(0.2);
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
        transform: scale(0.8);
    }
}
.rbt-dot-lookbok-product-wrapper > button {
    position: fixed;
    right: 30px;
    top: 30px;
    width: 40px;
    height: 40px;
    background: var(--color-gray-light);
    font-size: 16px;
    line-height: 40px;
    border: 0;
    color: var(--color-heading);
    border-radius: var(--radius-full);
    display: none;
    box-shadow: var(--shadow-1);
    font-size: 16px;
}
.rbt-lookbook-box-content .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);
}
@media (max-width: 992px) {
    .rbt-dot-lookbok-product-wrapper > button {
        display: block;
    }
    .rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content {
        transform: unset;
    }
    .rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content {
        position: static;
        transition: all 0s;
    }
    .rbt-dot-lookbok-product-wrapper {
        position: fixed;
        opacity: 0;
        visibility: hidden;
        left: 0;
        top: 0;
        transition: all 0.3s;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.6);
        z-index: -1;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .rbt-lookbook-banner
        .rbt-lookbook-portion:hover
        .rbt-dot-lookbok-product-wrapper {
        opacity: 1;
        visibility: visible;
    }
    .rbt-lookbook-banner
        .rbt-lookbook-portion
        .rbt-dot-lookbok-product-wrapper
        .rbt-lookbook-dot-content {
        position: static;
    }
    .rbt-lookbook-banner
        .rbt-lookbook-portion:hover
        .rbt-dot-lookbok-product-wrapper
        .rbt-lookbook-dot-content {
        transform: unset;
    }
}
.rbt-common-search-trigger-active .search-icon::before,
.search-trigger-active .search-icon::before {
    opacity: 1;
    visibility: visible;
    transition: 0.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: 0.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: 0.15s;
}
.rbt-search-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 4px 16px rgba(8, 10, 18, 0.1);
    clip-path: polygon(0 0, 200% 0, 200% 0, 0 0);
    transition: var(--transition);
    border-top: 1px solid var(--color-gray-200);
}
.rbt-search-dropdown.active {
    clip-path: polygon(0 0, 200% 0, 200% 200%, 0 200%);
    z-index: 104;
}
.rbt-search-dropdown.media-upload-wrapper-open::before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 99;
    transition: all 0.7s;
    background: rgba(0, 0, 0, 0.5);
    z-index: 3;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-search-dropdown {
        max-height: 500px;
        overflow-y: scroll;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-search-dropdown {
        max-height: 500px;
        overflow-y: scroll;
    }
}
.rbt-search-dropdown .wrapper {
    max-width: 1100px;
    margin: 40px auto;
    padding: 0;
    font-weight: 400;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-search-dropdown .wrapper {
        max-width: 920px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-search-dropdown .wrapper {
        margin: 30px auto;
        display: block;
        max-width: 750px;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-search-dropdown .wrapper {
        display: block;
        max-width: 100%;
        padding: 15px;
        margin: 0;
    }
}
.rbt-search-dropdown .wrapper .rbt-component-section-title {
    margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
    .rbt-search-dropdown .wrapper .rbt-component-section-title {
        margin-bottom: 8px;
    }
}
.rbt-search-dropdown .wrapper form {
    display: flex;
    position: relative;
    margin-bottom: 48px;
    align-items: center;
}
@media only screen and (max-width: 767px) {
    .rbt-search-dropdown .wrapper form {
        margin-bottom: 12px;
    }
}
.rbt-search-dropdown .wrapper form .search-input {
    height: 48px;
    line-height: 1;
    margin: 0 12px 0 0;
    padding: 0 36px;
    border: 2px solid var(--color-gray-200);
    color: var(--color-gray-400);
    border-radius: var(--radius);
    transition: var(--transition);
    box-shadow: none;
    font-size: var(--font-size-b1);
}
@media only screen and (max-width: 575px) {
    .rbt-search-dropdown .wrapper form .search-input {
        font-size: 14px;
        height: 40px;
    }
}
.rbt-search-dropdown .wrapper form .search-input::placeholder {
    font-size: var(--font-size-b1);
    color: var(--color-gray-400);
}
.rbt-search-dropdown .wrapper form .search-input:focus {
    border-color: var(--color-primary);
}
.rbt-search-dropdown .wrapper form .inner-search-icon {
    color: var(--color-gray-400);
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    left: 16px;
    top: 17px;
}
@media only screen and (max-width: 575px) {
    .rbt-search-dropdown .wrapper form .inner-search-icon {
        top: 15px;
        font-size: var(--font-size-b4);
    }
}
.rbt-search-dropdown .wrapper form .media-search-btn {
    color: var(--color-gray-400);
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 16px;
    height: 100%;
    border: 0;
    outline: 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, 0.5);
    z-index: 99;
    transition: var(--transition);
    backdrop-filter: blur(5px);
    opacity: 0;
    visibility: hidden;
    cursor: default;
}
.common-close_search_dropdown,
.rbt-ms-dismiss-outsider {
    display: block;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    transition: var(--transition);
    cursor: default;
}
.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-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, 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 0.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: 0.95;
    letter-spacing: 0.02em;
    color: var(--color-white);
    opacity: 0.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: 120px 180px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two
        .rbt-product-banner-content {
        padding: 100px 150px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two
        .rbt-product-banner-content {
        padding: 80px 100px;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two
        .rbt-product-banner-content {
        padding: 60px 20px;
    }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two
    .rbt-product-banner-content.rbt-product-banner-content-var-one {
    padding: 150px 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two
        .rbt-product-banner-content.rbt-product-banner-content-var-one {
        padding: 120px 50px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two
        .rbt-product-banner-content.rbt-product-banner-content-var-one {
        padding: 100px 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two
        .rbt-product-banner-content.rbt-product-banner-content-var-one {
        padding: 80px 40px;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two
        .rbt-product-banner-content.rbt-product-banner-content-var-one {
        padding: 60px 20px;
    }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two
    .rbt-product-banner-content
    .rbt-content-section {
    max-width: 695px;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two
    .rbt-product-banner-content
    .rbt-content-section
    .rbt-banner-subtitle-two {
    font-weight: 400;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two
    .rbt-product-banner-content
    .rbt-content-section
    .rbt-banner-title {
    font-size: var(--font-size-xl);
    line-height: 1.18;
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two
        .rbt-product-banner-content
        .rbt-content-section
        .rbt-banner-title {
        font-size: var(--h2);
    }
}
@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two
        .rbt-product-banner-content
        .rbt-content-section
        .rbt-banner-title {
        font-size: var(--h3);
    }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two
    .rbt-product-banner-content
    .rbt-content-section
    .rbt-pricing-part {
    margin-top: 24px;
}
@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two
        .rbt-product-banner-content
        .rbt-content-section
        .rbt-pricing-part {
        margin-top: 16px;
    }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two
    .rbt-product-banner-content
    .rbt-content-section
    .rbt-pricing-part
    p {
    margin-bottom: 0;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two
    .rbt-product-banner-content
    .rbt-content-section
    .rbt-pricing-part
    .rbt-price-text {
    line-height: 1.3;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two
    .rbt-product-banner-content
    .rbt-content-section
    .rbt-banner-btn {
    margin-top: 32px;
}
@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two
        .rbt-product-banner-content
        .rbt-content-section
        .rbt-banner-btn {
        margin-top: 16px;
    }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two
    .rbt-product-banner-content
    .rbt-content-section.rbt-content-wider {
    max-width: 100% !important;
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two
    .rbt-product-img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--color-gray-150);
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two
    .rbt-product-img
    img {
    object-fit: cover;
    min-height: 100%;
    min-width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-cat-hero-banner-01
        .rbt-product-banner-content {
        padding: 70px 80px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-cat-hero-banner-01
        .rbt-product-banner-content {
        padding: 60px !important;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-cat-hero-banner-01
        .rbt-product-banner-content {
        padding: 32px !important;
    }
}
@media only screen and (max-width: 1199px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-cat-hero-banner-01
        .rbt-product-img {
        position: relative;
    }
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-cat-hero-banner-01
        .rbt-product-img
        img {
        object-fit: contain;
        min-height: 100%;
        min-width: 100%;
    }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-smaller
    .rbt-product-banner-content {
    padding: 95px 244px 145px;
    min-height: 56vh;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-smaller
        .rbt-product-banner-content {
        padding: 120px 180px;
        min-height: auto;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-smaller
        .rbt-product-banner-content {
        padding: 100px 150px;
        min-height: auto;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-smaller
        .rbt-product-banner-content {
        padding: 80px 100px;
        min-height: auto;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-smaller
        .rbt-product-banner-content {
        padding: 60px 20px;
        min-height: auto;
    }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-medium
    .rbt-product-banner-content {
    padding: 95px 244px 145px;
    min-height: 662px;
}
@media only screen and (min-width: 2560px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-medium
        .rbt-product-banner-content {
        padding: 100px 150px 120px;
        min-height: 66vh;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-medium
        .rbt-product-banner-content {
        padding: 100px 150px 120px;
        min-height: auto;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-medium
        .rbt-product-banner-content {
        padding: 80px 100px 80px;
        min-height: auto;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-medium
        .rbt-product-banner-content {
        padding: 60px 80px;
        min-height: auto;
    }
}
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger
    .rbt-product-banner-content {
    min-height: 750px;
}
@media only screen and (min-width: 2560px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger
        .rbt-product-banner-content {
        min-height: 85vh;
    }
}
@media only screen and (min-width: 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: 500px;
    }
}
@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, 0.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: 0.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-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-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-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 .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;
    }
}
@media only screen and (max-width: 479px) {
    .rbt-hero-banner-classic
        .rbt-hero-banner-content
        .rbt-content-shape-star
        .text {
        font-size: 12px;
    }
}
.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-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;
    }
}
@media only screen and (max-width: 479px) {
    .rbt-content-shape-star .text {
        font-size: 12px;
    }
}
.rbt-content-shape-star .text {
    color: var(--color-white);
    font-weight: var(--f-bold);
    font-size: 20px;
    line-height: 1;
}
@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);
    }
}
@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-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;
    }
}
@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-content {
    height: 100%;
}
.rbt-tennis-hero-section-area
    .rbt-banner-content
    .rbt-product-slider-activation-1 {
    height: 100%;
}
.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 .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;
    }
}
@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-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, 0.12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: all 0.3s ease-in-out;
}
.rbt-toolbar.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.rbt-toolbar .rbt-quick-access {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 5px;
    height: 55px;
}
.rbt-toolbar .rbt-quick-access > li {
    width: 100%;
}
.rbt-toolbar .rbt-quick-access > li .rbt-round-btn {
    display: flex;
    flex-direction: column;
    gap: 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(0.8);
    border-radius: var(--radius);
    z-index: -1;
    display: none;
}
.rbt-toolbar .rbt-quick-access > li .rbt-round-btn .access-box-count {
    top: -5px;
    left: calc(50% + 3px);
    width: 15px;
    min-width: 15px;
    line-height: 15px;
    height: 15px;
}
.rbt-toolbar .rbt-quick-access > li .rbt-round-btn .rbt-toolbar-label {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
}
.rbt-toolbar .rbt-quick-access > li:hover .rbt-round-btn {
    color: var(--color-primary);
    background: 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;
}
html.picture {
    margin: 0 !important;
}
.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;
    }
}
.fancybox__slide.has-image > .fancybox__content {
    background: var(--color-brand-50);
}
.f-thumbs__slide__button {
    background: var(--color-brand-50);
    border-radius: 6px;
    overflow: hidden;
}
.is-classic .is-nav-selected .f-thumbs__slide__button::after {
    border-color: var(--color-primary);
    border-radius: 6px;
}
.is-classic .f-thumbs__slide__button::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: 2px solid var(--color-gray-200);
    border-radius: 6px;
    animation: f-fadeIn 0.2s ease-out;
    z-index: 10;
}
.fancybox__infobar {
    font-size: var(--font-size-b1);
}
.rbt-pagination {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0;
}
.rbt-pagination li {
    position: relative;
    margin: 0;
    width: 48px;
    height: 48px;
    background: var(--color-brand-100);
    border-radius: var(--radius-full);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width: 767px) {
    .rbt-pagination li {
        width: 40px;
        height: 40px;
    }
}
.rbt-pagination li a {
    width: calc(100% - 8px) !important;
    height: calc(100% - 8px) !important;
    text-align: center;
    color: var(--color-heading);
    transition: 0.4s;
    font-weight: var(--f-medium);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    border-radius: var(--radius-full);
    position: relative;
    z-index: 2;
}
.rbt-pagination li a i {
    font-size: 18px;
    font-weight: var(--f-medium);
}
.rbt-pagination li a.active,
.rbt-pagination li a:hover {
    background: var(--color-primary);
    color: var(--color-white);
}
.rbt-pagination li + li::before {
    content: '';
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/pagination/pagination-mid-01.svg);
    width: 22px;
    height: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.rbt-pagination.rbt-pagination-sm li {
    height: 36px;
    width: 36px;
}
.rbt-pagination.rbt-pagination-sm li a {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    height: calc(100% - 6px);
    width: calc(100% - 6px);
}
.rbt-pagination.rbt-pagination-sm li a i {
    font-size: var(--font-size-b4);
}
.rbt-pagination.rbt-pagination-sm li + li::before {
    left: -10px;
    width: 15px;
    height: 10px;
}
.rbt-nav-effect-activation .rbt-pagination li a.active,
.rbt-nav-effect-activation .rbt-pagination li a:hover {
    background: 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-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-img-peeker-list-single.rbt-has-show-more .rbt-has-show-more-inner-content {
    max-height: 420px;
}
.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-single a.active::after {
    display: none;
}
.rbt-img-peeker-single a.active img {
    border-color: var(--color-primary);
}
.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);
    }
}
#gallery_01 img {
    border: 2px solid #fff;
}
#gallery_01.active img {
    border: 2px solid #333 !important;
}
.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) {
    @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: 0.01;
    }
    .rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen).zoom_in {
        animation: var(--animation-zoom-in);
        animation-delay: calc(var(--animation-order) * 75ms);
    }
    .rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen).zoom_out {
        animation: var(--animation-zoom-out);
        animation-delay: calc(var(--animation-order) * 75ms);
    }
    .rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen).fade_in {
        animation: var(--animation-fade-in);
        animation-delay: calc(var(--animation-order) * 75ms);
    }
    .rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen).slide_in {
        animation: var(--animation-slide-in);
        animation-delay: calc(var(--animation-order) * 75ms);
    }
    .rbt-scroll-trigger.rbt-scroll-trigger--design-mode .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: 0.01;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }
    @keyframes zoomIn {
        from {
            opacity: 0;
            transform: scale(1.05);
        }
        to {
            opacity: 1;
            transform: scale(1);
        }
    }
    @keyframes zoomOut {
        from {
            opacity: 0;
            transform: scale(1);
        }
        to {
            opacity: 1;
            transform: scale(1.05);
        }
    }
}
@media screen and (max-width: 989px) {
    .rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen) .slider--tablet {
        animation: var(--animation-slide-in);
    }
}
@media screen and (min-width: 990px) {
    .rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen) .slider--desktop {
        animation: var(--animation-slide-in);
    }
}
.rbt-scroll-trigger.rbt-scroll-trigger--design-mode .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: 0.01;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0.01;
    }
    to {
        opacity: 1;
    }
}
.rbt-slideshow
    .swiper-wrapper
    .swiper-slide:not(:first-child):not(.swiper-slide-active) {
    opacity: 0 !important;
}
.rbt-slideshow .swiper-slide-active .rbt-slideshow-content-inner {
    opacity: 1;
    visibility: visible;
}
.rbt-slideshow .swiper-slide-active .rbt-slideshow-content-inner > * {
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.swiper-slide-active .rbt-slideshow-content-inner > :nth-child(1) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.swiper-slide-active .rbt-slideshow-content-inner > :nth-child(2) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.swiper-slide-active .rbt-slideshow-content-inner > :nth-child(3) {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.swiper-slide-active .rbt-slideshow-content-inner > :nth-child(4) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.swiper-slide-active .effect_zoomin > * {
    -webkit-animation-name: zoomInSlideshow;
    animation-name: zoomInSlideshow;
}
.swiper-slide-active .effect_zoomout > * {
    -webkit-animation-name: zoomOutSlideshow;
    animation-name: zoomOutSlideshow;
}
.swiper-slide-active .effect_fadein > * {
    -webkit-animation-name: fadeInslideshow;
    animation-name: fadeInslideshow;
}
.swiper-slide-active .effect_fadeindown > * {
    -webkit-animation-name: fadeInDownslideshow;
    animation-name: fadeInDownslideshow;
}
.swiper-slide-active .effect_fadeinup > * {
    -webkit-animation-name: fadeInUpslideshow;
    animation-name: fadeInUpslideshow;
}
.swiper-slide-active .effect_fadeinleft > * {
    -webkit-animation-name: fadeInLeftslideshow;
    animation-name: fadeInLeftslideshow;
}
.swiper-slide-active .effect_fadeinright > * {
    -webkit-animation-name: fadeInRightslideshow;
    animation-name: fadeInRightslideshow;
}
@-webkit-keyframes fadeInslideshow {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInslideshow {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInDownslideshow {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDownslideshow {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes fadeInUpslideshow {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUpslideshow {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes fadeInLeftslideshow {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-40px, 0, 0);
        transform: translate3d(-40px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeftslideshow {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-40px, 0, 0);
        transform: translate3d(-40px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes fadeInRightslideshow {
    from {
        opacity: 0;
        -webkit-transform: translate3d(40px, 0, 0);
        transform: translate3d(40px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRightslideshow {
    from {
        opacity: 0;
        -webkit-transform: translate3d(40px, 0, 0);
        transform: translate3d(40px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes zoomInSlideshow {
    0% {
        opacity: 0;
        transform: scale(0.7);
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes zoomInSlideshow {
    0% {
        opacity: 0;
        transform: scale(0.7);
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@-webkit-keyframes zoomOutSlideshow {
    0% {
        opacity: 0;
        transform: scale(1.3);
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes zoomOutSlideshow {
    0% {
        opacity: 0;
        transform: scale(1.3);
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
.swiper {
    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;
}
.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(-0.25turn);
    transform-origin: 43px 111px;
}
.rbt-preloader-cart-wheel2 {
    animation-name: cartWheel2;
    transform: rotate(0.25turn);
    transform-origin: 102px 111px;
}
.rbt-preloader-cart-wheel-stroke {
    animation-name: cartWheelStroke;
}
.rbt-preloader-cart-track {
    stroke: hsla(var(--hue), 10%, 10%, 0.1);
    transition: stroke var(--trans-dur);
}
@media (prefers-color-scheme: dark) {
    :root {
        --bg: hsl(var(--hue), 10%, 10%);
        --fg: hsl(var(--hue), 10%, 90%);
    }
    .rbt-preloader-cart-track {
        stroke: hsla(var(--hue), 10%, 90%, 0.1);
    }
}
@keyframes msg {
    from {
        opacity: 1;
        visibility: visible;
    }
    99.9% {
        opacity: 0;
        visibility: visible;
    }
    to {
        opacity: 0;
        visibility: hidden;
    }
}
@keyframes cartLines {
    from,
    to {
        opacity: 0;
    }
    8%,
    92% {
        opacity: 1;
    }
}
@keyframes cartTop {
    from {
        stroke-dashoffset: -338;
    }
    50% {
        stroke-dashoffset: 0;
    }
    to {
        stroke-dashoffset: 338;
    }
}
@keyframes cartWheel1 {
    from {
        transform: rotate(-0.25turn);
    }
    to {
        transform: rotate(2.75turn);
    }
}
@keyframes cartWheel2 {
    from {
        transform: rotate(0.25turn);
    }
    to {
        transform: rotate(3.25turn);
    }
}
@keyframes cartWheelStroke {
    from,
    to {
        stroke-dashoffset: 81.68;
    }
    50% {
        stroke-dashoffset: 40.84;
    }
}
.rbt-transparent-table-one 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: 110px;
    max-width: 140px;
    height: auto;
    align-items: center;
    justify-content: center;
    background: var(--color-gray-200);
    border-radius: var(--radius-md);
    aspect-ratio: 140/107;
}
.rbt-transparent-table-one tbody .product-thumbnail a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.rbt-transparent-table-one tbody .rbt-wish-product-info * {
    white-space: nowrap;
}
@media only screen and (max-width: 767px) {
    .rbt-transparent-table-one
        tbody
        .rbt-wish-product-info
        .rbt-product-price-text {
        font-size: var(--font-size-b1);
    }
}
.rbt-transparent-table-one tbody .rbt-wish-product-name {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--h6);
    line-height: var(--line-height-b3);
    font-weight: var(--f-bold);
    margin-bottom: 4px;
}
@media only screen and (max-width: 767px) {
    .rbt-transparent-table-one tbody .rbt-wish-product-name {
        font-size: var(--font-size-b3);
    }
}
.rbt-transparent-table-one tbody .rbt-product-id {
    color: var(--color-gray-500);
    font-family: var(--font-primary);
    font-size: var(--font-size-b1);
    font-weight: var(--f-regular);
    line-height: var(--line-height-b1);
}
@media only screen and (max-width: 767px) {
    .rbt-transparent-table-one tbody .rbt-product-id {
        font-size: var(--font-size-b2);
    }
}
.rbt-transparent-table-one tbody .rbt-button-group {
    justify-content: end;
}
.rbt-transparent-table-one.table-variation-one 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 .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: 0.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 .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 .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 .thumbnail {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    z-index: 1;
}
.team .thumbnail img {
    width: 100%;
}
.team .content {
    position: absolute;
    bottom: 16px;
    left: 16px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(2px);
    z-index: 2;
    width: calc(100% - 32px);
    padding: 12px 16px;
    transition: var(--transition);
}
@media only screen and (max-width: 767px) {
    .team .content {
        padding: 20px;
    }
}
.team .content .title {
    color: var(--color-heading);
    margin: 0;
    margin-bottom: 8px;
    line-height: 1;
}
.team .content .designation {
    color: var(--color-gray-700);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    margin-bottom: 0;
}
.team .content .designation i {
    color: var(--color-primary);
    margin-right: 4px;
}
.team ul.social-icon {
    padding: 0;
    z-index: 2;
    list-style: none;
    display: flex;
    margin: 0 -8px;
    margin-top: 8px;
}
.team ul.social-icon li {
    margin: 0 8px;
}
.team ul.social-icon li a {
    color: var(--color-gray-700);
    font-size: 15px;
    transition: var(--transition);
}
.team ul.social-icon li a:hover {
    color: var(--color-primary);
    transform: scale(1.1);
}
.team:hover .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: 0.15385s;
    transition-delay: 0.15385s;
}
.team:hover ul.social-icon li:nth-child(3) {
    -webkit-transition-delay: 0.23077s;
    transition-delay: 0.23077s;
}
.team:hover ul.social-icon li:nth-child(4) {
    -webkit-transition-delay: 0.33077s;
    transition-delay: 0.23077s;
}
.team:hover ul.social-icon li:nth-child(5) {
    -webkit-transition-delay: 0.43077s;
    transition-delay: 0.23077s;
}
.team:hover .content {
    opacity: 1;
    visibility: visible;
}
.team:hover.team-style--bottom.variation-2 .content .icon-right {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
}
.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: 0.5;
}
.rbt-team-tab-thumb li a.active .thumb::before {
    opacity: 1;
    margin: 0;
}
.rbt-team-tab-thumb li a.active .thumb img {
    border-radius: 6px;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);
}
.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: 0.5;
}
.rbt-team-modal-thumb .rbt-team-thumbnail:hover .thumb::before {
    opacity: 1;
    margin-left: 0;
}
.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: -0.5px;
    }
}
@media only screen and (max-width: 767px) {
    .pricing-billing-duration ul .nav-item .nav-link {
        font-size: 17px;
        padding: 0 15px;
        letter-spacing: -0.5px;
        height: 50px;
    }
}
.pricing-billing-duration ul .nav-item .nav-link.active {
    background-size: 300% 100%;
    background: var(--color-primary);
    color: var(--color-white);
}
.pricing-table .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 .list-item li.off {
    opacity: 0.5;
}
.pricing-table .pricing-body .list-item li.off i {
    color: var(--color-danger);
}
.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);
}
.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 .plan-offer-list li.off {
    opacity: 0.5;
}
.advance-pricing .pricing-right .plan-offer-list li.off i {
    background: var(--color-danger);
}
.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;
    }
}
.rainbow-card .inner .thumbnail {
    overflow: hidden;
}
.rainbow-card .inner .thumbnail a {
    display: block;
    overflow: hidden;
}
.rainbow-card .inner .thumbnail a img {
    width: 100%;
    transition: var(--transition);
    overflow: hidden;
}
.rainbow-card .inner .content {
    display: flex;
    flex-wrap: wrap;
    padding: 30px;
    padding-top: 22px;
}
@media only screen and (max-width: 767px) {
    .rainbow-card .inner .content {
        padding: 30px 20px;
    }
}
.rainbow-card .inner .content .descriptiion {
    margin-bottom: 0;
    margin-bottom: 13px;
}
.rainbow-card .inner .content .title {
    font-size: 20px;
    line-height: 1.5;
    transition: all 0.5s;
    margin-bottom: 0;
    flex-basis: 100%;
    font-weight: 500;
}
.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 .content {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0.6) 50%,
        rgba(0, 0, 0, 0.9) 100%
    );
    padding-top: 60px;
}
@media only screen and (max-width: 767px) {
    .rainbow-card.content-transparent .content {
        padding-top: 20px;
    }
}
.rainbow-card.content-transparent .content .title {
    margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
    .rainbow-card.content-transparent .content .title {
        font-size: 17px;
    }
}
.rainbow-card.content-transparent .content .title a {
    color: var(--color-white);
}
.rainbow-card.content-transparent .content .title:hover a {
    color: var(--color-primary);
}
.rainbow-card.content-transparent .content .rainbow-meta-list li {
    color: #acaeb1;
}
.rainbow-card.content-transparent .content .rainbow-meta-list li a {
    color: #acaeb1;
}
.rainbow-card.content-transparent.post-large .content .title {
    font-size: 32px;
}
@media only screen and (max-width: 767px) {
    .rainbow-card.content-transparent.post-large .content .title {
        font-size: 19px;
    }
}
.rainbow-card:hover .inner .thumbnail a img {
    transform: scale(1.1);
}
.rainbow-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 .inner .thumbnail .card-image img {
    transform: scale(1.05);
}
.no-overlay .rainbow-card .inner .thumbnail .rainbow-overlay {
    display: none;
}
.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;
}
.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;
}
.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-right .subtitle {
    font-size: 25px;
    letter-spacing: 0.5px;
    font-weight: 500;
}
.rainbow-portfolio-details .content-right .description p {
    margin-bottom: 10px;
}
.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: 140px;
    height: auto;
    border-radius: var(--radius);
    scale: 1.05;
    transition: var(--transition);
    background-color: var(--color-gray-200);
}
.rbt-minicart-wrapper .minicart-item:hover .thumbnail a img {
    scale: 1;
}
.rbt-minicart-wrapper .product-content {
    flex-grow: 1;
    padding-left: 20px;
}
@media only screen and (max-width: 767px) {
    .rbt-minicart-wrapper .product-content {
        padding-left: 12px;
    }
}
.rbt-minicart-wrapper .product-content .title {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    font-weight: 700;
    margin-bottom: 8px;
    color: var(--color-heading);
    max-width: 92%;
}
@media only screen and (max-width: 767px) {
    .rbt-minicart-wrapper .product-content .title {
        max-width: 86%;
    }
}
.rbt-minicart-wrapper .product-content .quantity {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    color: var(--color-heading);
    font-weight: 700;
    display: block;
}
.rbt-minicart-wrapper .product-content .quantity .price {
    color: var(--color-primary);
}
.rbt-minicart-wrapper .product-content .bottom-part {
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rbt-minicart-wrapper .product-content .bottom-part .rbt-qty-area {
    padding: 0;
    border-radius: var(--radius-10);
    border: 2px solid var(--color-gray-300);
    display: flex;
    height: 28px;
    min-width: unset;
}
.rbt-minicart-wrapper .product-content .bottom-part .rbt-qty-area button,
.rbt-minicart-wrapper .product-content .bottom-part .rbt-qty-area input {
    padding: 0;
    border: 0;
    height: 20px;
    font-size: var(--font-size-b1);
    line-height: 20px;
    margin: 0;
    padding: 0 !important;
    font-weight: 700;
    background: 0 0;
    color: var(--color-heading);
}
.rbt-minicart-wrapper
    .product-content
    .bottom-part
    .rbt-qty-area
    .qty-item-btn {
    min-width: 28px;
    width: 28px;
    padding: 0;
}
.rbt-minicart-wrapper .product-content .bottom-part .rbt-qty-area input {
    max-width: 32px;
    min-width: 32px;
    padding: 0 !important;
}
.rbt-minicart-wrapper
    .product-content
    .bottom-part
    .rbt-qty-area
    input::-webkit-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(0.85);
    background: var(--color-gray-200);
    opacity: 0;
    visibility: hidden;
    left: 0;
    top: 0;
    transition: var(--transition);
    z-index: -1;
    border-radius: 60px;
}
.rbt-minicart-wrapper .product-content .bottom-part .edit-btn i {
    margin-right: 4px;
}
.rbt-minicart-wrapper .product-content .bottom-part .edit-btn:hover {
    color: var(--color-primary);
}
.rbt-minicart-wrapper .product-content .bottom-part .edit-btn:hover::after {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.side-nav {
    max-height: 375px;
    min-height: 275px;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
}
.side-nav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: var(--color-gray-200);
    border-radius: 40px;
    height: 337px;
}
.side-nav::-webkit-scrollbar {
    width: 4px;
    height: 337px;
    background-color: var(--color-gray-200);
}
.side-nav::-webkit-scrollbar-thumb {
    border-radius: 40px;
    background-color: var(--color-gray-400);
}
.rbt-cart-subttotal {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    align-items: center;
}
@media only screen and (max-width: 1199px),
    only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-cart-subttotal {
        padding: 12px 0;
    }
}
.rbt-cart-subttotal p {
    margin-bottom: 0;
    color: var(--color-heading);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-gray-500);
}
.rbt-cart-subttotal p strong {
    color: var(--color-heading);
}
.rbt-cart-subttotal p.price {
    color: var(--color-primary);
    font-weight: 600;
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
}
.offer-progress-area .progress {
    height: 8px;
    border-radius: 50px;
    background: #d6f7d6;
}
.offer-progress-area .progress .progress-bar {
    background: #24bd25;
}
.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-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 .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 .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-has-show-more .rbt-has-show-more-inner-content {
    max-height: 100px;
    overflow: hidden;
    position: relative;
    width: 100%;
    transition: all 0.4s;
}
.rbt-has-show-more.active .rbt-has-show-more-inner-content {
    max-height: inherit !important;
}
.rbt-single-widget .rbt-has-show-more-inner-content {
    max-height: 180px;
}
.rbt-single-widget .rbt-has-show-more .rbt-show-more-btn {
    background: 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, 0.1);
    background-color: var(--color-gray-150);
    border-radius: 40px;
    height: 337px;
}
.rbt-single-widget .rbt-scroll-content::-webkit-scrollbar {
    width: 4px;
    height: 337px;
    background-color: var(--color-gray-150);
}
.rbt-single-widget .rbt-scroll-content::-webkit-scrollbar-thumb {
    border-radius: 40px;
    background-color: var(--color-gray-300);
}
.rbt-single-widget .rbt-widget-title-2 {
    font-size: 12px;
    padding-bottom: 16px;
    border-bottom: 2px solid var(--color-border);
    margin-bottom: 16px;
    color: var(--color-heading);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.8;
}
.rbt-single-widget ul.rbt-sidebar-list-wrapper {
    margin: -6px 0;
}
.rbt-single-widget ul.rbt-sidebar-list-wrapper > li {
    margin: 0;
    position: relative;
    z-index: 1;
    margin: 2px 0;
}
.rbt-single-widget ul.rbt-sidebar-list-wrapper > li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0.9);
    background: var(--color-gray-100);
    border-radius: 4px;
    z-index: -1;
    transition: var(--transition);
    opacity: 0;
    visibility: hidden;
}
.rbt-single-widget ul.rbt-sidebar-list-wrapper > li:hover:after {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
.rbt-single-widget
    ul.rbt-sidebar-list-wrapper
    input[type='checkbox']
    ~ label::before,
.rbt-single-widget
    ul.rbt-sidebar-list-wrapper
    input[type='radio']
    ~ label::before {
    left: 6px;
}
.rbt-single-widget
    ul.rbt-sidebar-list-wrapper
    input[type='checkbox']
    ~ label::after,
.rbt-single-widget
    ul.rbt-sidebar-list-wrapper
    input[type='radio']
    ~ label::after {
    left: 11px;
}
.rbt-single-widget ul.rbt-sidebar-list-wrapper.recent-post-list li + li {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid var(--color-border-2);
}
.rbt-single-widget
    ul.rbt-sidebar-list-wrapper.rbt-categories-review-list
    .rbt-rating-icon-list
    li {
    margin: 0;
}
.rbt-single-widget
    ul.rbt-sidebar-list-wrapper.rbt-categories-review-list
    .rbt-rating-icon-list
    li
    + li {
    margin-top: 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: 0.4;
}
.rbt-single-widget .rbt-lable {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 479px) {
    .rbt-single-widget .rbt-lable {
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4);
    }
}
.rbt-single-widget .recent-post-list li {
    display: flex;
    align-items: center;
}
.rbt-single-widget .recent-post-list li .thumbnail {
    margin-right: 12px;
}
.rbt-single-widget .recent-post-list li .thumbnail a {
    display: block;
}
.rbt-single-widget .recent-post-list li .thumbnail a img {
    height: 60px;
    width: 60px;
    border-radius: var(--radius);
    object-fit: cover;
    min-width: 60px;
    min-height: 60px;
}
.rbt-single-widget .recent-post-list li .content .title {
    margin-bottom: 12px;
    font-size: 14px;
}
.rbt-single-widget .recent-post-list li .content .rbt-meta li {
    font-size: 12px;
}
.rbt-single-widget .recent-post-list li .content .rbt-meta li i {
    margin-right: 5px;
}
.rbt-filter-button {
    font-size: var(--font-size-b2);
    color: var(--color-heading);
    font-weight: var(--f-medium);
}
.rbt-filter-collapse-area {
    position: relative;
    overflow: visible;
    box-sizing: border-box;
    min-height: 1px;
    margin-right: -25%;
    opacity: 0;
    width: 25%;
    transition:
        margin 0.4s ease,
        transform 0.4s ease,
        opacity 0.4s ease;
}
.rbt-filter-collapse-area.show {
    margin-right: 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 0.4s cubic-bezier(0.25, 0.8, 0.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 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(0.23, 1, 0.32, 1) both;
}
.rbt-brand-char-list-sticky.sticky .rbt-char-list {
    box-shadow: var(--shadow-5);
}
.rbt-char-list li.current .rbt-char-single {
    background: var(--color-brand-200);
    color: var(--color-primary);
}
.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-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: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 .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.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.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: 0.3s;
}
.rbt-blog-details-area
    .rbt-blog-categories-share
    .rbt-blog-categories
    .rbt-blog-categories-list
    li
    a:hover::before {
    scale: 1.3;
}
.rbt-blog-details-area .rbt-recent-blog-single {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 16px;
}
.rbt-blog-details-area .rbt-recent-blog-single + .rbt-recent-blog-single {
    border-top: 2px solid var(--color-gray-100);
    padding-top: 16px;
}
.rbt-blog-details-area .rbt-recent-blog-single .rbt-recent-blog-single-thumb {
    height: 80px;
    width: 80px;
    min-width: 80px;
    border-radius: var(--radius-md);
    overflow: hidden;
}
.rbt-blog-details-area .rbt-recent-blog-single .rbt-blog-post-meta {
    margin-bottom: 8px;
}
.rbt-blog-details-area
    .rbt-recent-blog-single
    .rbt-blog-post-meta
    .rbt-blog-details-meta-list
    li {
    color: var(--color-gray-400);
    font-family: var(--font-primary);
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    font-weight: var(--f-medium);
}
.rbt-blog-details-area .rbt-recent-blog-single .rbt-recent-blog-title {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-medium);
    margin-bottom: 0;
}
.rbt-blog-details-area .rbt-recent-blog-single .rbt-recent-blog-title a {
    transition: var(--transition);
}
.rbt-blog-details-area
    .rbt-blog-details-categories
    .rbt-blog-category-single
    a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-gray-500);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-medium);
    transition: var(--transition);
}
.rbt-blog-details-area
    .rbt-blog-details-categories
    .rbt-blog-category-single
    a:hover {
    color: var(--color-primary);
}
.rbt-blog-details-area .rbt-sidebar-widget-img {
    max-width: 274px;
}
.rbt-blog-post-meta {
    margin-bottom: 12px;
}
.rbt-blog-post-meta .rbt-blog-details-meta-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.rbt-blog-post-meta .rbt-blog-details-meta-list li {
    margin: 0;
    padding: 0;
}
.rbt-blog-post-meta .rbt-blog-details-meta-list li + li {
    margin-left: 4px;
}
.rbt-blog-post-meta .rbt-blog-details-meta-list li + li::before {
    content: '/';
    margin: 4px;
}
.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-thumbnail {
    display: inline-block;
    position: relative;
    border-radius: var(--radius-12) 0 var(--radius-12) var(--radius-12);
    overflow: hidden;
}
.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-thumbnail img {
    transition: var(--transition);
}
.rbt-recent-blog-posted-area
    .rbt-blog-post-card
    .rbt-blog-thumbnail
    .rbt-thumb-top-right-shape {
    display: inline-block;
    width: 50%;
    height: 32px;
    background: var(--color-gray-light);
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 0 0 var(--radius-big);
}
.rbt-recent-blog-posted-area
    .rbt-blog-post-card
    .rbt-blog-thumbnail
    .rbt-thumb-top-right-shape::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background: 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: 0.8;
}
.rbt-comment-list .comment .rbt-commented-img-list li a:hover img {
    scale: 1.05;
}
.rbt-blog-post-meta {
    margin-bottom: 12px;
}
.rbt-blog-post-meta .rbt-blog-details-meta-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.rbt-blog-post-meta .rbt-blog-details-meta-list li {
    margin: 0;
    padding: 0;
}
.rbt-blog-post-meta .rbt-blog-details-meta-list li + li {
    margin-left: 4px;
}
.rbt-blog-post-meta .rbt-blog-details-meta-list li + li::before {
    content: '/';
    margin: 4px;
}
.rbt-recent-blog-single {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-recent-blog-single {
        align-items: start;
    }
}
.rbt-recent-blog-single + .rbt-recent-blog-single {
    border-top: 2px solid var(--color-gray-100);
    padding-top: 16px;
}
.rbt-recent-blog-single .rbt-recent-blog-single-thumb {
    height: 80px;
    width: 80px;
    min-width: 80px;
    border-radius: var(--radius-md);
    overflow: hidden;
    background: var(--color-gray-100);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-recent-blog-single .rbt-recent-blog-single-thumb {
        margin-top: 8px;
    }
}
.rbt-recent-blog-single .rbt-recent-blog-single-thumb img {
    transition: var(--transition);
}
.rbt-recent-blog-single:hover .rbt-recent-blog-single-thumb img {
    scale: 1.1;
}
.rbt-recent-blog-single .rbt-blog-post-meta {
    margin-bottom: 8px;
}
.rbt-recent-blog-single .rbt-blog-post-meta .rbt-blog-details-meta-list li a {
    color: var(--color-gray-400);
    font-family: var(--font-primary);
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    font-weight: var(--f-medium);
}
.rbt-recent-blog-single
    .rbt-blog-post-meta
    .rbt-blog-details-meta-list
    li
    a:hover {
    color: var(--color-primary);
}
.rbt-recent-blog-single .rbt-recent-blog-title {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-medium);
    margin-bottom: 0;
}
.rbt-recent-blog-single .rbt-recent-blog-title a {
    transition: var(--transition);
}
.rbt-sidebar-categories-list li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-gray-500);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-medium);
    transition: var(--transition);
    padding: 4px 8px;
}
.rbt-sidebar-categories-list li a:hover {
    color: var(--color-primary);
}
.rbt-blog-social-share {
    display: flex;
    gap: 8px;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.rbt-blog-social-share li {
    margin: 0;
    padding: 0;
}
.rbt-blog-social-share li a {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
}
.rbt-blog-social-share li a i {
    transition: var(--transition);
}
.rbt-blog-social-share li a.facebook {
    background: var(--color-facebook);
}
.rbt-blog-social-share li a.pinterest {
    background: var(--color-pinterest);
}
.rbt-blog-social-share li a.linkedin {
    background: var(--color-linkedin);
}
.rbt-blog-social-share li a.whatsapp {
    background: var(--color-whatsapp);
}
.rbt-blog-social-share li a.discord {
    background: var(--color-discord);
}
.rbt-blog-social-share li a:hover {
    color: var(--color-white);
}
.rbt-blog-social-share li a:hover i {
    transform: scale(1.06);
}
.rbt-counterup-wrapper
    .rbt-counterup-single
    .rbt-counterup.has-formatting-mark
    .odometer-formatting-mark {
    display: inline-block;
}
.rbt-counterup-wrapper
    .rbt-counterup-single
    .rbt-counterup
    .odometer-formatting-mark {
    display: none;
}
.fancybox__backdrop {
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
}
.fancybox__content {
    border-radius: var(--radius-12);
}
.fancybox__content .fancybox__iframe {
    border-radius: var(--radius-12);
}
.is-compact .fancybox__content > .f-button.is-close-btn {
    top: -48px;
    right: 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.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 .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-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);
}
.rbt-blog-post-card-area .rbt-sidebar-widget-img {
    max-width: 274px;
}
.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 .inner {
    padding: 32px 24px;
    border-radius: var(--radius-12);
    border: 2px solid var(--color-gray-200);
    background: var(--color-white);
}
.rbt-contact-form-sidebar .inner .rbt-contact-sidebar-social-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 16px;
}
.rbt-contact-form-sidebar .inner .rbt-contact-sidebar-social-list li {
    margin: 0;
    padding: 0;
}
.rbt-contact-form-sidebar .inner .rbt-contact-sidebar-social-list li a {
    display: flex;
    align-items: center;
    gap: 12px;
}
.rbt-contact-form-sidebar .inner .rbt-contact-sidebar-social-list li a .icon {
    width: 32px;
    height: 32px;
    background: var(--color-brand-100);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    font-size: var(--font-size-b3);
}
.rbt-contact-form-sidebar
    .inner
    .rbt-contact-sidebar-social-list
    li
    a
    .icon.phone {
    background: #1c61e7;
}
.rbt-contact-form-sidebar
    .inner
    .rbt-contact-sidebar-social-list
    li
    a
    .icon.email {
    background: #e7961c;
}
.rbt-contact-form-sidebar
    .inner
    .rbt-contact-sidebar-social-list
    li
    a
    .icon.whatsapp {
    background: #075e54;
}
.rbt-contact-form-sidebar
    .inner
    .rbt-contact-sidebar-social-list
    li
    a
    .icon.pinterest {
    background: #e60023;
}
.rbt-contact-form
    .rbt-fshape-box-outline-style
    .rbt-component-section-title
    .rbt-fshape-right-portion {
    top: -3px;
}
.rbt-contact-form .rbt-fshape-box-outline-style .rbt-fshape-box {
    margin-top: -2px;
}
.rbt-compare-table-area .rbt-component-section-title .description {
    max-width: 430px;
}
.rbt-compare-table tbody tr {
    border-width: 0;
    display: flex;
}
.rbt-compare-table tbody tr:hover {
    background: var(--color-gray-light);
}
.rbt-compare-table tbody tr td {
    border-width: 0 0 1px 0;
    flex: 0 0 20%;
    padding: 12px 15px;
    min-width: 254px;
}
.rbt-compare-table tbody tr:first-child {
    margin-bottom: -12px;
}
.rbt-compare-table tbody tr:first-child td {
    border-width: 0;
    padding: 0;
    text-align: center;
}
.rbt-compare-table tbody tr:first-child:hover {
    background: unset;
}
.rbt-compare-table tbody tr:last-child td {
    border-width: 0;
}
.rbt-compare-table tbody tr:nth-child(2) td {
    border-width: 0;
}
.rbt-compare-table tbody tr:nth-child(2):hover {
    background: unset;
}
.rbt-compare-table tbody .rbt-product-feature-name {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: var(--f-medium);
    margin-bottom: 0;
}
.rbt-compare-table tbody .rbt-compare-table-title .rbt-compare-table-text {
    color: var(--color-gray-500);
    font-family: var(--font-primary);
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    font-weight: var(--f-regular);
    margin-bottom: 0;
    margin-top: 8px;
}
.rbt-compare-table .rbt-input-field-grp {
    padding: 0 15px;
    margin-bottom: 16px;
    position: relative;
}
.rbt-compare-table .rbt-input-field-grp .rbt-input-field {
    height: 40px;
    padding-right: 42px;
    box-shadow: none;
}
.rbt-compare-table .rbt-input-field-grp .rbt-input-field::placeholder {
    color: var(-color-gray-400);
}
.rbt-compare-table .rbt-input-field-grp .rbt-search-btn {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    width: 28px;
    border: none;
    background: var(--color-gray-100);
    color: var(--color-gray-400);
    border-radius: var(--border-width);
    font-size: var(--font-size-b3);
    right: 21px;
    top: 50%;
    transform: translateY(-50%);
}
.rbt-compare-table .rbt-input-field-grp .rbt-search-btn::after {
    background: var(--color-primary);
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: var(--transition);
    opacity: 0;
    transform: scale(0.7);
    border-radius: var(--border-width);
    z-index: -1;
}
.rbt-compare-table .rbt-input-field-grp .rbt-search-btn:hover {
    color: var(--color-white);
}
.rbt-compare-table .rbt-input-field-grp .rbt-search-btn:hover::after {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
.rbt-compare-table .rbt-compare-item-wrapper {
    position: relative;
}
.rbt-compare-table .rbt-compare-item-wrapper .rbt-product-item-img {
    display: inline-block;
    border-radius: var(--radius-md);
    overflow: hidden;
}
.rbt-compare-table .rbt-compare-item-wrapper .rbt-product-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}
.rbt-compare-table .rbt-compare-item-wrapper .rbt-product-item-img:hover img {
    scale: 1.05;
}
.rbt-compare-table .rbt-compare-item-wrapper .rbt-product-item-category {
    color: var(--color-primary);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-medium);
    margin-bottom: 4px;
}
.rbt-compare-table .rbt-compare-item-wrapper .rbt-product-item-title {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: var(--f-medium);
}
.rbt-compare-table .rbt-compare-values {
    min-width: 224px;
}
.rbt-compare-table .rbt-product-price {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: var(--f-semi-bold);
}
.rbt-product-remove-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    background: var(--color-gray-100);
    color: var(--color-heading);
    border: none;
    border-radius: var(--radius-full);
    font-size: var(--font-size-b3);
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1;
    transition: var(--transition);
}
.rbt-product-remove-btn i {
    transition: var(--transition);
}
.rbt-product-remove-btn:hover {
    transform: scale(0.9);
    background: var(--color-black);
    color: var(--color-white);
}
.rbt-product-remove-btn:hover i {
    color: var(--color-white);
}
.rbt-compare-product-empty-area .rbt-component-section-title .icon {
    color: var(--color-primary);
    font-size: var(--h2);
}
.rbt-compare-product-empty-box
    .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 .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: var(--h5);
    font-weight: var(--f-bold);
    line-height: var(--line-height-b1);
}
.rbt-wishlist-bottom-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
@media only screen and (max-width: 767px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-wishlist-bottom-area {
        display: block;
        margin-top: 16px;
    }
}
.rbt-wishlist-bottom-area .rbt-social-share-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-wishlist-bottom-area .rbt-social-share-area {
        margin-bottom: 24px;
    }
}
.rbt-copy-link-part {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-right: 8px;
    position: relative;
    width: fit-content;
}
@media only screen and (max-width: 767px) {
    .rbt-copy-link-part {
        margin-top: 24px;
    }
}
.rbt-copy-link-part .rbt-copy-link-title {
    white-space: nowrap;
    font-size: var(--font-size-b2);
    font-weight: var(--f-semi-bold);
}
.rbt-copy-link-part .rbt-copy-value-field {
    padding: 10px 16px;
    width: 350px;
    padding-right: 112px;
    box-shadow: unset;
    border-radius: var(--radius-60);
    appearance: none;
    transition: all 0.3s ease;
}
@media only screen and (max-width: 479px) {
    .rbt-copy-link-part .rbt-copy-value-field {
        width: 100%;
        padding-right: 76px;
    }
}
.rbt-copy-link-part .rbt-copy-value-field:focus {
    border-color: var(--color-border);
}
.rbt-copy-link-part .rbt-copy-value-field::selection {
    color: #fff;
    background-color: var(--color-primary);
}
.rbt-copy-link-part .rbt-btn {
    position: absolute;
    right: 8px;
    bottom: 8px;
    padding: 0 24px;
}
.rbt-copy-link-part .rbt-btn::after {
    content: attr(data-tooltip);
    width: 80px;
    height: 40px;
    bottom: 124%;
    left: 60px;
    border-radius: var(--radius-60);
    font-size: 14px;
    line-height: 40px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    background-color: var(--color-primary);
    color: var(--color-gray-200);
    transform: translateY(-10px) translateX(-50%);
    text-align: center;
    transition: var(--transition);
}
.rbt-copy-link-part .rbt-btn::before {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    margin-top: -8px;
    border-top: 8px solid var(--color-primary);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    opacity: 0;
    transform: translateY(-10px);
    transition: var(--transition);
}
.rbt-copy-link-part .rbt-btn:hover::after {
    opacity: 1;
    transform: translateY(0) translateX(-50%);
}
.rbt-copy-link-part .rbt-btn:hover::before {
    opacity: 1;
    transform: unset;
}
.rbt-copy-link-part .rbt-btn i {
    font-size: inherit;
}
@media only screen and (max-width: 479px) {
    .rbt-copy-link-part .rbt-btn .rbt-btn-text {
        display: none;
    }
}
.rbt-wishlist-area .modal-dialog {
    max-width: 640px;
}
.rbt-wishlist-area .modal-dialog button.btn-close {
    background: var(--color-brand-100);
    border-radius: var(--radius-full);
    height: 40px;
    width: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--h5);
    opacity: 1;
    color: var(--color-heading);
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 1;
}
.rbt-wishlist-area .modal-dialog button.btn-close:focus {
    outline: 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 .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 .rbt-btn {
    white-space: nowrap;
}
.rbt-wishlist-area .rbt-component-section-title .description {
    max-width: 385px;
}
.rbt-wishlist-bottom-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
@media only screen and (max-width: 767px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-wishlist-bottom-area {
        display: block;
        margin-top: 16px;
    }
}
.rbt-wishlist-bottom-area .rbt-social-share-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-wishlist-bottom-area .rbt-social-share-area {
        margin-bottom: 24px;
    }
}
.rbt-copy-link-part {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
    margin-right: 8px;
    position: relative;
    width: fit-content;
}
@media only screen and (max-width: 767px) {
    .rbt-copy-link-part {
        margin-top: 24px;
    }
}
.rbt-copy-link-part .rbt-copy-link-title {
    white-space: nowrap;
    font-size: var(--font-size-b2);
    font-weight: var(--f-semi-bold);
}
.rbt-copy-link-part .rbt-copy-value-field {
    padding: 10px 16px;
    width: 350px;
    padding-right: 112px;
    box-shadow: unset;
    border-radius: var(--radius-60);
    appearance: none;
    transition: all 0.3s ease;
}
@media only screen and (max-width: 479px) {
    .rbt-copy-link-part .rbt-copy-value-field {
        width: 100%;
        padding-right: 76px;
    }
}
.rbt-copy-link-part .rbt-copy-value-field:focus {
    border-color: var(--color-border);
}
.rbt-copy-link-part .rbt-copy-value-field::selection {
    color: #fff;
    background-color: var(--color-primary);
}
.rbt-copy-link-part .rbt-btn {
    position: absolute;
    right: 8px;
    top: 50%;
    padding: 0 24px;
    transform: translateY(-50%);
    z-index: 1;
}
.rbt-copy-link-part .rbt-btn::after {
    content: attr(data-tooltip);
    min-width: 90px;
    height: auto;
    bottom: 124%;
    left: 30px;
    border-radius: var(--radius-60);
    font-size: 14px;
    line-height: 34px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    background-color: var(--color-black);
    color: var(--color-gray-200);
    transform: translateY(-10px) translateX(-50%);
    text-align: center;
    transition: var(--transition);
}
.rbt-copy-link-part .rbt-btn::before {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    margin-top: -9px;
    border-top: 8px solid var(--color-black);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    opacity: 0;
    transform: translateY(-10px);
    transition: var(--transition);
}
.rbt-copy-link-part .rbt-btn:hover::after {
    opacity: 1;
    transform: translateY(0) translateX(-50%);
}
.rbt-copy-link-part .rbt-btn:hover::before {
    opacity: 1;
    transform: unset;
}
.rbt-copy-link-part .rbt-btn i {
    font-size: inherit;
}
@media only screen and (max-width: 479px) {
    .rbt-copy-link-part .rbt-btn .rbt-btn-text {
        display: none;
    }
}
.rbt-find-locate-input-area .rbt-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 .rbt-location-icon {
    color: var(--color-primary);
    font-size: var(--h3);
}
.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: 0.6;
}
.rbt-round-shape-tab .nav-tabs {
    border: 2px solid var(--color-gray-200);
    border-radius: var(--radius-60);
    padding: 4px;
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
}
.rbt-round-shape-tab .nav-tabs .nav-item {
    margin: 0;
    padding: 0;
    flex-basis: 50%;
}
.rbt-round-shape-tab .nav-tabs .nav-item .nav-link {
    border: none;
    padding: 12px 32px;
    text-align: center;
    width: 100%;
    border-radius: var(--radius-60);
    color: var(--color-gray-400);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-semi-bold);
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.rbt-round-shape-tab .nav-tabs .nav-item .nav-link::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--color-brand-300);
    border-radius: var(--radius-60);
    scale: 0.8;
    opacity: 0;
    z-index: -1;
    transition: var(--transition);
}
.rbt-round-shape-tab .nav-tabs .nav-item .nav-link.active {
    color: var(--color-primary);
}
.rbt-round-shape-tab .nav-tabs .nav-item .nav-link.active::after {
    scale: 1;
    opacity: 1;
}
.rbt-round-shape-tab .nav-tabs .nav-item .nav-link:hover {
    color: var(--color-primary);
}
.rbt-round-shape-tab .nav-tabs .nav-item .nav-link.nav-link-btn-sm {
    padding: 4px 16px;
}
.rbt-round-shape-tab .nav-tabs.rbt-tabs-primary .nav-link::after {
    background: var(--color-primary);
}
.rbt-round-shape-tab .nav-tabs.rbt-tabs-primary .nav-link.active {
    color: var(--color-white);
}
.rbt-round-shape-tab.rbt-round-shape-more-tab-btn .nav-tabs {
    width: fit-content;
}
.rbt-round-shape-tab.rbt-round-shape-more-tab-btn .nav-tabs .nav-item {
    flex-basis: unset;
}
.rbt-round-shape-tab.rbt-round-shape-more-tab-btn
    .nav-tabs
    .nav-item
    .disabled {
    background: unset !important;
}
form .rbt-field-label {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    font-weight: var(--f-semi-bold);
    margin-bottom: 12px;
}
form .rbt-input-field {
    border-radius: var(--radius-60);
    box-shadow: none;
}
.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-minicart-bottom-section {
    background-color: var(--color-white);
    box-shadow: var(--shadow-1);
    position: fixed;
    bottom: -100px;
    left: 0;
    right: 0;
    z-index: 348;
    overflow: hidden;
    /* padding: 16px 0; */
    transition: all 0.3s;
}
@media only screen and (max-width: 767px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-minicart-bottom-section {
        display: none;
    }
}
.rbt-minicart-bottom-section.rbt-minicart-bottom-section-active {
    bottom: 0 !important;
}
@media only screen and (max-width: 1199px) {
    .rbt-minicart-bottom-section.rbt-minicart-bottom-section-active {
        bottom: 54px !important;
    }
}
@media only screen and (max-width: 575px) {
    .rbt-minicart-bottom-section.rbt-minicart-bottom-section-active {
        bottom: 54px !important;
    }
}
.rbt-minicart-bottom-section .course-action-bottom-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
@media only screen and (max-width: 767px) {
    .rbt-minicart-bottom-section .course-action-bottom-right {
        justify-content: center;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-minicart-bottom-section .rbt-price.large-size .current-price {
        font-size: 24px;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-minicart-bottom-section .rbt-price.large-size .current-price {
        font-size: 24px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-minicart-bottom-section .rbt-price.large-size .off-price {
        font-size: 13px;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-minicart-bottom-section .rbt-price.large-size .off-price {
        font-size: 13px;
    }
}
@media only screen and (max-width: 575px) {
    .rbt-minicart-bottom-section .rbt-price {
        display: none;
    }
}
.rbt-minicart-bottom-section .rbt-prd-info-section {
    display: flex;
    gap: 16px;
    align-items: center;
}
@media only screen and (max-width: 767px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-minicart-bottom-section .rbt-prd-info-section {
        text-align: center;
        justify-content: center;
    }
}
.rbt-minicart-bottom-section .rbt-prd-img {
    max-width: 84px;
}
.rbt-minicart-bottom-section .rbt-prd-img img {
    border-radius: 4px;
}
.rbt-minicart-bottom-section .rbt-content {
    text-align: left;
}
.rbt-minicart-bottom-section .rbt-minicart-bottom-section-right {
    text-align: end;
    justify-content: end;
    align-items: center;
    gap: 16px;
}
@media only screen and (max-width: 767px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-minicart-bottom-section .rbt-minicart-bottom-section-right {
        text-align: center;
        justify-content: center;
        flex-wrap: wrap;
    }
}
@media only screen and (max-width: 479px) {
    .rbt-minicart-bottom-section .rbt-minicart-bottom-section-right {
        gap: 4px;
    }
}
.rbt-minicart-bottom-section .pricing-part span {
    font-size: var(--h5);
    line-height: 1;
}
@media only screen and (max-width: 479px) {
    .rbt-minicart-bottom-section .rbt-title {
        font-size: var(--font-size-b3);
    }
}
@media only screen and (max-width: 479px) {
    .rbt-minicart-bottom-section .rbt-desc {
        font-size: var(--font-size-b4);
    }
}
.rbt-sidebar-cart.sticky-top {
    top: 136px;
}
.rbt-sidebar-widget {
    padding: 32px;
    background: var(--color-gray-100);
    border-radius: var(--radius-md);
}
@media only screen and (max-width: 767px) {
    .rbt-sidebar-widget {
        padding: 24px;
    }
}
.rbt-sidebar-widget.rbt-sidebar-widget-sm {
    padding: 24px;
}
.rbt-sidebar-widget .rbt-cart-subttotal {
    padding: 6px 0;
}
.rbt-sidebar-widget .rbt-cart-subttotal:first-child {
    padding-top: 0;
}
.rbt-sidebar-widget .rbt-offcanvas-inner-popup-card .rbt-button-group {
    gap: 8px;
    justify-content: start;
}
.rbt-sidebar-widget .rbt-offcanvas-inner-popup-card .rbt-button-group .rbt-btn {
    display: inline-block;
}
@media only screen and (max-width: 479px),
    only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rbt-sidebar-widget
        .rbt-offcanvas-inner-popup-card
        .rbt-button-group
        .rbt-btn {
        width: 100%;
        display: block;
    }
}
.rbt-coupon-slide-active {
    max-width: 100%;
    padding-bottom: 20px;
}
.rbt-coupon-slide-active .swiper-slide {
    width: 90%;
    max-width: 325px;
}
.rbt-coupon-slide-active .swiper-slide .rbt-coupon {
    width: 100%;
    max-width: 325px;
}
@media only screen and (max-width: 1199px) {
    .rbt-coupon-slide-active .swiper-slide .rbt-coupon {
        min-width: unset;
    }
}
.rbt-single-collapse-item .rbt-collapse-btn .rbt-icon {
    rotate: 0deg;
    color: var(--color-gray-700);
    transition: var(--transition);
}
.rbt-single-collapse-item .rbt-collapse-btn:not(.collapsed) .rbt-icon {
    rotate: 180deg;
    color: var(--color-primary);
}
.rbt-order-sum-area.rbt-order-sum-area-sm .ordered-item {
    max-width: 68px;
    min-width: 20px;
}
.rbt-order-sum-area.rbt-order-sum-area-sm .more-icon {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    z-index: 1;
}
.rbt-order-sum-area.rbt-order-sum-area-sm .more-icon::before {
    content: '';
    height: 100%;
    width: 100%;
    transform: translate(-80%, -50%) scale(0.8);
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--color-gray-200);
    border-radius: 4px;
    z-index: -1;
    transition: var(--transition);
    opacity: 0;
    visibility: hidden;
}
.rbt-order-sum-area.rbt-order-sum-area-xm .ordered-item {
    max-width: 70px;
    min-width: 48px;
}
.rbt-order-sum-area.rbt-order-sum-area-xm .more-icon {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    z-index: 1;
}
.rbt-order-sum-area.rbt-order-sum-area-xm .more-icon::before {
    content: '';
    height: 100%;
    width: 100%;
    transform: translate(-80%, -50%) scale(0.8);
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--color-gray-200);
    border-radius: 4px;
    z-index: -1;
    transition: var(--transition);
    opacity: 0;
    visibility: hidden;
}
.rbt-order-sum-area .ordered-items-wrapper:hover .more-icon::before {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.02);
}
.rbt-checkout-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 .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: 0.8;
    filter: grayscale(1);
}
.rbt-switcher--color.rbt-disabled {
    transition: var(--transition);
}
.rbt-switcher--color.rbt-disabled::before {
    content: '';
    height: calc(100% + 12px);
    width: 1px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    position: absolute;
    background: var(--color-gray-300);
    transition: all 0.4s cubic-bezier(0, 0, 0.34, 0.54);
}
.rbt-switcher-root li.active .rbt-store-button {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white);
}
.rbt-footer .rbt-footer-top .logo a img {
    max-height: 40px;
}
.rbt-footer .rbt-footer-top .description {
    margin-top: 15px;
    margin-bottom: 25px;
    color: var(--color-gray-500);
}
.rbt-footer .rbt-footer-top .description.rbt-less-wider-desc {
    max-width: 236px;
}
.rbt-footer .footer-bottom {
    padding: 32px 0;
}
@media only screen and (max-width: 479px) {
    .rbt-footer .footer-bottom {
        padding: 16px 0;
    }
}
.rbt-footer .footer-bottom .rbt-footer-social-area {
    display: flex;
    align-items: center;
    color: var(--color-gray-500);
    flex-wrap: wrap;
    gap: 24px;
}
@media only screen and (max-width: 479px) {
    .rbt-footer .footer-bottom .rbt-footer-social-area {
        gap: 12px;
    }
}
.rbt-footer .footer-bottom .rbt-footer-social-area p {
    margin-bottom: 0;
}
.rbt-footer .footer-bottom .rbt-app-store-area {
    display: flex;
    align-items: center;
    color: var(--color-gray-500);
    justify-content: flex-end;
    margin-top: 0;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}
.rbt-footer .footer-bottom .rbt-app-store-area li a img {
    max-height: 40px;
}
@media only screen and (max-width: 479px) {
    .rbt-footer .footer-bottom .rbt-app-store-area li a img {
        max-height: 24px;
    }
}
.rbt-footer .footer-bottom .rbt-app-store-area p {
    margin-bottom: 0;
}
.rbt-footer .footer-widget .ft-title {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    margin-bottom: 12px;
    font-weight: 600;
}
@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;
}
.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 .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.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: var(--radius);
}
.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: 14px;
    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-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 .rbt-icon {
    font-size: var(--font-size-b1);
    color: var(--color-heading);
    transition: var(--transition);
}
.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;
}
@-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%;
    }
}
.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 0.2s linear;
    transition: all 0.2s linear;
    backdrop-filter: blur(2px);
    background: rgba(255, 255, 255, 0.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 0.2s linear;
    transition: all 0.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 0.2s linear;
    transition: all 0.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 0.2s linear;
    transition: all 0.2s linear;
    opacity: 0.6;
}
:root {
    --splash-shadow: 0px 8px 100px 0px #eaeaea;
}
.rbt-splash-section-title .icons {
    font-size: 32px;
    display: flex;
    gap: 24px;
    margin-bottom: 24px;
}
.rbt-splash-section-title .subtitle {
    font-size: 20px;
    display: inline-block;
    margin-bottom: 8px;
    color: var(--color-black);
    font-family: var(--font-primary);
    position: relative;
    z-index: 2;
}
.rbt-splash-section-title .rbt-title {
    font-size: 52px;
    color: var(--color-black);
    line-height: 1;
    position: relative;
    z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-splash-section-title .rbt-title {
        font-size: 44px;
    }
}
@media only screen and (max-width: 767px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-splash-section-title .rbt-title {
        font-size: 32px;
    }
}
.rbt-splash-section-title .rbt-title .rbt-title-sm-text {
    font-size: 40px;
    font-weight: var(--f-regular);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-splash-section-title .rbt-title .rbt-title-sm-text {
        font-size: 36px;
    }
}
@media only screen and (max-width: 767px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-splash-section-title .rbt-title .rbt-title-sm-text {
        font-size: 28px;
    }
}
.rbt-splash-section-title .rbt-title .rbt-overlay-text {
    font-size: 280px;
    font-weight: 700;
    padding: 6px 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -54%;
    line-height: 0.7;
    z-index: -1;
    white-space: nowrap;
    user-select: none;
}
.rbt-splash-section-title .rbt-title .rbt-overlay-text.overlay-sm {
    font-size: 112px;
}
.rbt-splash-section-title
    .rbt-title
    .rbt-overlay-text.overlay-text-color-var-2 {
    background: linear-gradient(180deg, #d8e8ff 0, #eff1f4 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.rbt-splash-section-title
    .rbt-title
    .rbt-overlay-text.overlay-text-color-var-3 {
    background: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, 0) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-splash-section-title .rbt-title .rbt-overlay-text {
        font-size: 160px;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-splash-section-title .rbt-title .rbt-overlay-text {
        font-size: 110px;
    }
}
@media only screen and (max-width: 479px) {
    .rbt-splash-section-title .rbt-title .rbt-overlay-text {
        font-size: 80px;
    }
}
.rbt-splash-section-title .rbt-title .rbt-text-sm {
    font-size: 40px;
    font-weight: 400;
}
@media only screen and (max-width: 767px) {
    .rbt-splash-section-title .rbt-title .rbt-text-sm {
        font-size: 30px;
    }
}
.rbt-splash-section-title .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 .odometer .odometer-digit .odometer-value {
    background: linear-gradient(
        180deg,
        rgba(33, 90, 218, 0.3) 0,
        rgba(239, 241, 244, 0.3) 87.5%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.rbt-overlay-counter.color-variation-2
    .odometer
    .odometer-digit
    .odometer-value {
    background: linear-gradient(
        180deg,
        rgba(33, 90, 218, 0.6) 0,
        rgba(0, 0, 0, 0.6) 87.5%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.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 .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, 0.5);
    backdrop-filter: blur(3px);
    position: absolute;
    top: 36%;
    left: 42%;
}
@media only screen and (max-width: 767px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-intro-video-box .desktop .play-btn {
        font-size: 24px;
        height: 80px;
        width: 80px;
    }
}
@media only screen and (max-width: 575px) {
    .rbt-intro-video-box .desktop .play-btn {
        top: 27%;
        left: 39%;
    }
}
.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 .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 .rbt-inner {
    position: relative;
    z-index: 1;
    border-radius: var(--radius-12);
}
.rbt-key-features .rbt-single-key-feature-card .rbt-content {
    padding: 24px 0 24px 24px;
}
.rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-pre-title {
    color: var(--color-black);
    font-size: var(--font-size-b1);
    margin-bottom: 4px;
}
.rbt-key-features
    .rbt-single-key-feature-card
    .rbt-content
    .rbt-key-feature-list {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.rbt-key-features
    .rbt-single-key-feature-card
    .rbt-content
    .rbt-key-feature-list
    li {
    padding: 4px 10px;
    margin: 0;
    display: flex;
    gap: 4px;
    align-items: center;
    font-size: var(--font-size-b4);
    line-height: 1.86;
    font-weight: var(--f-semi-bold);
    color: var(--color-black);
    background: rgba(219, 235, 255, 0.61);
    border-radius: 100px;
}
.rbt-key-features
    .rbt-single-key-feature-card
    .rbt-content
    .rbt-key-feature-list
    li
    i {
    color: var(--color-primary);
}
.rbt-key-features
    .rbt-single-key-feature-card
    .rbt-content
    .rbt-key-feature-list
    li
    .rbt-marquee {
    overflow: hidden;
    position: relative;
    max-width: 72px;
    white-space: nowrap;
    font-weight: var(--f-regular);
}
.rbt-key-features
    .rbt-single-key-feature-card
    .rbt-content
    .rbt-key-feature-list
    li
    .rbt-marquee:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20px;
    background: linear-gradient(to right, #e3f0ff, rgba(255, 255, 255, 0));
    z-index: 2;
}
.rbt-key-features
    .rbt-single-key-feature-card
    .rbt-content
    .rbt-key-feature-list
    li
    .rbt-marquee:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 20px;
    background: linear-gradient(to left, #e3f0ff, rgba(255, 255, 255, 0));
    z-index: 1;
}
.rbt-key-features
    .rbt-single-key-feature-card
    .rbt-content
    .rbt-key-feature-list
    li
    .rbt-marquee
    span {
    display: inline-flex;
    position: relative;
    z-index: 1;
    line-height: 1.2;
    font-weight: var(--f-regular);
    animation: btnTxtMarqueeX 5s linear infinite;
}
.rbt-key-features
    .rbt-single-key-feature-card
    .rbt-content
    .rbt-key-feature-list
    li
    .rbt-marquee
    span::after {
    content: attr(data-text);
    position: absolute;
    white-space: nowrap;
    top: 50%;
    left: 100%;
    transform: translate(15%, -50%);
}
.rbt-key-features
    .rbt-single-key-feature-card.rbt-card-var-1
    .rbt-content
    .rbt-title {
    background: linear-gradient(87deg, #000 0.54%, #0039ba 61.46%, #215ada 87%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.rbt-key-features
    .rbt-single-key-feature-card.rbt-card-var-2
    .rbt-content
    .rbt-title {
    background: linear-gradient(
        90deg,
        #030303 37.5%,
        #009d50 73.49%,
        #00ff82 85.25%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.rbt-key-features
    .rbt-single-key-feature-card.rbt-card-var-2
    .rbt-content
    .rbt-key-feature-list
    li {
    background: rgba(204, 245, 225, 0.51);
}
.rbt-key-features
    .rbt-single-key-feature-card.rbt-card-var-2
    .rbt-content
    .rbt-key-feature-list
    li
    i {
    color: #1dbf73;
}
.rbt-key-features
    .rbt-single-key-feature-card.rbt-card-var-2
    .rbt-content
    .rbt-key-feature-list
    li
    .rbt-marquee:before {
    background: linear-gradient(to right, #dbfaeb, rgba(255, 255, 255, 0));
}
.rbt-key-features
    .rbt-single-key-feature-card.rbt-card-var-2
    .rbt-content
    .rbt-key-feature-list
    li
    .rbt-marquee:after {
    background: linear-gradient(to left, #dbfaeb, rgba(255, 255, 255, 0));
}
.rbt-key-features
    .rbt-single-key-feature-card.rbt-card-var-3
    .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
    .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-slide-active {
    height: 115px;
    width: 95px;
    position: absolute;
    right: 20px;
    top: 20px;
}
.rbt-feature-slide-active::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    height: 40px;
    background: linear-gradient(
        to bottom,
        rgba(255, 242, 228, 0.7607843137),
        rgba(255, 241, 227, 0)
    );
    z-index: 2;
    pointer-events: none;
}
.rbt-feature-slide-active::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60%;
    height: 50px;
    background: linear-gradient(
        to top,
        rgba(255, 242, 228, 0.7607843137),
        rgba(255, 241, 227, 0)
    );
    z-index: 1;
    pointer-events: none;
}
.rbt-feature-slide-active .swiper-slide {
    width: fit-content;
    margin-left: auto;
    transition: var(--transition);
    height: 15px;
}
.rbt-feature-slide-active .swiper-slide .rbt-slide {
    height: 100%;
}
.rbt-feature-slide-active .swiper-slide .rbt-slide img {
    height: 100%;
}
.rbt-feature-slide-active .swiper-slide.swiper-slide-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 .rbt-card-img {
    position: relative;
    display: flex;
}
.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-4 .rbt-card-img .icon {
    position: absolute;
    right: 70%;
    bottom: 4%;
}
.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 .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 .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 .rbt-card-img {
    display: flex;
    align-items: center;
    justify-content: center;
}
.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 .rbt-demo-wrapper .demo-single .thumbnail img {
    transition: var(--transition);
}
.rbt-splash-demos-area .rbt-demo-wrapper .demo-single:hover .thumbnail img {
    transform: scale(1.02);
}
.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
    .rbt-demo-wrapper
    .demo-single
    .inner
    .content
    .rbt-tag-list
    .rbt-tag {
    padding: 4px 8px !important;
    border-radius: 16px;
}
.rbt-splash-demos-area .rbt-load-more-element-btn {
    position: absolute;
    top: calc(100% + 48px);
    left: 50%;
    transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
    .rbt-splash-demos-area .rbt-load-more-element-btn {
        top: calc(100% + 24px);
    }
}
.rbt-splash-demos-area .rbt-nothing-found {
    border: 2px solid var(--color-white);
    margin-top: 24px;
    padding: 32px 24px;
    border-radius: var(--radius);
    text-align: center;
    box-shadow: 0 8px 30px 5px rgba(0, 0, 0, 0.05);
    background: var(--color-white);
    display: none;
}
.rbt-splash-demos-area .rbt-nothing-found .rbt-description {
    font-size: var(--font-size-b1);
    line-height: 1.6;
}
.rbt-has-load-more-element .rbt-load-single-element {
    display: none;
}
.rbt-has-load-more-element .rbt-load-single-element.visible {
    display: block;
}
.rbt-bottom-bar.rbt-demo-filter-bottom-bar {
    z-index: -1;
}
.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 .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 .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);
}
.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 .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 .inner .thumbnail {
        display: block;
    }
}
.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-card .rbt-product-badge {
    border-radius: 20px;
    position: absolute;
    top: 24px;
    right: 24px;
}
@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-area .sticky-top,
.rbt-header-builder-area .sticky-top {
    top: 132px;
}
.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;
}
.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;
    }
}
.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-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;
    }
}
.rbt-splash-filter-area .sticky-top {
    top: 100px;
}
@media only screen and (max-width: 767px) {
    .rbt-filter-product-layout-box .rbt-overlay-indicator-text .icon {
        width: 116px;
    }
}
@media only screen and (max-width: 767px) {
    .rbt-overlay-indicator-text .icon {
        width: 116px;
    }
}
.rbt-filter-option-list li .rbt-title {
    line-height: 1;
}
.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 .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);
}
@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-layout-img-area .tab-pane {
    transform: translateY(0);
    opacity: 1;
}
.rbt-search-option-layout-img-area .tab-pane.show {
    animation: splashslideDown 0.5s ease-out forwards;
}
.rbt-search-option-layout-img-area .tab-pane.fade:not(.show) {
    animation: splashslideUp 0.5s ease-out forwards;
}
@keyframes splashslideDown {
    from {
        transform: translateY(100px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes splashslideUp {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-100px);
        opacity: 0;
    }
}
@keyframes splashzoomIn {
    from {
        transform: scale(0.8);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes splashzoomOut {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(0.8);
        opacity: 0;
    }
}
.tab-pane .layout-bg,
.tab-pane .layout-img {
    opacity: 1;
}
.tab-pane.show .layout-img {
    animation: splashslideDown 0.5s ease-out forwards;
}
.tab-pane.fade:not(.show) .layout-img {
    animation: splashslideUp 0.5s ease-out forwards;
}
.tab-pane.show .layout-bg {
    animation: splashzoomIn 0.5s ease-out forwards;
}
.tab-pane.fade:not(.show) .layout-bg {
    animation: splashzoomOut 0.5s ease-out forwards;
}
.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-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-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-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-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
    .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;
}
@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 .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 .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-mobile-approach-card .rbt-product-badge {
    position: absolute;
    right: 16px;
    top: 16px;
}
.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, 0.5);
}
.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;
}
.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 .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-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-title {
    font-family: var(--font-primary);
    font-weight: var(--f-medium);
    margin-bottom: 12px;
}
.rbt-splash-testimonial-area .marketplace .market-name .review {
    margin-top: -3px;
}
.rbt-splash-testimonial-area .marketplace .rating {
    color: #fcc418;
}
.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 .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 .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.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.builder-card-sm .rbt-card-content .rbt-title {
    font-size: var(--h6);
}
.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, 0.1);
}
.rbt-splash-megamenu-slider-active .rbt-element img {
    width: 100%;
    max-height: 244px;
}
.splash-btn.icon-reverse-left .icon-right {
    margin-right: 0;
    transition:
        opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55),
        margin 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.splash-btn.icon-reverse-left:focus .icon-right,
.splash-btn.icon-reverse-left:hover .icon-right {
    margin-right: -24px;
    opacity: 0;
}
.splash-btn.icon-reverse-right .icon-right {
    margin-right: -24px;
    opacity: 0;
    transition: var(--transition);
    transition:
        opacity 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55),
        margin 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.splash-btn.icon-reverse-right: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.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-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-builder-banner
    .rbt-splash-section-title
    .rbt-description {
    color: var(--color-gray-300);
}
.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-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-scroll-area .rbt-scroll-animation-wrapper {
    background: linear-gradient(
        270deg,
        #fd998e 0,
        #ab4fa9 50.52%,
        #4d3fae 100%
    );
}
.rbt-splash-scroll-area .rbt-scroll-animation-wrapper .rbt-category-list {
    color: var(--color-white);
    gap: 30px;
}
.rbt-splash-scroll-area .rbt-scroll-animation-wrapper .rbt-category-list > div {
    padding-left: 30px;
}
.rbt-splash-scroll-area
    .rbt-scroll-animation-wrapper
    .rbt-category-list
    > div
    + div {
    border-left: 2px solid rgba(255, 255, 255, 0.4);
}
.hamberger-button.rbt-splash-hamberger {
    background: rgba(0, 0, 0, 0.8);
    color: var(--color-extra-six);
    display: flex;
    height: 32px;
    width: 32px;
}
@media only screen and (max-width: 767px) {
    .hamberger-button.rbt-splash-hamberger {
        background: rgba(149, 143, 149, 0.18);
        backdrop-filter: blur(15px);
        border-radius: 4px;
    }
}
.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-builder-banner-var-2
    .rbt-splash-section-title
    .rbt-description {
    padding: 0 20px;
    max-width: 578px;
    margin: 0 auto;
}
.rbt-builder-banner.rbt-builder-banner-var-2
    .rbt-banner-part-right
    .rbt-content {
    background:
        linear-gradient(
            0deg,
            rgba(33, 90, 218, 0) -520.76%,
            rgba(33, 90, 218, 0.95) 83.74%
        ),
        url(../images/splash/banner/banner-bg2.webp);
    padding: 52px 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
@media only screen and (max-width: 767px),
    only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-builder-banner.rbt-builder-banner-var-2
        .rbt-banner-part-right
        .rbt-content {
        padding: 24px 20px;
    }
}
.rbt-builder-banner.rbt-builder-banner-var-2
    .rbt-banner-part-right
    .rbt-content.rbt-has-not-background {
    background: 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;
    }
}
@keyframes rotate-forward {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes up-down {
    0% {
        top: 50%;
    }
    100% {
        top: 55%;
    }
}
.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 .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: var(--color-white);
    border: 2px solid var(--color-white);
    box-shadow: var(--shadow-10);
    padding: 16px;
}
@media only screen and (max-width: 767px) {
    .rbt-profile-sidebar {
        max-height: 360px;
        overflow-y: scroll;
    }
}
.rbt-profile-sidebar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: var(--color-gray-200);
    border-radius: 40px;
    width: 4px;
}
.rbt-profile-sidebar::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    background-color: var(--color-gray-200);
    cursor: pointer;
}
.rbt-profile-sidebar::-webkit-scrollbar-thumb {
    border-radius: 40px;
    background-color: var(--color-gray-400);
}
.rbt-profile-sidebar.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.rbt-profile-sidebar.sticky-top {
    top: 136px;
}
.rbt-user-profile {
    display: flex;
    align-items: start;
}
.rbt-user-profile .rbt-user-profile-img {
    height: 56px;
    width: 56px;
    min-width: 56px;
    border: 2px solid var(--color-gray-200);
    border-radius: var(--radius-full);
    overflow: hidden;
}
@media only screen and (max-width: 767px),
    only screen and (min-width: 1200px) and (max-width: 1399px) {
    .rbt-user-profile .rbt-user-profile-img {
        height: 48px;
        width: 48px;
        min-width: 48px;
    }
}
.rbt-user-profile .rbt-user-profile-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.rbt-sidebar-widgets {
    padding-top: 16px;
}
.rbt-sidebar-single-widget {
    margin-bottom: 20px;
}
.rbt-sidebar-single-widget .rbt-title {
    margin-bottom: 4px;
    font-weight: var(--f-medium);
}
.rbt-sidebar-single-widget .rbt-sidebar-nav-list {
    gap: 4px;
}
.rbt-sidebar-single-widget .rbt-sidebar-nav-list a,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    font-size: var(--font-size-b2);
    color: var(--color-gray-500);
    border-radius: var(--radius);
    gap: 12px;
}
.rbt-sidebar-single-widget .rbt-sidebar-nav-list a,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.rbt-sidebar-single-widget .rbt-sidebar-nav-list a::after,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -25%);
    width: 100%;
    height: 100%;
    background: var(--color-brand-300);
    z-index: -1;
    opacity: 0;
    transition: var(--transition);
}
.rbt-sidebar-single-widget .rbt-sidebar-nav-list a.active,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list a:hover,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button.active,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button:hover {
    color: var(--color-primary);
}
.rbt-sidebar-single-widget .rbt-sidebar-nav-list a.active::after,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list a:hover::after,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button.active::after,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button:hover::after {
    opacity: 1;
    transform: translate(-50%, 0);
}
.rbt-sidebar-single-widget .rbt-sidebar-nav-list a.active,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button.active {
    font-weight: var(--f-bold);
}
.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 .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;
}