:root {
    --color-primary: #215ADA;
    --color-secondary: #FF4C1A;
    --color-green: #24BD25;
    --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: #e9f1fc;
    --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: #555555;
    --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: 2px;
    --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 .4s cubic-bezier(.15, .2, .1, 1);
    --transition-short-cubic: all .2s cubic-bezier(.15, .2, .1, 1);
    --transition-short: all 0.2s ease-in-out;
    --transition-2: 256ms ease-in-out;
    --transition-3: transform .85s cubic-bezier(.23, 1, .32, 1), background .3s, border .3s, border-radius .3s, box-shadow .3s;
    --transition-4: all .25s cubic-bezier(.645, .045, .355, 1);
    --font-primary: "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.90) 0%, rgba(255, 255, 255, 0.90) 100%)
}



.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu,
.mainbar-row .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu,
.rbt-dropdown-menu-elastic li .sub-menu,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu,
.rbt-user-wrapper .rbt-user-menu-list-wrapper {
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    transition: all .2s ease-in-out, clip-path .4s ease-in-out;
    opacity: 0;
    visibility: visible
}

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

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

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

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

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

.liststyle {
    padding: 0;
    margin: 0;
    list-style: none
}

.liststyle li {
    margin: 0
}

.height-auto {
    height: auto !important
}

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

.max-width-542 {
    max-width: 542px !important
}

body.theme-yellow {
    --color-primary: var(--color-yellow)
}

body.theme-blue {
    --color-primary: #2196F3
}

body.theme-red {
    --color-primary: #F44336
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

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

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

[hidden] {
    display: none
}

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

a:active,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0;
}

a:focus {
    outline: 0
}

address {
    margin: 0 0 24px
}

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

b,
strong {
    font-weight: 700
}

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

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

ins,
kbd {
    color: #fff
}

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

small {
    font-size: smaller
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

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

dd {
    margin: 0 15px 15px
}

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

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

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

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

ol ul {
    margin-bottom: 0
}

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

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

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 1px solid var(--color-border);
    margin: 0 2px;
    min-width: inherit;
    padding: .35em .625em .75em
}

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

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

button,
input {
    line-height: normal
}

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

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

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

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

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

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

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

caption,
td,
th {
    font-weight: 400
}

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

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

del {
    color: #333
}

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

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

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

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

dd {
    margin: 0 15px 15px
}

caption {
    caption-side: top
}

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

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

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

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

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

blockquote blockquote {
    margin-right: 0
}

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

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

* {
    box-sizing: border-box
}

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

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

@media only screen and (max-width: 767px) {
    body {
        font-size: 14px
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
address,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
menu,
ol,
p,
pre,
table,
ul {
    margin: 0;
    margin-bottom: 20px
}

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

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    address,
    blockquote,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    hr,
    menu,
    ol,
    p,
    pre,
    table,
    ul {
        margin-bottom: 12px
    }
}

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

.h1,
h1 {
    font-size: var(--h1);
    line-height: 1.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.has-large-font-size {
    line-height: 1.5;
    font-size: 36px
}

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

p.has-medium-font-size {
    font-size: 17px;
    line-height: 36px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    p.has-medium-font-size {
        font-size: 18px;
        line-height: 30px
    }
}

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

p.has-small-font-size {
    font-size: 12px
}

p.has-very-light-gray-color {
    color: var(--color-white)
}

p.has-background {
    padding: 20px 30px
}

p.b1 {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1)
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    p.b1 {
        font-size: 16px
    }
}

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

p.b2 {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2)
}

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

p.b3 {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3)
}

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

p.b4 {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

@media only screen and (max-width: 767px) {
    p.b4 {
        font-size: 10px;
        line-height: 1
    }
}

p:last-child {
    margin-bottom: 0
}

.b1 {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1)
}

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

.b2 {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2)
}

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

.b3 {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3)
}

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

.b4 {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

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

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

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

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

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

ol,
ul {
    padding-left: 18px
}

ul {
    list-style: none;
    margin-bottom: 30px;
    padding-left: 20px
}

ul.liststyle.bullet li {
    font-size: 18px;
    line-height: 30px;
    color: var(--color-body);
    position: relative;
    padding-left: 30px
}

@media only screen and (max-width: 767px) {
    ul.liststyle.bullet li {
        padding-left: 19px
    }
}

ul.liststyle.bullet li::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: var(--radius-full);
    background: var(--color-body);
    left: 0;
    top: 10px
}

ul.liststyle.bullet li+li {
    margin-top: 8px
}

ul li {
    margin-top: 12px;
    margin-bottom: 12px;
    color: var(--color-body)
}

ul li a {
    text-decoration: none;
    color: var(--color-heading)
}

ul li a:hover {
    color: var(--color-primary)
}

ul li::marker {
    color: var(--color-primary);
    font-size: 12px
}

ul ul {
    margin-bottom: 0
}

ol {
    margin-bottom: 30px
}

ol li {
    color: var(--color-body);
    margin-top: 10px;
    margin-bottom: 10px
}

ol li a {
    color: var(--heading-color);
    text-decoration: none
}

ol li a:hover {
    color: var(--color-primary)
}

ol ul {
    padding-left: 30px
}

.nav-pills {
    margin-bottom: 30px
}

.nav-pills li {
    margin: 0
}

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

.nav-pills li button:hover {
    color: var(--color-heading)
}

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

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

@-webkit-keyframes rbt_bounce_loop {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(20%);
        transform: translateY(20%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes rbt_bounce_loop {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(20%);
        transform: translateY(20%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes rbt_rotatation_round {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes rbt_rotatation_round {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

.rbt-rotatation-round {
    will-change: transform;
    -webkit-animation-name: rbt_rotatation_round;
    animation-name: rbt_rotatation_round;
    -webkit-animation-duration: 50s;
    animation-duration: 50s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes bounceSlide {

    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }
}

.bounce-slide {
    animation-duration: 4s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-name: bounceSlide
}

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

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

@keyframes rbtbudgetShiny {
    0% {
        transform: scale(0) rotate(45deg);
        opacity: 0
    }

    93% {
        transform: scale(0) rotate(45deg);
        opacity: .1
    }

    95% {
        transform: scale(4) rotate(45deg);
        opacity: .6
    }

    100% {
        transform: scale(50) rotate(45deg);
        opacity: 0
    }
}

.rbt-flash-animation>img,
.rbt-flash-animation>svg {
    animation: rbt_flash_animate 4s infinite
}

@keyframes rbt_flash_animate {
    0% {
        opacity: 1
    }

    5% {
        opacity: .1
    }

    10% {
        opacity: .9
    }

    15% {
        opacity: .1
    }

    20% {
        opacity: .9
    }

    25% {
        opacity: .1
    }

    30% {
        opacity: .9
    }

    100% {
        opacity: 1
    }
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.fix {
    overflow: hidden
}

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

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        padding-right: 16px;
        padding-left: 16px
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rbt-bg-color-gray-light {
    background-color: #f9f9f9 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fullscreen {
    min-height: 100vh;
    width: 100%
}

@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%
    }

    .col-md-2-5 {
        width: 40%
    }

    .col-md-3-5 {
        width: 60%
    }

    .col-md-4-5 {
        width: 80%
    }

    .col-md-5-5 {
        width: 100%
    }
}

@media (min-width: 992px) {
    .col-lg-1-5 {
        width: 20%
    }

    .col-lg-2-5 {
        width: 40%
    }

    .col-lg-3-5 {
        width: 60%
    }

    .col-lg-4-5 {
        width: 80%
    }

    .col-lg-5-5 {
        width: 100%
    }
}

@media (min-width: 1400px) {
    .col-xl-1-5 {
        width: 20%
    }

    .col-xl-2-5 {
        width: 40%
    }

    .col-xl-3-5 {
        width: 60%
    }

    .col-xl-4-5 {
        width: 80%
    }

    .col-xl-5-5 {
        width: 100%
    }
}

@media (min-width: 992px) {
    .col-md-1-8 {
        width: 12.5%
    }

    .col-md-2-8 {
        width: 25%
    }

    .col-md-3-8 {
        width: 37.5%
    }

    .col-md-4-8 {
        width: 50%
    }

    .col-md-5-8 {
        width: 62.5%
    }

    .col-md-6-8 {
        width: 75%
    }

    .col-md-7-8 {
        width: 87.5%
    }

    .col-md-8-8 {
        width: 100%
    }
}

@media (min-width: 992px) {
    .col-lg-1-8 {
        width: 12.5%
    }

    .col-lg-2-8 {
        width: 25%
    }

    .col-lg-3-8 {
        width: 37.5%
    }

    .col-lg-4-8 {
        width: 50%
    }

    .col-lg-5-8 {
        width: 62.5%
    }

    .col-lg-6-8 {
        width: 75%
    }

    .col-lg-7-8 {
        width: 87.5%
    }

    .col-lg-8-8 {
        width: 100%
    }
}

@media (min-width: 1400px) {
    .col-xxl-1-8 {
        width: 12.5%
    }

    .col-xxl-2-8 {
        width: 25%
    }

    .col-xxl-3-8 {
        width: 37.5%
    }

    .col-xxl-4-8 {
        width: 50%
    }

    .col-xxl-5-8 {
        width: 62.5%
    }

    .col-xxl-6-8 {
        width: 75%
    }

    .col-xxl-7-8 {
        width: 87.5%
    }

    .col-xxl-8-8 {
        width: 100%
    }
}

.row--0 {
    margin-left: 0;
    margin-right: 0
}

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

.row--4 {
    margin-left: -4px;
    margin-right: -4px
}

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

.row--8 {
    margin-left: -8px;
    margin-right: -8px
}

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

.row--16 {
    margin-left: -16px;
    margin-right: -16px
}

@media only screen and (max-width: 767px) {
    .row--16 {
        margin-left: -8px !important;
        margin-right: -8px !important
    }
}

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

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

.row--12 {
    margin-left: -12px;
    margin-right: -12px
}

@media only screen and (max-width: 767px) {
    .row--12 {
        margin-left: -8px !important;
        margin-right: -8px !important
    }
}

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

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

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

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

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

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

    .row--12>[class*=col-],
    .row--12>[class*=col] {
        padding-left: 12px !important;
        padding-right: 12px !important
    }
}

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

    .row--12>[class*=col-],
    .row--12>[class*=col] {
        padding-left: 8px !important;
        padding-right: 8px !important
    }
}

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

    .row--12>[class*=col-],
    .row--12>[class*=col] {
        padding-left: 8px !important;
        padding-right: 8px !important
    }
}

.row--20 {
    margin-left: -20px;
    margin-right: -20px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .row--20 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .row--20 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .row--20 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 767px) {
    .row--20 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

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

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

    .row--20>[class*=col-],
    .row--20>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

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

    .row--20>[class*=col-],
    .row--20>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

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

    .row--20>[class*=col-],
    .row--20>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

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

    .row--20>[class*=col-],
    .row--20>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.row--24 {
    margin-left: -24px;
    margin-right: -24px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .row--24 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .row--24 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .row--24 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 767px) {
    .row--24 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

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

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

    .row--24>[class*=col-],
    .row--24>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

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

    .row--24>[class*=col-],
    .row--24>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

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

    .row--24>[class*=col-],
    .row--24>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

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

    .row--24>[class*=col-],
    .row--24>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.row--32 {
    margin-left: -32px;
    margin-right: -32px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .row--32 {
        margin-left: -32px;
        margin-right: -32px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .row--32 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .row--32 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 767px) {
    .row--32 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

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

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

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

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

    .row--32>[class*=col-],
    .row--32>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

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

    .row--32>[class*=col-],
    .row--32>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

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

    .row--32>[class*=col-],
    .row--32>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.row--40 {
    margin-left: -40px;
    margin-right: -40px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .row--40 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .row--40 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .row--40 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 767px) {
    .row--40 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

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

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

    .row--40>[class*=col-],
    .row--40>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

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

    .row--40>[class*=col-],
    .row--40>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

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

    .row--40>[class*=col-],
    .row--40>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

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

    .row--40>[class*=col-],
    .row--40>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.row--45 {
    margin-left: -45px;
    margin-right: -45px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .row--45 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .row--45 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .row--45 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 767px) {
    .row--45 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

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

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

    .row--45>[class*=col-],
    .row--45>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

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

    .row--45>[class*=col-],
    .row--45>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

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

    .row--45>[class*=col-],
    .row--45>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

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

    .row--45>[class*=col-],
    .row--45>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.row--60 {
    margin-left: -60px;
    margin-right: -60px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .row--60 {
        margin-left: -60px;
        margin-right: -60px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .row--60 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .row--60 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 767px) {
    .row--60 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

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

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

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

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

    .row--60>[class*=col-],
    .row--60>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

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

    .row--60>[class*=col-],
    .row--60>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

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

    .row--60>[class*=col-],
    .row--60>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    opacity: 1
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1
}

[data-black-overlay],
[data-gradient-overlay],
[data-overlay],
[data-white-overlay] {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.opacity-7 {
    opacity: .7
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#scrollUp {
    width: 70px;
    height: 80px;
    right: 100px;
    bottom: 60px;
    text-align: center;
    z-index: 9811 !important;
    text-decoration: none;
    background: #fff;
    line-height: 80px;
    color: #757589;
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
    background: #fff
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    #scrollUp {
        right: 20px;
        bottom: 40px
    }
}

@media only screen and (max-width: 767px) {
    #scrollUp {
        right: 20px;
        bottom: 40px
    }
}

#scrollUp::before {
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: rgba(0, 2, 72, .1);
    content: "";
    position: absolute;
    z-index: -1;
    transform-style: preserve-3d;
    transform: rotateY(-10deg);
    filter: blur(50px)
}

#scrollUp::after {
    background: #fff;
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform-style: preserve-3d;
    transform: rotateY(-10deg)
}

@media only screen and (max-width: 767px) {
    #scrollUp {
        right: 20px;
        bottom: 30px;
        width: 50px;
        height: 60px;
        line-height: 60px
    }
}

#scrollUp span.text {
    position: relative;
    display: inline-block;
    margin-top: 7px
}

@media only screen and (max-width: 767px) {
    #scrollUp span.text {
        margin-top: 3px
    }
}

#scrollUp span.text::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 7px 5px;
    border-color: transparent transparent var(--color-primary) transparent;
    position: absolute;
    content: "";
    left: 50%;
    top: 21%;
    transform: translateX(-50%)
}

#scrollUp:hover span.text {
    color: var(--color-primary)
}

@media only screen and (max-width: 767px) {
    .col-6.mt--24 {
        margin-top: 16px !important
    }
}

@media only screen and (max-width: 479px) {
    .row--12>[class*=col].mt--24 {
        margin-top: 8px !important
    }

    .row--12.mt_dec--24 {
        margin-top: -8px !important
    }
}

.form-message {
    margin-bottom: 0;
    text-align: center
}

.form-message.error {
    margin-top: 20px;
    color: #f80707
}

.form-message.success {
    margin-top: 20px;
    color: #0d8d2d
}

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

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

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

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

.animation-order-0 {
    --animation-order: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.slick-dotted.slick-slider {
    margin-bottom: 0
}

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

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

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

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

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

.rbt-section-gap {
    padding: 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-gap2-half {
    padding: 30px 0
}

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

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

.rbt-section-gap3 {
    padding: 40px 0
}

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

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

.rbt-section-gapBottom {
    padding-bottom: 80px
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-section-gapBottom {
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-section-gapBottom {
        padding-bottom: 40px
    }
}

.rbt-section-gap2Bottom {
    padding-bottom: 60px
}

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

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

.rbt-section-gap2-half-Bottom {
    padding-bottom: 30px
}

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

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

.rbt-section-gap3Bottom {
    padding-bottom: 40px
}

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

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

.rbt-section-gapTop {
    padding-top: 80px
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-section-gapTop {
        padding-top: 60px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-section-gapTop {
        padding-top: 40px
    }
}

@media only screen and (max-width: 575px) {
    .rbt-section-gapTop {
        padding-top: 40px
    }
}

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

.rbt-section-gap2Top {
    padding-top: 60px
}

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

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

.rbt-section-gap2-half-Top {
    padding-top: 30px
}

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

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

.rbt-section-gap3Top {
    padding-top: 40px
}

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

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

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

    .pb--165,
    .pb--85 {
        padding-bottom: 100px
    }
}

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

    .pb--165,
    .pb--85 {
        padding-bottom: 60px
    }
}

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

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

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

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

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

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

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

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

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

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

.default-callto-action-overlap {
    padding-top: 276px
}

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

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

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

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

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

    .pb--120,
    .pb--165,
    .pb--85 {
        padding-bottom: 80px !important
    }
}

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

    .pb--120,
    .pb--165,
    .pb--85 {
        padding-bottom: 60px !important
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rbt-gap-tb--176 {
    display: flex;
    gap: 176px 0 !important
}

.rbt-gap--180 {
    display: flex;
    gap: 180px !important
}

.rbt-gap-lr--180 {
    display: flex;
    gap: 0 180px !important
}

.rbt-gap-tb--180 {
    display: flex;
    gap: 180px 0 !important
}

.rbt-gap--184 {
    display: flex;
    gap: 184px !important
}

.rbt-gap-lr--184 {
    display: flex;
    gap: 0 184px !important
}

.rbt-gap-tb--184 {
    display: flex;
    gap: 184px 0 !important
}

.rbt-gap--188 {
    display: flex;
    gap: 188px !important
}

.rbt-gap-lr--188 {
    display: flex;
    gap: 0 188px !important
}

.rbt-gap-tb--188 {
    display: flex;
    gap: 188px 0 !important
}

.rbt-gap--192 {
    display: flex;
    gap: 192px !important
}

.rbt-gap-lr--192 {
    display: flex;
    gap: 0 192px !important
}

.rbt-gap-tb--192 {
    display: flex;
    gap: 192px 0 !important
}

.rbt-gap--196 {
    display: flex;
    gap: 196px !important
}

.rbt-gap-lr--196 {
    display: flex;
    gap: 0 196px !important
}

.rbt-gap-tb--196 {
    display: flex;
    gap: 196px 0 !important
}

.rbt-gap--200 {
    display: flex;
    gap: 200px !important
}

.rbt-gap-lr--200 {
    display: flex;
    gap: 0 200px !important
}

.rbt-gap-tb--200 {
    display: flex;
    gap: 200px 0 !important
}

.rbt-rounded--0 {
    border-radius: 0 !important
}

.rbt-rounded-top--0 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--0 {
    border-radius: 0 !important
}

.rbt-rounded-right--0 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--0 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--1 {
    border-radius: 1px !important
}

.rbt-rounded-top--1 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--1 {
    border-radius: 0 0 0 1px !important
}

.rbt-rounded-right--1 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--1 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--2 {
    border-radius: 2px !important
}

.rbt-rounded-top--2 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--2 {
    border-radius: 0 0 0 2px !important
}

.rbt-rounded-right--2 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--2 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--3 {
    border-radius: 3px !important
}

.rbt-rounded-top--3 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--3 {
    border-radius: 0 0 0 3px !important
}

.rbt-rounded-right--3 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--3 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--4 {
    border-radius: 4px !important
}

.rbt-rounded-top--4 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--4 {
    border-radius: 0 0 0 4px !important
}

.rbt-rounded-right--4 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--4 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--5 {
    border-radius: 5px !important
}

.rbt-rounded-top--5 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--5 {
    border-radius: 0 0 0 5px !important
}

.rbt-rounded-right--5 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--5 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--6 {
    border-radius: 6px !important
}

.rbt-rounded-top--6 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--6 {
    border-radius: 0 0 0 6px !important
}

.rbt-rounded-right--6 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--6 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--7 {
    border-radius: 7px !important
}

.rbt-rounded-top--7 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--7 {
    border-radius: 0 0 0 7px !important
}

.rbt-rounded-right--7 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--7 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--8 {
    border-radius: 8px !important
}

.rbt-rounded-top--8 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--8 {
    border-radius: 0 0 0 8px !important
}

.rbt-rounded-right--8 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--8 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--9 {
    border-radius: 9px !important
}

.rbt-rounded-top--9 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--9 {
    border-radius: 0 0 0 9px !important
}

.rbt-rounded-right--9 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--9 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--10 {
    border-radius: 10px !important
}

.rbt-rounded-top--10 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--10 {
    border-radius: 0 0 0 10px !important
}

.rbt-rounded-right--10 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--10 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--11 {
    border-radius: 11px !important
}

.rbt-rounded-top--11 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--11 {
    border-radius: 0 0 0 11px !important
}

.rbt-rounded-right--11 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--11 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--12 {
    border-radius: 12px !important
}

.rbt-rounded-top--12 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--12 {
    border-radius: 0 0 0 12px !important
}

.rbt-rounded-right--12 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--12 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--13 {
    border-radius: 13px !important
}

.rbt-rounded-top--13 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--13 {
    border-radius: 0 0 0 13px !important
}

.rbt-rounded-right--13 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--13 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--14 {
    border-radius: 14px !important
}

.rbt-rounded-top--14 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--14 {
    border-radius: 0 0 0 14px !important
}

.rbt-rounded-right--14 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--14 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--15 {
    border-radius: 15px !important
}

.rbt-rounded-top--15 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--15 {
    border-radius: 0 0 0 15px !important
}

.rbt-rounded-right--15 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--15 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--16 {
    border-radius: 16px !important
}

.rbt-rounded-top--16 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--16 {
    border-radius: 0 0 0 16px !important
}

.rbt-rounded-right--16 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--16 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--17 {
    border-radius: 17px !important
}

.rbt-rounded-top--17 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--17 {
    border-radius: 0 0 0 17px !important
}

.rbt-rounded-right--17 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--17 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--18 {
    border-radius: 18px !important
}

.rbt-rounded-top--18 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--18 {
    border-radius: 0 0 0 18px !important
}

.rbt-rounded-right--18 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--18 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--19 {
    border-radius: 19px !important
}

.rbt-rounded-top--19 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--19 {
    border-radius: 0 0 0 19px !important
}

.rbt-rounded-right--19 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--19 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--20 {
    border-radius: 20px !important
}

.rbt-rounded-top--20 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--20 {
    border-radius: 0 0 0 20px !important
}

.rbt-rounded-right--20 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--20 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--21 {
    border-radius: 21px !important
}

.rbt-rounded-top--21 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--21 {
    border-radius: 0 0 0 21px !important
}

.rbt-rounded-right--21 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--21 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--22 {
    border-radius: 22px !important
}

.rbt-rounded-top--22 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--22 {
    border-radius: 0 0 0 22px !important
}

.rbt-rounded-right--22 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--22 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--23 {
    border-radius: 23px !important
}

.rbt-rounded-top--23 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--23 {
    border-radius: 0 0 0 23px !important
}

.rbt-rounded-right--23 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--23 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--24 {
    border-radius: 24px !important
}

.rbt-rounded-top--24 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--24 {
    border-radius: 0 0 0 24px !important
}

.rbt-rounded-right--24 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--24 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--25 {
    border-radius: 25px !important
}

.rbt-rounded-top--25 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--25 {
    border-radius: 0 0 0 25px !important
}

.rbt-rounded-right--25 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--25 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--26 {
    border-radius: 26px !important
}

.rbt-rounded-top--26 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--26 {
    border-radius: 0 0 0 26px !important
}

.rbt-rounded-right--26 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--26 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--27 {
    border-radius: 27px !important
}

.rbt-rounded-top--27 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--27 {
    border-radius: 0 0 0 27px !important
}

.rbt-rounded-right--27 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--27 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--28 {
    border-radius: 28px !important
}

.rbt-rounded-top--28 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--28 {
    border-radius: 0 0 0 28px !important
}

.rbt-rounded-right--28 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--28 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--29 {
    border-radius: 29px !important
}

.rbt-rounded-top--29 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--29 {
    border-radius: 0 0 0 29px !important
}

.rbt-rounded-right--29 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--29 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--30 {
    border-radius: 30px !important
}

.rbt-rounded-top--30 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--30 {
    border-radius: 0 0 0 30px !important
}

.rbt-rounded-right--30 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--30 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--31 {
    border-radius: 31px !important
}

.rbt-rounded-top--31 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--31 {
    border-radius: 0 0 0 31px !important
}

.rbt-rounded-right--31 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--31 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--32 {
    border-radius: 32px !important
}

.rbt-rounded-top--32 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--32 {
    border-radius: 0 0 0 32px !important
}

.rbt-rounded-right--32 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--32 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--33 {
    border-radius: 33px !important
}

.rbt-rounded-top--33 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--33 {
    border-radius: 0 0 0 33px !important
}

.rbt-rounded-right--33 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--33 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--34 {
    border-radius: 34px !important
}

.rbt-rounded-top--34 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--34 {
    border-radius: 0 0 0 34px !important
}

.rbt-rounded-right--34 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--34 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--35 {
    border-radius: 35px !important
}

.rbt-rounded-top--35 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--35 {
    border-radius: 0 0 0 35px !important
}

.rbt-rounded-right--35 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--35 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--36 {
    border-radius: 36px !important
}

.rbt-rounded-top--36 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--36 {
    border-radius: 0 0 0 36px !important
}

.rbt-rounded-right--36 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--36 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--37 {
    border-radius: 37px !important
}

.rbt-rounded-top--37 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--37 {
    border-radius: 0 0 0 37px !important
}

.rbt-rounded-right--37 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--37 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--38 {
    border-radius: 38px !important
}

.rbt-rounded-top--38 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--38 {
    border-radius: 0 0 0 38px !important
}

.rbt-rounded-right--38 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--38 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--39 {
    border-radius: 39px !important
}

.rbt-rounded-top--39 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--39 {
    border-radius: 0 0 0 39px !important
}

.rbt-rounded-right--39 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--39 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--40 {
    border-radius: 40px !important
}

.rbt-rounded-top--40 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--40 {
    border-radius: 0 0 0 40px !important
}

.rbt-rounded-right--40 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--40 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--41 {
    border-radius: 41px !important
}

.rbt-rounded-top--41 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--41 {
    border-radius: 0 0 0 41px !important
}

.rbt-rounded-right--41 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--41 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--42 {
    border-radius: 42px !important
}

.rbt-rounded-top--42 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--42 {
    border-radius: 0 0 0 42px !important
}

.rbt-rounded-right--42 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--42 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--43 {
    border-radius: 43px !important
}

.rbt-rounded-top--43 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--43 {
    border-radius: 0 0 0 43px !important
}

.rbt-rounded-right--43 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--43 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--44 {
    border-radius: 44px !important
}

.rbt-rounded-top--44 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--44 {
    border-radius: 0 0 0 44px !important
}

.rbt-rounded-right--44 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--44 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--45 {
    border-radius: 45px !important
}

.rbt-rounded-top--45 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--45 {
    border-radius: 0 0 0 45px !important
}

.rbt-rounded-right--45 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--45 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--46 {
    border-radius: 46px !important
}

.rbt-rounded-top--46 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--46 {
    border-radius: 0 0 0 46px !important
}

.rbt-rounded-right--46 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--46 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--47 {
    border-radius: 47px !important
}

.rbt-rounded-top--47 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--47 {
    border-radius: 0 0 0 47px !important
}

.rbt-rounded-right--47 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--47 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--48 {
    border-radius: 48px !important
}

.rbt-rounded-top--48 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--48 {
    border-radius: 0 0 0 48px !important
}

.rbt-rounded-right--48 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--48 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--49 {
    border-radius: 49px !important
}

.rbt-rounded-top--49 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--49 {
    border-radius: 0 0 0 49px !important
}

.rbt-rounded-right--49 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--49 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--50 {
    border-radius: 50px !important
}

.rbt-rounded-top--50 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--50 {
    border-radius: 0 0 0 50px !important
}

.rbt-rounded-right--50 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--50 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--51 {
    border-radius: 51px !important
}

.rbt-rounded-top--51 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--51 {
    border-radius: 0 0 0 51px !important
}

.rbt-rounded-right--51 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--51 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--52 {
    border-radius: 52px !important
}

.rbt-rounded-top--52 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--52 {
    border-radius: 0 0 0 52px !important
}

.rbt-rounded-right--52 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--52 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--53 {
    border-radius: 53px !important
}

.rbt-rounded-top--53 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--53 {
    border-radius: 0 0 0 53px !important
}

.rbt-rounded-right--53 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--53 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--54 {
    border-radius: 54px !important
}

.rbt-rounded-top--54 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--54 {
    border-radius: 0 0 0 54px !important
}

.rbt-rounded-right--54 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--54 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--55 {
    border-radius: 55px !important
}

.rbt-rounded-top--55 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--55 {
    border-radius: 0 0 0 55px !important
}

.rbt-rounded-right--55 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--55 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--56 {
    border-radius: 56px !important
}

.rbt-rounded-top--56 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--56 {
    border-radius: 0 0 0 56px !important
}

.rbt-rounded-right--56 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--56 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--57 {
    border-radius: 57px !important
}

.rbt-rounded-top--57 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--57 {
    border-radius: 0 0 0 57px !important
}

.rbt-rounded-right--57 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--57 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--58 {
    border-radius: 58px !important
}

.rbt-rounded-top--58 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--58 {
    border-radius: 0 0 0 58px !important
}

.rbt-rounded-right--58 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--58 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--59 {
    border-radius: 59px !important
}

.rbt-rounded-top--59 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--59 {
    border-radius: 0 0 0 59px !important
}

.rbt-rounded-right--59 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--59 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--60 {
    border-radius: 60px !important
}

.rbt-rounded-top--60 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--60 {
    border-radius: 0 0 0 60px !important
}

.rbt-rounded-right--60 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--60 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--61 {
    border-radius: 61px !important
}

.rbt-rounded-top--61 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--61 {
    border-radius: 0 0 0 61px !important
}

.rbt-rounded-right--61 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--61 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--62 {
    border-radius: 62px !important
}

.rbt-rounded-top--62 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--62 {
    border-radius: 0 0 0 62px !important
}

.rbt-rounded-right--62 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--62 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--63 {
    border-radius: 63px !important
}

.rbt-rounded-top--63 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--63 {
    border-radius: 0 0 0 63px !important
}

.rbt-rounded-right--63 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--63 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--64 {
    border-radius: 64px !important
}

.rbt-rounded-top--64 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--64 {
    border-radius: 0 0 0 64px !important
}

.rbt-rounded-right--64 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--64 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--65 {
    border-radius: 65px !important
}

.rbt-rounded-top--65 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--65 {
    border-radius: 0 0 0 65px !important
}

.rbt-rounded-right--65 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--65 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--66 {
    border-radius: 66px !important
}

.rbt-rounded-top--66 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--66 {
    border-radius: 0 0 0 66px !important
}

.rbt-rounded-right--66 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--66 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--67 {
    border-radius: 67px !important
}

.rbt-rounded-top--67 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--67 {
    border-radius: 0 0 0 67px !important
}

.rbt-rounded-right--67 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--67 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--68 {
    border-radius: 68px !important
}

.rbt-rounded-top--68 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--68 {
    border-radius: 0 0 0 68px !important
}

.rbt-rounded-right--68 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--68 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--69 {
    border-radius: 69px !important
}

.rbt-rounded-top--69 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--69 {
    border-radius: 0 0 0 69px !important
}

.rbt-rounded-right--69 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--69 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--70 {
    border-radius: 70px !important
}

.rbt-rounded-top--70 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--70 {
    border-radius: 0 0 0 70px !important
}

.rbt-rounded-right--70 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--70 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--71 {
    border-radius: 71px !important
}

.rbt-rounded-top--71 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--71 {
    border-radius: 0 0 0 71px !important
}

.rbt-rounded-right--71 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--71 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--72 {
    border-radius: 72px !important
}

.rbt-rounded-top--72 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--72 {
    border-radius: 0 0 0 72px !important
}

.rbt-rounded-right--72 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--72 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--73 {
    border-radius: 73px !important
}

.rbt-rounded-top--73 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--73 {
    border-radius: 0 0 0 73px !important
}

.rbt-rounded-right--73 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--73 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--74 {
    border-radius: 74px !important
}

.rbt-rounded-top--74 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--74 {
    border-radius: 0 0 0 74px !important
}

.rbt-rounded-right--74 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--74 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--75 {
    border-radius: 75px !important
}

.rbt-rounded-top--75 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--75 {
    border-radius: 0 0 0 75px !important
}

.rbt-rounded-right--75 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--75 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--76 {
    border-radius: 76px !important
}

.rbt-rounded-top--76 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--76 {
    border-radius: 0 0 0 76px !important
}

.rbt-rounded-right--76 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--76 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--77 {
    border-radius: 77px !important
}

.rbt-rounded-top--77 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--77 {
    border-radius: 0 0 0 77px !important
}

.rbt-rounded-right--77 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--77 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--78 {
    border-radius: 78px !important
}

.rbt-rounded-top--78 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--78 {
    border-radius: 0 0 0 78px !important
}

.rbt-rounded-right--78 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--78 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--79 {
    border-radius: 79px !important
}

.rbt-rounded-top--79 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--79 {
    border-radius: 0 0 0 79px !important
}

.rbt-rounded-right--79 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--79 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--80 {
    border-radius: 80px !important
}

.rbt-rounded-top--80 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--80 {
    border-radius: 0 0 0 80px !important
}

.rbt-rounded-right--80 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--80 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--81 {
    border-radius: 81px !important
}

.rbt-rounded-top--81 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--81 {
    border-radius: 0 0 0 81px !important
}

.rbt-rounded-right--81 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--81 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--82 {
    border-radius: 82px !important
}

.rbt-rounded-top--82 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--82 {
    border-radius: 0 0 0 82px !important
}

.rbt-rounded-right--82 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--82 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--83 {
    border-radius: 83px !important
}

.rbt-rounded-top--83 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--83 {
    border-radius: 0 0 0 83px !important
}

.rbt-rounded-right--83 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--83 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--84 {
    border-radius: 84px !important
}

.rbt-rounded-top--84 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--84 {
    border-radius: 0 0 0 84px !important
}

.rbt-rounded-right--84 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--84 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--85 {
    border-radius: 85px !important
}

.rbt-rounded-top--85 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--85 {
    border-radius: 0 0 0 85px !important
}

.rbt-rounded-right--85 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--85 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--86 {
    border-radius: 86px !important
}

.rbt-rounded-top--86 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--86 {
    border-radius: 0 0 0 86px !important
}

.rbt-rounded-right--86 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--86 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--87 {
    border-radius: 87px !important
}

.rbt-rounded-top--87 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--87 {
    border-radius: 0 0 0 87px !important
}

.rbt-rounded-right--87 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--87 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--88 {
    border-radius: 88px !important
}

.rbt-rounded-top--88 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--88 {
    border-radius: 0 0 0 88px !important
}

.rbt-rounded-right--88 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--88 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--89 {
    border-radius: 89px !important
}

.rbt-rounded-top--89 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--89 {
    border-radius: 0 0 0 89px !important
}

.rbt-rounded-right--89 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--89 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--90 {
    border-radius: 90px !important
}

.rbt-rounded-top--90 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--90 {
    border-radius: 0 0 0 90px !important
}

.rbt-rounded-right--90 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--90 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--91 {
    border-radius: 91px !important
}

.rbt-rounded-top--91 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--91 {
    border-radius: 0 0 0 91px !important
}

.rbt-rounded-right--91 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--91 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--92 {
    border-radius: 92px !important
}

.rbt-rounded-top--92 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--92 {
    border-radius: 0 0 0 92px !important
}

.rbt-rounded-right--92 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--92 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--93 {
    border-radius: 93px !important
}

.rbt-rounded-top--93 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--93 {
    border-radius: 0 0 0 93px !important
}

.rbt-rounded-right--93 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--93 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--94 {
    border-radius: 94px !important
}

.rbt-rounded-top--94 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--94 {
    border-radius: 0 0 0 94px !important
}

.rbt-rounded-right--94 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--94 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--95 {
    border-radius: 95px !important
}

.rbt-rounded-top--95 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--95 {
    border-radius: 0 0 0 95px !important
}

.rbt-rounded-right--95 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--95 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--96 {
    border-radius: 96px !important
}

.rbt-rounded-top--96 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--96 {
    border-radius: 0 0 0 96px !important
}

.rbt-rounded-right--96 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--96 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--97 {
    border-radius: 97px !important
}

.rbt-rounded-top--97 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--97 {
    border-radius: 0 0 0 97px !important
}

.rbt-rounded-right--97 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--97 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--98 {
    border-radius: 98px !important
}

.rbt-rounded-top--98 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--98 {
    border-radius: 0 0 0 98px !important
}

.rbt-rounded-right--98 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--98 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--99 {
    border-radius: 99px !important
}

.rbt-rounded-top--99 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--99 {
    border-radius: 0 0 0 99px !important
}

.rbt-rounded-right--99 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--99 {
    border-radius: 0 0 1px 0 !important
}

.rbt-rounded--100 {
    border-radius: 100px !important
}

.rbt-rounded-top--100 {
    border-radius: 1px 0 0 0 !important
}

.rbt-rounded-left--100 {
    border-radius: 0 0 0 100px !important
}

.rbt-rounded-right--100 {
    border-radius: 0 1px 0 0 !important
}

.rbt-rounded-bottom--100 {
    border-radius: 0 0 1px 0 !important
}

.w-0 {
    width: 0% !important
}

.w-1 {
    width: 1% !important
}

.w-2 {
    width: 2% !important
}

.w-3 {
    width: 3% !important
}

.w-4 {
    width: 4% !important
}

.w-5 {
    width: 5% !important
}

.w-6 {
    width: 6% !important
}

.w-7 {
    width: 7% !important
}

.w-8 {
    width: 8% !important
}

.w-9 {
    width: 9% !important
}

.w-10 {
    width: 10% !important
}

.w-11 {
    width: 11% !important
}

.w-12 {
    width: 12% !important
}

.w-13 {
    width: 13% !important
}

.w-14 {
    width: 14% !important
}

.w-15 {
    width: 15% !important
}

.w-16 {
    width: 16% !important
}

.w-17 {
    width: 17% !important
}

.w-18 {
    width: 18% !important
}

.w-19 {
    width: 19% !important
}

.w-20 {
    width: 20% !important
}

.w-21 {
    width: 21% !important
}

.w-22 {
    width: 22% !important
}

.w-23 {
    width: 23% !important
}

.w-24 {
    width: 24% !important
}

.w-25 {
    width: 25% !important
}

.w-26 {
    width: 26% !important
}

.w-27 {
    width: 27% !important
}

.w-28 {
    width: 28% !important
}

.w-29 {
    width: 29% !important
}

.w-30 {
    width: 30% !important
}

.w-31 {
    width: 31% !important
}

.w-32 {
    width: 32% !important
}

.w-33 {
    width: 33% !important
}

.w-34 {
    width: 34% !important
}

.w-35 {
    width: 35% !important
}

.w-36 {
    width: 36% !important
}

.w-37 {
    width: 37% !important
}

.w-38 {
    width: 38% !important
}

.w-39 {
    width: 39% !important
}

.w-40 {
    width: 40% !important
}

.w-41 {
    width: 41% !important
}

.w-42 {
    width: 42% !important
}

.w-43 {
    width: 43% !important
}

.w-44 {
    width: 44% !important
}

.w-45 {
    width: 45% !important
}

.w-46 {
    width: 46% !important
}

.w-47 {
    width: 47% !important
}

.w-48 {
    width: 48% !important
}

.w-49 {
    width: 49% !important
}

.w-50 {
    width: 50% !important
}

.w-51 {
    width: 51% !important
}

.w-52 {
    width: 52% !important
}

.w-53 {
    width: 53% !important
}

.w-54 {
    width: 54% !important
}

.w-55 {
    width: 55% !important
}

.w-56 {
    width: 56% !important
}

.w-57 {
    width: 57% !important
}

.w-58 {
    width: 58% !important
}

.w-59 {
    width: 59% !important
}

.w-60 {
    width: 60% !important
}

.w-61 {
    width: 61% !important
}

.w-62 {
    width: 62% !important
}

.w-63 {
    width: 63% !important
}

.w-64 {
    width: 64% !important
}

.w-65 {
    width: 65% !important
}

.w-66 {
    width: 66% !important
}

.w-67 {
    width: 67% !important
}

.w-68 {
    width: 68% !important
}

.w-69 {
    width: 69% !important
}

.w-70 {
    width: 70% !important
}

.w-71 {
    width: 71% !important
}

.w-72 {
    width: 72% !important
}

.w-73 {
    width: 73% !important
}

.w-74 {
    width: 74% !important
}

.w-75 {
    width: 75% !important
}

.w-76 {
    width: 76% !important
}

.w-77 {
    width: 77% !important
}

.w-78 {
    width: 78% !important
}

.w-79 {
    width: 79% !important
}

.w-80 {
    width: 80% !important
}

.w-81 {
    width: 81% !important
}

.w-82 {
    width: 82% !important
}

.w-83 {
    width: 83% !important
}

.w-84 {
    width: 84% !important
}

.w-85 {
    width: 85% !important
}

.w-86 {
    width: 86% !important
}

.w-87 {
    width: 87% !important
}

.w-88 {
    width: 88% !important
}

.w-89 {
    width: 89% !important
}

.w-90 {
    width: 90% !important
}

.w-91 {
    width: 91% !important
}

.w-92 {
    width: 92% !important
}

.w-93 {
    width: 93% !important
}

.w-94 {
    width: 94% !important
}

.w-95 {
    width: 95% !important
}

.w-96 {
    width: 96% !important
}

.w-97 {
    width: 97% !important
}

.w-98 {
    width: 98% !important
}

.w-99 {
    width: 99% !important
}

.w-100 {
    width: 100% !important
}

.m--0 {
    margin: 0 !important
}

.p--0 {
    padding: 0 !important
}

.ptb--0 {
    padding: 0 0 !important
}

.plr--0 {
    padding: 0 0 !important
}

.pt--0 {
    padding-top: 0 !important
}

.pb--0 {
    padding-bottom: 0 !important
}

.pl--0 {
    padding-left: 0 !important
}

.pr--0 {
    padding-right: 0 !important
}

.mt--0 {
    margin-top: 0 !important
}

.mb--0 {
    margin-bottom: 0 !important
}

.mr--0 {
    margin-right: 0 !important
}

.ml--0 {
    margin-left: 0 !important
}

.m--4 {
    margin: 4px !important
}

.p--4 {
    padding: 4px !important
}

.ptb--4 {
    padding: 4px 0 !important
}

.plr--4 {
    padding: 0 4px !important
}

.pt--4 {
    padding-top: 4px !important
}

.pb--4 {
    padding-bottom: 4px !important
}

.pl--4 {
    padding-left: 4px !important
}

.pr--4 {
    padding-right: 4px !important
}

.mt--4 {
    margin-top: 4px !important
}

.mb--4 {
    margin-bottom: 4px !important
}

.mr--4 {
    margin-right: 4px !important
}

.ml--4 {
    margin-left: 4px !important
}

.m--8 {
    margin: 8px !important
}

.p--8 {
    padding: 8px !important
}

.ptb--8 {
    padding: 8px 0 !important
}

.plr--8 {
    padding: 0 8px !important
}

.pt--8 {
    padding-top: 8px !important
}

.pb--8 {
    padding-bottom: 8px !important
}

.pl--8 {
    padding-left: 8px !important
}

.pr--8 {
    padding-right: 8px !important
}

.mt--8 {
    margin-top: 8px !important
}

.mb--8 {
    margin-bottom: 8px !important
}

.mr--8 {
    margin-right: 8px !important
}

.ml--8 {
    margin-left: 8px !important
}

.m--12 {
    margin: 12px !important
}

.p--12 {
    padding: 12px !important
}

.ptb--12 {
    padding: 12px 0 !important
}

.plr--12 {
    padding: 0 12px !important
}

.pt--12 {
    padding-top: 12px !important
}

.pb--12 {
    padding-bottom: 12px !important
}

.pl--12 {
    padding-left: 12px !important
}

.pr--12 {
    padding-right: 12px !important
}

.mt--12 {
    margin-top: 12px !important
}

.mb--12 {
    margin-bottom: 12px !important
}

.mr--12 {
    margin-right: 12px !important
}

.ml--12 {
    margin-left: 12px !important
}

.m--16 {
    margin: 16px !important
}

.p--16 {
    padding: 16px !important
}

.ptb--16 {
    padding: 16px 0 !important
}

.plr--16 {
    padding: 0 16px !important
}

.pt--16 {
    padding-top: 16px !important
}

.pb--16 {
    padding-bottom: 16px !important
}

.pl--16 {
    padding-left: 16px !important
}

.pr--16 {
    padding-right: 16px !important
}

.mt--16 {
    margin-top: 16px !important
}

.mb--16 {
    margin-bottom: 16px !important
}

.mr--16 {
    margin-right: 16px !important
}

.ml--16 {
    margin-left: 16px !important
}

.m--20 {
    margin: 20px !important
}

.p--20 {
    padding: 20px !important
}

.ptb--20 {
    padding: 20px 0 !important
}

.plr--20 {
    padding: 0 20px !important
}

.pt--20 {
    padding-top: 20px !important
}

.pb--20 {
    padding-bottom: 20px !important
}

.pl--20 {
    padding-left: 20px !important
}

.pr--20 {
    padding-right: 20px !important
}

.mt--20 {
    margin-top: 20px !important
}

.mb--20 {
    margin-bottom: 20px !important
}

.mr--20 {
    margin-right: 20px !important
}

.ml--20 {
    margin-left: 20px !important
}

.m--24 {
    margin: 24px !important
}

.p--24 {
    padding: 24px !important
}

.ptb--24 {
    padding: 24px 0 !important
}

.plr--24 {
    padding: 0 24px !important
}

.pt--24 {
    padding-top: 24px !important
}

.pb--24 {
    padding-bottom: 24px !important
}

.pl--24 {
    padding-left: 24px !important
}

.pr--24 {
    padding-right: 24px !important
}

.mt--24 {
    margin-top: 24px !important
}

.mb--24 {
    margin-bottom: 24px !important
}

.mr--24 {
    margin-right: 24px !important
}

.ml--24 {
    margin-left: 24px !important
}

.m--28 {
    margin: 28px !important
}

.p--28 {
    padding: 28px !important
}

.ptb--28 {
    padding: 28px 0 !important
}

.plr--28 {
    padding: 0 28px !important
}

.pt--28 {
    padding-top: 28px !important
}

.pb--28 {
    padding-bottom: 28px !important
}

.pl--28 {
    padding-left: 28px !important
}

.pr--28 {
    padding-right: 28px !important
}

.mt--28 {
    margin-top: 28px !important
}

.mb--28 {
    margin-bottom: 28px !important
}

.mr--28 {
    margin-right: 28px !important
}

.ml--28 {
    margin-left: 28px !important
}

.m--32 {
    margin: 32px !important
}

.p--32 {
    padding: 32px !important
}

.ptb--32 {
    padding: 32px 0 !important
}

.plr--32 {
    padding: 0 32px !important
}

.pt--32 {
    padding-top: 32px !important
}

.pb--32 {
    padding-bottom: 32px !important
}

.pl--32 {
    padding-left: 32px !important
}

.pr--32 {
    padding-right: 32px !important
}

.mt--32 {
    margin-top: 32px !important
}

.mb--32 {
    margin-bottom: 32px !important
}

.mr--32 {
    margin-right: 32px !important
}

.ml--32 {
    margin-left: 32px !important
}

.m--36 {
    margin: 36px !important
}

.p--36 {
    padding: 36px !important
}

.ptb--36 {
    padding: 36px 0 !important
}

.plr--36 {
    padding: 0 36px !important
}

.pt--36 {
    padding-top: 36px !important
}

.pb--36 {
    padding-bottom: 36px !important
}

.pl--36 {
    padding-left: 36px !important
}

.pr--36 {
    padding-right: 36px !important
}

.mt--36 {
    margin-top: 36px !important
}

.mb--36 {
    margin-bottom: 36px !important
}

.mr--36 {
    margin-right: 36px !important
}

.ml--36 {
    margin-left: 36px !important
}

.m--40 {
    margin: 40px !important
}

.p--40 {
    padding: 40px !important
}

.ptb--40 {
    padding: 40px 0 !important
}

.plr--40 {
    padding: 0 40px !important
}

.pt--40 {
    padding-top: 40px !important
}

.pb--40 {
    padding-bottom: 40px !important
}

.pl--40 {
    padding-left: 40px !important
}

.pr--40 {
    padding-right: 40px !important
}

.mt--40 {
    margin-top: 40px !important
}

.mb--40 {
    margin-bottom: 40px !important
}

.mr--40 {
    margin-right: 40px !important
}

.ml--40 {
    margin-left: 40px !important
}

.m--44 {
    margin: 44px !important
}

.p--44 {
    padding: 44px !important
}

.ptb--44 {
    padding: 44px 0 !important
}

.plr--44 {
    padding: 0 44px !important
}

.pt--44 {
    padding-top: 44px !important
}

.pb--44 {
    padding-bottom: 44px !important
}

.pl--44 {
    padding-left: 44px !important
}

.pr--44 {
    padding-right: 44px !important
}

.mt--44 {
    margin-top: 44px !important
}

.mb--44 {
    margin-bottom: 44px !important
}

.mr--44 {
    margin-right: 44px !important
}

.ml--44 {
    margin-left: 44px !important
}

.m--48 {
    margin: 48px !important
}

.p--48 {
    padding: 48px !important
}

.ptb--48 {
    padding: 48px 0 !important
}

.plr--48 {
    padding: 0 48px !important
}

.pt--48 {
    padding-top: 48px !important
}

.pb--48 {
    padding-bottom: 48px !important
}

.pl--48 {
    padding-left: 48px !important
}

.pr--48 {
    padding-right: 48px !important
}

.mt--48 {
    margin-top: 48px !important
}

.mb--48 {
    margin-bottom: 48px !important
}

.mr--48 {
    margin-right: 48px !important
}

.ml--48 {
    margin-left: 48px !important
}

.m--52 {
    margin: 52px !important
}

.p--52 {
    padding: 52px !important
}

.ptb--52 {
    padding: 52px 0 !important
}

.plr--52 {
    padding: 0 52px !important
}

.pt--52 {
    padding-top: 52px !important
}

.pb--52 {
    padding-bottom: 52px !important
}

.pl--52 {
    padding-left: 52px !important
}

.pr--52 {
    padding-right: 52px !important
}

.mt--52 {
    margin-top: 52px !important
}

.mb--52 {
    margin-bottom: 52px !important
}

.mr--52 {
    margin-right: 52px !important
}

.ml--52 {
    margin-left: 52px !important
}

.m--56 {
    margin: 56px !important
}

.p--56 {
    padding: 56px !important
}

.ptb--56 {
    padding: 56px 0 !important
}

.plr--56 {
    padding: 0 56px !important
}

.pt--56 {
    padding-top: 56px !important
}

.pb--56 {
    padding-bottom: 56px !important
}

.pl--56 {
    padding-left: 56px !important
}

.pr--56 {
    padding-right: 56px !important
}

.mt--56 {
    margin-top: 56px !important
}

.mb--56 {
    margin-bottom: 56px !important
}

.mr--56 {
    margin-right: 56px !important
}

.ml--56 {
    margin-left: 56px !important
}

.m--60 {
    margin: 60px !important
}

.p--60 {
    padding: 60px !important
}

.ptb--60 {
    padding: 60px 0 !important
}

.plr--60 {
    padding: 0 60px !important
}

.pt--60 {
    padding-top: 60px !important
}

.pb--60 {
    padding-bottom: 60px !important
}

.pl--60 {
    padding-left: 60px !important
}

.pr--60 {
    padding-right: 60px !important
}

.mt--60 {
    margin-top: 60px !important
}

.mb--60 {
    margin-bottom: 60px !important
}

.mr--60 {
    margin-right: 60px !important
}

.ml--60 {
    margin-left: 60px !important
}

.m--64 {
    margin: 64px !important
}

.p--64 {
    padding: 64px !important
}

.ptb--64 {
    padding: 64px 0 !important
}

.plr--64 {
    padding: 0 64px !important
}

.pt--64 {
    padding-top: 64px !important
}

.pb--64 {
    padding-bottom: 64px !important
}

.pl--64 {
    padding-left: 64px !important
}

.pr--64 {
    padding-right: 64px !important
}

.mt--64 {
    margin-top: 64px !important
}

.mb--64 {
    margin-bottom: 64px !important
}

.mr--64 {
    margin-right: 64px !important
}

.ml--64 {
    margin-left: 64px !important
}

.m--68 {
    margin: 68px !important
}

.p--68 {
    padding: 68px !important
}

.ptb--68 {
    padding: 68px 0 !important
}

.plr--68 {
    padding: 0 68px !important
}

.pt--68 {
    padding-top: 68px !important
}

.pb--68 {
    padding-bottom: 68px !important
}

.pl--68 {
    padding-left: 68px !important
}

.pr--68 {
    padding-right: 68px !important
}

.mt--68 {
    margin-top: 68px !important
}

.mb--68 {
    margin-bottom: 68px !important
}

.mr--68 {
    margin-right: 68px !important
}

.ml--68 {
    margin-left: 68px !important
}

.m--72 {
    margin: 72px !important
}

.p--72 {
    padding: 72px !important
}

.ptb--72 {
    padding: 72px 0 !important
}

.plr--72 {
    padding: 0 72px !important
}

.pt--72 {
    padding-top: 72px !important
}

.pb--72 {
    padding-bottom: 72px !important
}

.pl--72 {
    padding-left: 72px !important
}

.pr--72 {
    padding-right: 72px !important
}

.mt--72 {
    margin-top: 72px !important
}

.mb--72 {
    margin-bottom: 72px !important
}

.mr--72 {
    margin-right: 72px !important
}

.ml--72 {
    margin-left: 72px !important
}

.m--76 {
    margin: 76px !important
}

.p--76 {
    padding: 76px !important
}

.ptb--76 {
    padding: 76px 0 !important
}

.plr--76 {
    padding: 0 76px !important
}

.pt--76 {
    padding-top: 76px !important
}

.pb--76 {
    padding-bottom: 76px !important
}

.pl--76 {
    padding-left: 76px !important
}

.pr--76 {
    padding-right: 76px !important
}

.mt--76 {
    margin-top: 76px !important
}

.mb--76 {
    margin-bottom: 76px !important
}

.mr--76 {
    margin-right: 76px !important
}

.ml--76 {
    margin-left: 76px !important
}

.m--80 {
    margin: 80px !important
}

.p--80 {
    padding: 80px !important
}

.ptb--80 {
    padding: 80px 0 !important
}

.plr--80 {
    padding: 0 80px !important
}

.pt--80 {
    padding-top: 80px !important
}

.pb--80 {
    padding-bottom: 80px !important
}

.pl--80 {
    padding-left: 80px !important
}

.pr--80 {
    padding-right: 80px !important
}

.mt--80 {
    margin-top: 80px !important
}

.mb--80 {
    margin-bottom: 80px !important
}

.mr--80 {
    margin-right: 80px !important
}

.ml--80 {
    margin-left: 80px !important
}

.m--84 {
    margin: 84px !important
}

.p--84 {
    padding: 84px !important
}

.ptb--84 {
    padding: 84px 0 !important
}

.plr--84 {
    padding: 0 84px !important
}

.pt--84 {
    padding-top: 84px !important
}

.pb--84 {
    padding-bottom: 84px !important
}

.pl--84 {
    padding-left: 84px !important
}

.pr--84 {
    padding-right: 84px !important
}

.mt--84 {
    margin-top: 84px !important
}

.mb--84 {
    margin-bottom: 84px !important
}

.mr--84 {
    margin-right: 84px !important
}

.ml--84 {
    margin-left: 84px !important
}

.m--88 {
    margin: 88px !important
}

.p--88 {
    padding: 88px !important
}

.ptb--88 {
    padding: 88px 0 !important
}

.plr--88 {
    padding: 0 88px !important
}

.pt--88 {
    padding-top: 88px !important
}

.pb--88 {
    padding-bottom: 88px !important
}

.pl--88 {
    padding-left: 88px !important
}

.pr--88 {
    padding-right: 88px !important
}

.mt--88 {
    margin-top: 88px !important
}

.mb--88 {
    margin-bottom: 88px !important
}

.mr--88 {
    margin-right: 88px !important
}

.ml--88 {
    margin-left: 88px !important
}

.m--92 {
    margin: 92px !important
}

.p--92 {
    padding: 92px !important
}

.ptb--92 {
    padding: 92px 0 !important
}

.plr--92 {
    padding: 0 92px !important
}

.pt--92 {
    padding-top: 92px !important
}

.pb--92 {
    padding-bottom: 92px !important
}

.pl--92 {
    padding-left: 92px !important
}

.pr--92 {
    padding-right: 92px !important
}

.mt--92 {
    margin-top: 92px !important
}

.mb--92 {
    margin-bottom: 92px !important
}

.mr--92 {
    margin-right: 92px !important
}

.ml--92 {
    margin-left: 92px !important
}

.m--96 {
    margin: 96px !important
}

.p--96 {
    padding: 96px !important
}

.ptb--96 {
    padding: 96px 0 !important
}

.plr--96 {
    padding: 0 96px !important
}

.pt--96 {
    padding-top: 96px !important
}

.pb--96 {
    padding-bottom: 96px !important
}

.pl--96 {
    padding-left: 96px !important
}

.pr--96 {
    padding-right: 96px !important
}

.mt--96 {
    margin-top: 96px !important
}

.mb--96 {
    margin-bottom: 96px !important
}

.mr--96 {
    margin-right: 96px !important
}

.ml--96 {
    margin-left: 96px !important
}

.m--100 {
    margin: 100px !important
}

.p--100 {
    padding: 100px !important
}

.ptb--100 {
    padding: 100px 0 !important
}

.plr--100 {
    padding: 0 100px !important
}

.pt--100 {
    padding-top: 100px !important
}

.pb--100 {
    padding-bottom: 100px !important
}

.pl--100 {
    padding-left: 100px !important
}

.pr--100 {
    padding-right: 100px !important
}

.mt--100 {
    margin-top: 100px !important
}

.mb--100 {
    margin-bottom: 100px !important
}

.mr--100 {
    margin-right: 100px !important
}

.ml--100 {
    margin-left: 100px !important
}

.m--104 {
    margin: 104px !important
}

.p--104 {
    padding: 104px !important
}

.ptb--104 {
    padding: 104px 0 !important
}

.plr--104 {
    padding: 0 104px !important
}

.pt--104 {
    padding-top: 104px !important
}

.pb--104 {
    padding-bottom: 104px !important
}

.pl--104 {
    padding-left: 104px !important
}

.pr--104 {
    padding-right: 104px !important
}

.mt--104 {
    margin-top: 104px !important
}

.mb--104 {
    margin-bottom: 104px !important
}

.mr--104 {
    margin-right: 104px !important
}

.ml--104 {
    margin-left: 104px !important
}

.m--108 {
    margin: 108px !important
}

.p--108 {
    padding: 108px !important
}

.ptb--108 {
    padding: 108px 0 !important
}

.plr--108 {
    padding: 0 108px !important
}

.pt--108 {
    padding-top: 108px !important
}

.pb--108 {
    padding-bottom: 108px !important
}

.pl--108 {
    padding-left: 108px !important
}

.pr--108 {
    padding-right: 108px !important
}

.mt--108 {
    margin-top: 108px !important
}

.mb--108 {
    margin-bottom: 108px !important
}

.mr--108 {
    margin-right: 108px !important
}

.ml--108 {
    margin-left: 108px !important
}

.m--112 {
    margin: 112px !important
}

.p--112 {
    padding: 112px !important
}

.ptb--112 {
    padding: 112px 0 !important
}

.plr--112 {
    padding: 0 112px !important
}

.pt--112 {
    padding-top: 112px !important
}

.pb--112 {
    padding-bottom: 112px !important
}

.pl--112 {
    padding-left: 112px !important
}

.pr--112 {
    padding-right: 112px !important
}

.mt--112 {
    margin-top: 112px !important
}

.mb--112 {
    margin-bottom: 112px !important
}

.mr--112 {
    margin-right: 112px !important
}

.ml--112 {
    margin-left: 112px !important
}

.m--116 {
    margin: 116px !important
}

.p--116 {
    padding: 116px !important
}

.ptb--116 {
    padding: 116px 0 !important
}

.plr--116 {
    padding: 0 116px !important
}

.pt--116 {
    padding-top: 116px !important
}

.pb--116 {
    padding-bottom: 116px !important
}

.pl--116 {
    padding-left: 116px !important
}

.pr--116 {
    padding-right: 116px !important
}

.mt--116 {
    margin-top: 116px !important
}

.mb--116 {
    margin-bottom: 116px !important
}

.mr--116 {
    margin-right: 116px !important
}

.ml--116 {
    margin-left: 116px !important
}

.m--120 {
    margin: 120px !important
}

.p--120 {
    padding: 120px !important
}

.ptb--120 {
    padding: 120px 0 !important
}

.plr--120 {
    padding: 0 120px !important
}

.pt--120 {
    padding-top: 120px !important
}

.pb--120 {
    padding-bottom: 120px !important
}

.pl--120 {
    padding-left: 120px !important
}

.pr--120 {
    padding-right: 120px !important
}

.mt--120 {
    margin-top: 120px !important
}

.mb--120 {
    margin-bottom: 120px !important
}

.mr--120 {
    margin-right: 120px !important
}

.ml--120 {
    margin-left: 120px !important
}

.m--124 {
    margin: 124px !important
}

.p--124 {
    padding: 124px !important
}

.ptb--124 {
    padding: 124px 0 !important
}

.plr--124 {
    padding: 0 124px !important
}

.pt--124 {
    padding-top: 124px !important
}

.pb--124 {
    padding-bottom: 124px !important
}

.pl--124 {
    padding-left: 124px !important
}

.pr--124 {
    padding-right: 124px !important
}

.mt--124 {
    margin-top: 124px !important
}

.mb--124 {
    margin-bottom: 124px !important
}

.mr--124 {
    margin-right: 124px !important
}

.ml--124 {
    margin-left: 124px !important
}

.m--128 {
    margin: 128px !important
}

.p--128 {
    padding: 128px !important
}

.ptb--128 {
    padding: 128px 0 !important
}

.plr--128 {
    padding: 0 128px !important
}

.pt--128 {
    padding-top: 128px !important
}

.pb--128 {
    padding-bottom: 128px !important
}

.pl--128 {
    padding-left: 128px !important
}

.pr--128 {
    padding-right: 128px !important
}

.mt--128 {
    margin-top: 128px !important
}

.mb--128 {
    margin-bottom: 128px !important
}

.mr--128 {
    margin-right: 128px !important
}

.ml--128 {
    margin-left: 128px !important
}

.m--132 {
    margin: 132px !important
}

.p--132 {
    padding: 132px !important
}

.ptb--132 {
    padding: 132px 0 !important
}

.plr--132 {
    padding: 0 132px !important
}

.pt--132 {
    padding-top: 132px !important
}

.pb--132 {
    padding-bottom: 132px !important
}

.pl--132 {
    padding-left: 132px !important
}

.pr--132 {
    padding-right: 132px !important
}

.mt--132 {
    margin-top: 132px !important
}

.mb--132 {
    margin-bottom: 132px !important
}

.mr--132 {
    margin-right: 132px !important
}

.ml--132 {
    margin-left: 132px !important
}

.m--136 {
    margin: 136px !important
}

.p--136 {
    padding: 136px !important
}

.ptb--136 {
    padding: 136px 0 !important
}

.plr--136 {
    padding: 0 136px !important
}

.pt--136 {
    padding-top: 136px !important
}

.pb--136 {
    padding-bottom: 136px !important
}

.pl--136 {
    padding-left: 136px !important
}

.pr--136 {
    padding-right: 136px !important
}

.mt--136 {
    margin-top: 136px !important
}

.mb--136 {
    margin-bottom: 136px !important
}

.mr--136 {
    margin-right: 136px !important
}

.ml--136 {
    margin-left: 136px !important
}

.m--140 {
    margin: 140px !important
}

.p--140 {
    padding: 140px !important
}

.ptb--140 {
    padding: 140px 0 !important
}

.plr--140 {
    padding: 0 140px !important
}

.pt--140 {
    padding-top: 140px !important
}

.pb--140 {
    padding-bottom: 140px !important
}

.pl--140 {
    padding-left: 140px !important
}

.pr--140 {
    padding-right: 140px !important
}

.mt--140 {
    margin-top: 140px !important
}

.mb--140 {
    margin-bottom: 140px !important
}

.mr--140 {
    margin-right: 140px !important
}

.ml--140 {
    margin-left: 140px !important
}

.m--144 {
    margin: 144px !important
}

.p--144 {
    padding: 144px !important
}

.ptb--144 {
    padding: 144px 0 !important
}

.plr--144 {
    padding: 0 144px !important
}

.pt--144 {
    padding-top: 144px !important
}

.pb--144 {
    padding-bottom: 144px !important
}

.pl--144 {
    padding-left: 144px !important
}

.pr--144 {
    padding-right: 144px !important
}

.mt--144 {
    margin-top: 144px !important
}

.mb--144 {
    margin-bottom: 144px !important
}

.mr--144 {
    margin-right: 144px !important
}

.ml--144 {
    margin-left: 144px !important
}

.m--148 {
    margin: 148px !important
}

.p--148 {
    padding: 148px !important
}

.ptb--148 {
    padding: 148px 0 !important
}

.plr--148 {
    padding: 0 148px !important
}

.pt--148 {
    padding-top: 148px !important
}

.pb--148 {
    padding-bottom: 148px !important
}

.pl--148 {
    padding-left: 148px !important
}

.pr--148 {
    padding-right: 148px !important
}

.mt--148 {
    margin-top: 148px !important
}

.mb--148 {
    margin-bottom: 148px !important
}

.mr--148 {
    margin-right: 148px !important
}

.ml--148 {
    margin-left: 148px !important
}

.m--152 {
    margin: 152px !important
}

.p--152 {
    padding: 152px !important
}

.ptb--152 {
    padding: 152px 0 !important
}

.plr--152 {
    padding: 0 152px !important
}

.pt--152 {
    padding-top: 152px !important
}

.pb--152 {
    padding-bottom: 152px !important
}

.pl--152 {
    padding-left: 152px !important
}

.pr--152 {
    padding-right: 152px !important
}

.mt--152 {
    margin-top: 152px !important
}

.mb--152 {
    margin-bottom: 152px !important
}

.mr--152 {
    margin-right: 152px !important
}

.ml--152 {
    margin-left: 152px !important
}

.m--156 {
    margin: 156px !important
}

.p--156 {
    padding: 156px !important
}

.ptb--156 {
    padding: 156px 0 !important
}

.plr--156 {
    padding: 0 156px !important
}

.pt--156 {
    padding-top: 156px !important
}

.pb--156 {
    padding-bottom: 156px !important
}

.pl--156 {
    padding-left: 156px !important
}

.pr--156 {
    padding-right: 156px !important
}

.mt--156 {
    margin-top: 156px !important
}

.mb--156 {
    margin-bottom: 156px !important
}

.mr--156 {
    margin-right: 156px !important
}

.ml--156 {
    margin-left: 156px !important
}

.m--160 {
    margin: 160px !important
}

.p--160 {
    padding: 160px !important
}

.ptb--160 {
    padding: 160px 0 !important
}

.plr--160 {
    padding: 0 160px !important
}

.pt--160 {
    padding-top: 160px !important
}

.pb--160 {
    padding-bottom: 160px !important
}

.pl--160 {
    padding-left: 160px !important
}

.pr--160 {
    padding-right: 160px !important
}

.mt--160 {
    margin-top: 160px !important
}

.mb--160 {
    margin-bottom: 160px !important
}

.mr--160 {
    margin-right: 160px !important
}

.ml--160 {
    margin-left: 160px !important
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .m_lp--0 {
        margin: 0 !important
    }

    .p_lp--0 {
        padding: 0 !important
    }

    .ptb_lp--0 {
        padding: 0 0
    }

    .plr_lp--0 {
        padding: 0 0
    }

    .pt_lp--0 {
        padding-top: 0
    }

    .pb_lp--0 {
        padding-bottom: 0
    }

    .pl_lp--0 {
        padding-left: 0
    }

    .pr_lp--0 {
        padding-right: 0
    }

    .mt_lp--0 {
        margin-top: 0
    }

    .mb_lp--0 {
        margin-bottom: 0
    }

    .m_lp--4 {
        margin: 4px !important
    }

    .p_lp--4 {
        padding: 4px !important
    }

    .ptb_lp--4 {
        padding: 4px 0
    }

    .plr_lp--4 {
        padding: 0 4px
    }

    .pt_lp--4 {
        padding-top: 4px
    }

    .pb_lp--4 {
        padding-bottom: 4px
    }

    .pl_lp--4 {
        padding-left: 4px
    }

    .pr_lp--4 {
        padding-right: 4px
    }

    .mt_lp--4 {
        margin-top: 4px
    }

    .mb_lp--4 {
        margin-bottom: 4px
    }

    .m_lp--8 {
        margin: 8px !important
    }

    .p_lp--8 {
        padding: 8px !important
    }

    .ptb_lp--8 {
        padding: 8px 0
    }

    .plr_lp--8 {
        padding: 0 8px
    }

    .pt_lp--8 {
        padding-top: 8px
    }

    .pb_lp--8 {
        padding-bottom: 8px
    }

    .pl_lp--8 {
        padding-left: 8px
    }

    .pr_lp--8 {
        padding-right: 8px
    }

    .mt_lp--8 {
        margin-top: 8px
    }

    .mb_lp--8 {
        margin-bottom: 8px
    }

    .m_lp--12 {
        margin: 12px !important
    }

    .p_lp--12 {
        padding: 12px !important
    }

    .ptb_lp--12 {
        padding: 12px 0
    }

    .plr_lp--12 {
        padding: 0 12px
    }

    .pt_lp--12 {
        padding-top: 12px
    }

    .pb_lp--12 {
        padding-bottom: 12px
    }

    .pl_lp--12 {
        padding-left: 12px
    }

    .pr_lp--12 {
        padding-right: 12px
    }

    .mt_lp--12 {
        margin-top: 12px
    }

    .mb_lp--12 {
        margin-bottom: 12px
    }

    .m_lp--16 {
        margin: 16px !important
    }

    .p_lp--16 {
        padding: 16px !important
    }

    .ptb_lp--16 {
        padding: 16px 0
    }

    .plr_lp--16 {
        padding: 0 16px
    }

    .pt_lp--16 {
        padding-top: 16px
    }

    .pb_lp--16 {
        padding-bottom: 16px
    }

    .pl_lp--16 {
        padding-left: 16px
    }

    .pr_lp--16 {
        padding-right: 16px
    }

    .mt_lp--16 {
        margin-top: 16px
    }

    .mb_lp--16 {
        margin-bottom: 16px
    }

    .m_lp--20 {
        margin: 20px !important
    }

    .p_lp--20 {
        padding: 20px !important
    }

    .ptb_lp--20 {
        padding: 20px 0
    }

    .plr_lp--20 {
        padding: 0 20px
    }

    .pt_lp--20 {
        padding-top: 20px
    }

    .pb_lp--20 {
        padding-bottom: 20px
    }

    .pl_lp--20 {
        padding-left: 20px
    }

    .pr_lp--20 {
        padding-right: 20px
    }

    .mt_lp--20 {
        margin-top: 20px
    }

    .mb_lp--20 {
        margin-bottom: 20px
    }

    .m_lp--24 {
        margin: 24px !important
    }

    .p_lp--24 {
        padding: 24px !important
    }

    .ptb_lp--24 {
        padding: 24px 0
    }

    .plr_lp--24 {
        padding: 0 24px
    }

    .pt_lp--24 {
        padding-top: 24px
    }

    .pb_lp--24 {
        padding-bottom: 24px
    }

    .pl_lp--24 {
        padding-left: 24px
    }

    .pr_lp--24 {
        padding-right: 24px
    }

    .mt_lp--24 {
        margin-top: 24px
    }

    .mb_lp--24 {
        margin-bottom: 24px
    }

    .m_lp--28 {
        margin: 28px !important
    }

    .p_lp--28 {
        padding: 28px !important
    }

    .ptb_lp--28 {
        padding: 28px 0
    }

    .plr_lp--28 {
        padding: 0 28px
    }

    .pt_lp--28 {
        padding-top: 28px
    }

    .pb_lp--28 {
        padding-bottom: 28px
    }

    .pl_lp--28 {
        padding-left: 28px
    }

    .pr_lp--28 {
        padding-right: 28px
    }

    .mt_lp--28 {
        margin-top: 28px
    }

    .mb_lp--28 {
        margin-bottom: 28px
    }

    .m_lp--32 {
        margin: 32px !important
    }

    .p_lp--32 {
        padding: 32px !important
    }

    .ptb_lp--32 {
        padding: 32px 0
    }

    .plr_lp--32 {
        padding: 0 32px
    }

    .pt_lp--32 {
        padding-top: 32px
    }

    .pb_lp--32 {
        padding-bottom: 32px
    }

    .pl_lp--32 {
        padding-left: 32px
    }

    .pr_lp--32 {
        padding-right: 32px
    }

    .mt_lp--32 {
        margin-top: 32px
    }

    .mb_lp--32 {
        margin-bottom: 32px
    }

    .m_lp--36 {
        margin: 36px !important
    }

    .p_lp--36 {
        padding: 36px !important
    }

    .ptb_lp--36 {
        padding: 36px 0
    }

    .plr_lp--36 {
        padding: 0 36px
    }

    .pt_lp--36 {
        padding-top: 36px
    }

    .pb_lp--36 {
        padding-bottom: 36px
    }

    .pl_lp--36 {
        padding-left: 36px
    }

    .pr_lp--36 {
        padding-right: 36px
    }

    .mt_lp--36 {
        margin-top: 36px
    }

    .mb_lp--36 {
        margin-bottom: 36px
    }

    .m_lp--40 {
        margin: 40px !important
    }

    .p_lp--40 {
        padding: 40px !important
    }

    .ptb_lp--40 {
        padding: 40px 0
    }

    .plr_lp--40 {
        padding: 0 40px
    }

    .pt_lp--40 {
        padding-top: 40px
    }

    .pb_lp--40 {
        padding-bottom: 40px
    }

    .pl_lp--40 {
        padding-left: 40px
    }

    .pr_lp--40 {
        padding-right: 40px
    }

    .mt_lp--40 {
        margin-top: 40px
    }

    .mb_lp--40 {
        margin-bottom: 40px
    }

    .m_lp--44 {
        margin: 44px !important
    }

    .p_lp--44 {
        padding: 44px !important
    }

    .ptb_lp--44 {
        padding: 44px 0
    }

    .plr_lp--44 {
        padding: 0 44px
    }

    .pt_lp--44 {
        padding-top: 44px
    }

    .pb_lp--44 {
        padding-bottom: 44px
    }

    .pl_lp--44 {
        padding-left: 44px
    }

    .pr_lp--44 {
        padding-right: 44px
    }

    .mt_lp--44 {
        margin-top: 44px
    }

    .mb_lp--44 {
        margin-bottom: 44px
    }

    .m_lp--48 {
        margin: 48px !important
    }

    .p_lp--48 {
        padding: 48px !important
    }

    .ptb_lp--48 {
        padding: 48px 0
    }

    .plr_lp--48 {
        padding: 0 48px
    }

    .pt_lp--48 {
        padding-top: 48px
    }

    .pb_lp--48 {
        padding-bottom: 48px
    }

    .pl_lp--48 {
        padding-left: 48px
    }

    .pr_lp--48 {
        padding-right: 48px
    }

    .mt_lp--48 {
        margin-top: 48px
    }

    .mb_lp--48 {
        margin-bottom: 48px
    }

    .m_lp--52 {
        margin: 52px !important
    }

    .p_lp--52 {
        padding: 52px !important
    }

    .ptb_lp--52 {
        padding: 52px 0
    }

    .plr_lp--52 {
        padding: 0 52px
    }

    .pt_lp--52 {
        padding-top: 52px
    }

    .pb_lp--52 {
        padding-bottom: 52px
    }

    .pl_lp--52 {
        padding-left: 52px
    }

    .pr_lp--52 {
        padding-right: 52px
    }

    .mt_lp--52 {
        margin-top: 52px
    }

    .mb_lp--52 {
        margin-bottom: 52px
    }

    .m_lp--56 {
        margin: 56px !important
    }

    .p_lp--56 {
        padding: 56px !important
    }

    .ptb_lp--56 {
        padding: 56px 0
    }

    .plr_lp--56 {
        padding: 0 56px
    }

    .pt_lp--56 {
        padding-top: 56px
    }

    .pb_lp--56 {
        padding-bottom: 56px
    }

    .pl_lp--56 {
        padding-left: 56px
    }

    .pr_lp--56 {
        padding-right: 56px
    }

    .mt_lp--56 {
        margin-top: 56px
    }

    .mb_lp--56 {
        margin-bottom: 56px
    }

    .m_lp--60 {
        margin: 60px !important
    }

    .p_lp--60 {
        padding: 60px !important
    }

    .ptb_lp--60 {
        padding: 60px 0
    }

    .plr_lp--60 {
        padding: 0 60px
    }

    .pt_lp--60 {
        padding-top: 60px
    }

    .pb_lp--60 {
        padding-bottom: 60px
    }

    .pl_lp--60 {
        padding-left: 60px
    }

    .pr_lp--60 {
        padding-right: 60px
    }

    .mt_lp--60 {
        margin-top: 60px
    }

    .mb_lp--60 {
        margin-bottom: 60px
    }

    .m_lp--64 {
        margin: 64px !important
    }

    .p_lp--64 {
        padding: 64px !important
    }

    .ptb_lp--64 {
        padding: 64px 0
    }

    .plr_lp--64 {
        padding: 0 64px
    }

    .pt_lp--64 {
        padding-top: 64px
    }

    .pb_lp--64 {
        padding-bottom: 64px
    }

    .pl_lp--64 {
        padding-left: 64px
    }

    .pr_lp--64 {
        padding-right: 64px
    }

    .mt_lp--64 {
        margin-top: 64px
    }

    .mb_lp--64 {
        margin-bottom: 64px
    }

    .m_lp--68 {
        margin: 68px !important
    }

    .p_lp--68 {
        padding: 68px !important
    }

    .ptb_lp--68 {
        padding: 68px 0
    }

    .plr_lp--68 {
        padding: 0 68px
    }

    .pt_lp--68 {
        padding-top: 68px
    }

    .pb_lp--68 {
        padding-bottom: 68px
    }

    .pl_lp--68 {
        padding-left: 68px
    }

    .pr_lp--68 {
        padding-right: 68px
    }

    .mt_lp--68 {
        margin-top: 68px
    }

    .mb_lp--68 {
        margin-bottom: 68px
    }

    .m_lp--72 {
        margin: 72px !important
    }

    .p_lp--72 {
        padding: 72px !important
    }

    .ptb_lp--72 {
        padding: 72px 0
    }

    .plr_lp--72 {
        padding: 0 72px
    }

    .pt_lp--72 {
        padding-top: 72px
    }

    .pb_lp--72 {
        padding-bottom: 72px
    }

    .pl_lp--72 {
        padding-left: 72px
    }

    .pr_lp--72 {
        padding-right: 72px
    }

    .mt_lp--72 {
        margin-top: 72px
    }

    .mb_lp--72 {
        margin-bottom: 72px
    }

    .m_lp--76 {
        margin: 76px !important
    }

    .p_lp--76 {
        padding: 76px !important
    }

    .ptb_lp--76 {
        padding: 76px 0
    }

    .plr_lp--76 {
        padding: 0 76px
    }

    .pt_lp--76 {
        padding-top: 76px
    }

    .pb_lp--76 {
        padding-bottom: 76px
    }

    .pl_lp--76 {
        padding-left: 76px
    }

    .pr_lp--76 {
        padding-right: 76px
    }

    .mt_lp--76 {
        margin-top: 76px
    }

    .mb_lp--76 {
        margin-bottom: 76px
    }

    .m_lp--80 {
        margin: 80px !important
    }

    .p_lp--80 {
        padding: 80px !important
    }

    .ptb_lp--80 {
        padding: 80px 0
    }

    .plr_lp--80 {
        padding: 0 80px
    }

    .pt_lp--80 {
        padding-top: 80px
    }

    .pb_lp--80 {
        padding-bottom: 80px
    }

    .pl_lp--80 {
        padding-left: 80px
    }

    .pr_lp--80 {
        padding-right: 80px
    }

    .mt_lp--80 {
        margin-top: 80px
    }

    .mb_lp--80 {
        margin-bottom: 80px
    }

    .plr--120 {
        padding: 0 80px !important
    }

    .mt_lp_dec--30 {
        margin-top: -30px !important
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .pl_lg--0 {
        padding-left: 0 !important
    }

    .mt_lg_dec--30 {
        margin-top: -30px !important
    }

    .m_lg--0 {
        margin: 0 !important
    }

    .p_lg--0 {
        padding: 0 !important
    }

    .ptb_lg--0 {
        padding: 0 0 !important
    }

    .plr_lg--0 {
        padding: 0 0 !important
    }

    .pt_lg--0 {
        padding-top: 0 !important
    }

    .pb_lg--0 {
        padding-bottom: 0 !important
    }

    .pl_lg--0 {
        padding-left: 0 !important
    }

    .pr_lg--0 {
        padding-right: 0 !important
    }

    .mt_lg--0 {
        margin-top: 0 !important
    }

    .mb_lg--0 {
        margin-bottom: 0 !important
    }

    .ml_lg--0 {
        margin-left: 0 !important
    }

    .m_lg--4 {
        margin: 4px !important
    }

    .p_lg--4 {
        padding: 4px !important
    }

    .ptb_lg--4 {
        padding: 4px 0 !important
    }

    .plr_lg--4 {
        padding: 0 4px !important
    }

    .pt_lg--4 {
        padding-top: 4px !important
    }

    .pb_lg--4 {
        padding-bottom: 4px !important
    }

    .pl_lg--4 {
        padding-left: 4px !important
    }

    .pr_lg--4 {
        padding-right: 4px !important
    }

    .mt_lg--4 {
        margin-top: 4px !important
    }

    .mb_lg--4 {
        margin-bottom: 4px !important
    }

    .ml_lg--4 {
        margin-left: 4px !important
    }

    .m_lg--8 {
        margin: 8px !important
    }

    .p_lg--8 {
        padding: 8px !important
    }

    .ptb_lg--8 {
        padding: 8px 0 !important
    }

    .plr_lg--8 {
        padding: 0 8px !important
    }

    .pt_lg--8 {
        padding-top: 8px !important
    }

    .pb_lg--8 {
        padding-bottom: 8px !important
    }

    .pl_lg--8 {
        padding-left: 8px !important
    }

    .pr_lg--8 {
        padding-right: 8px !important
    }

    .mt_lg--8 {
        margin-top: 8px !important
    }

    .mb_lg--8 {
        margin-bottom: 8px !important
    }

    .ml_lg--8 {
        margin-left: 8px !important
    }

    .m_lg--12 {
        margin: 12px !important
    }

    .p_lg--12 {
        padding: 12px !important
    }

    .ptb_lg--12 {
        padding: 12px 0 !important
    }

    .plr_lg--12 {
        padding: 0 12px !important
    }

    .pt_lg--12 {
        padding-top: 12px !important
    }

    .pb_lg--12 {
        padding-bottom: 12px !important
    }

    .pl_lg--12 {
        padding-left: 12px !important
    }

    .pr_lg--12 {
        padding-right: 12px !important
    }

    .mt_lg--12 {
        margin-top: 12px !important
    }

    .mb_lg--12 {
        margin-bottom: 12px !important
    }

    .ml_lg--12 {
        margin-left: 12px !important
    }

    .m_lg--16 {
        margin: 16px !important
    }

    .p_lg--16 {
        padding: 16px !important
    }

    .ptb_lg--16 {
        padding: 16px 0 !important
    }

    .plr_lg--16 {
        padding: 0 16px !important
    }

    .pt_lg--16 {
        padding-top: 16px !important
    }

    .pb_lg--16 {
        padding-bottom: 16px !important
    }

    .pl_lg--16 {
        padding-left: 16px !important
    }

    .pr_lg--16 {
        padding-right: 16px !important
    }

    .mt_lg--16 {
        margin-top: 16px !important
    }

    .mb_lg--16 {
        margin-bottom: 16px !important
    }

    .ml_lg--16 {
        margin-left: 16px !important
    }

    .m_lg--20 {
        margin: 20px !important
    }

    .p_lg--20 {
        padding: 20px !important
    }

    .ptb_lg--20 {
        padding: 20px 0 !important
    }

    .plr_lg--20 {
        padding: 0 20px !important
    }

    .pt_lg--20 {
        padding-top: 20px !important
    }

    .pb_lg--20 {
        padding-bottom: 20px !important
    }

    .pl_lg--20 {
        padding-left: 20px !important
    }

    .pr_lg--20 {
        padding-right: 20px !important
    }

    .mt_lg--20 {
        margin-top: 20px !important
    }

    .mb_lg--20 {
        margin-bottom: 20px !important
    }

    .ml_lg--20 {
        margin-left: 20px !important
    }

    .m_lg--24 {
        margin: 24px !important
    }

    .p_lg--24 {
        padding: 24px !important
    }

    .ptb_lg--24 {
        padding: 24px 0 !important
    }

    .plr_lg--24 {
        padding: 0 24px !important
    }

    .pt_lg--24 {
        padding-top: 24px !important
    }

    .pb_lg--24 {
        padding-bottom: 24px !important
    }

    .pl_lg--24 {
        padding-left: 24px !important
    }

    .pr_lg--24 {
        padding-right: 24px !important
    }

    .mt_lg--24 {
        margin-top: 24px !important
    }

    .mb_lg--24 {
        margin-bottom: 24px !important
    }

    .ml_lg--24 {
        margin-left: 24px !important
    }

    .m_lg--28 {
        margin: 28px !important
    }

    .p_lg--28 {
        padding: 28px !important
    }

    .ptb_lg--28 {
        padding: 28px 0 !important
    }

    .plr_lg--28 {
        padding: 0 28px !important
    }

    .pt_lg--28 {
        padding-top: 28px !important
    }

    .pb_lg--28 {
        padding-bottom: 28px !important
    }

    .pl_lg--28 {
        padding-left: 28px !important
    }

    .pr_lg--28 {
        padding-right: 28px !important
    }

    .mt_lg--28 {
        margin-top: 28px !important
    }

    .mb_lg--28 {
        margin-bottom: 28px !important
    }

    .ml_lg--28 {
        margin-left: 28px !important
    }

    .m_lg--32 {
        margin: 32px !important
    }

    .p_lg--32 {
        padding: 32px !important
    }

    .ptb_lg--32 {
        padding: 32px 0 !important
    }

    .plr_lg--32 {
        padding: 0 32px !important
    }

    .pt_lg--32 {
        padding-top: 32px !important
    }

    .pb_lg--32 {
        padding-bottom: 32px !important
    }

    .pl_lg--32 {
        padding-left: 32px !important
    }

    .pr_lg--32 {
        padding-right: 32px !important
    }

    .mt_lg--32 {
        margin-top: 32px !important
    }

    .mb_lg--32 {
        margin-bottom: 32px !important
    }

    .ml_lg--32 {
        margin-left: 32px !important
    }

    .m_lg--36 {
        margin: 36px !important
    }

    .p_lg--36 {
        padding: 36px !important
    }

    .ptb_lg--36 {
        padding: 36px 0 !important
    }

    .plr_lg--36 {
        padding: 0 36px !important
    }

    .pt_lg--36 {
        padding-top: 36px !important
    }

    .pb_lg--36 {
        padding-bottom: 36px !important
    }

    .pl_lg--36 {
        padding-left: 36px !important
    }

    .pr_lg--36 {
        padding-right: 36px !important
    }

    .mt_lg--36 {
        margin-top: 36px !important
    }

    .mb_lg--36 {
        margin-bottom: 36px !important
    }

    .ml_lg--36 {
        margin-left: 36px !important
    }

    .m_lg--40 {
        margin: 40px !important
    }

    .p_lg--40 {
        padding: 40px !important
    }

    .ptb_lg--40 {
        padding: 40px 0 !important
    }

    .plr_lg--40 {
        padding: 0 40px !important
    }

    .pt_lg--40 {
        padding-top: 40px !important
    }

    .pb_lg--40 {
        padding-bottom: 40px !important
    }

    .pl_lg--40 {
        padding-left: 40px !important
    }

    .pr_lg--40 {
        padding-right: 40px !important
    }

    .mt_lg--40 {
        margin-top: 40px !important
    }

    .mb_lg--40 {
        margin-bottom: 40px !important
    }

    .ml_lg--40 {
        margin-left: 40px !important
    }

    .m_lg--44 {
        margin: 44px !important
    }

    .p_lg--44 {
        padding: 44px !important
    }

    .ptb_lg--44 {
        padding: 44px 0 !important
    }

    .plr_lg--44 {
        padding: 0 44px !important
    }

    .pt_lg--44 {
        padding-top: 44px !important
    }

    .pb_lg--44 {
        padding-bottom: 44px !important
    }

    .pl_lg--44 {
        padding-left: 44px !important
    }

    .pr_lg--44 {
        padding-right: 44px !important
    }

    .mt_lg--44 {
        margin-top: 44px !important
    }

    .mb_lg--44 {
        margin-bottom: 44px !important
    }

    .ml_lg--44 {
        margin-left: 44px !important
    }

    .m_lg--48 {
        margin: 48px !important
    }

    .p_lg--48 {
        padding: 48px !important
    }

    .ptb_lg--48 {
        padding: 48px 0 !important
    }

    .plr_lg--48 {
        padding: 0 48px !important
    }

    .pt_lg--48 {
        padding-top: 48px !important
    }

    .pb_lg--48 {
        padding-bottom: 48px !important
    }

    .pl_lg--48 {
        padding-left: 48px !important
    }

    .pr_lg--48 {
        padding-right: 48px !important
    }

    .mt_lg--48 {
        margin-top: 48px !important
    }

    .mb_lg--48 {
        margin-bottom: 48px !important
    }

    .ml_lg--48 {
        margin-left: 48px !important
    }

    .m_lg--52 {
        margin: 52px !important
    }

    .p_lg--52 {
        padding: 52px !important
    }

    .ptb_lg--52 {
        padding: 52px 0 !important
    }

    .plr_lg--52 {
        padding: 0 52px !important
    }

    .pt_lg--52 {
        padding-top: 52px !important
    }

    .pb_lg--52 {
        padding-bottom: 52px !important
    }

    .pl_lg--52 {
        padding-left: 52px !important
    }

    .pr_lg--52 {
        padding-right: 52px !important
    }

    .mt_lg--52 {
        margin-top: 52px !important
    }

    .mb_lg--52 {
        margin-bottom: 52px !important
    }

    .ml_lg--52 {
        margin-left: 52px !important
    }

    .m_lg--56 {
        margin: 56px !important
    }

    .p_lg--56 {
        padding: 56px !important
    }

    .ptb_lg--56 {
        padding: 56px 0 !important
    }

    .plr_lg--56 {
        padding: 0 56px !important
    }

    .pt_lg--56 {
        padding-top: 56px !important
    }

    .pb_lg--56 {
        padding-bottom: 56px !important
    }

    .pl_lg--56 {
        padding-left: 56px !important
    }

    .pr_lg--56 {
        padding-right: 56px !important
    }

    .mt_lg--56 {
        margin-top: 56px !important
    }

    .mb_lg--56 {
        margin-bottom: 56px !important
    }

    .ml_lg--56 {
        margin-left: 56px !important
    }

    .m_lg--60 {
        margin: 60px !important
    }

    .p_lg--60 {
        padding: 60px !important
    }

    .ptb_lg--60 {
        padding: 60px 0 !important
    }

    .plr_lg--60 {
        padding: 0 60px !important
    }

    .pt_lg--60 {
        padding-top: 60px !important
    }

    .pb_lg--60 {
        padding-bottom: 60px !important
    }

    .pl_lg--60 {
        padding-left: 60px !important
    }

    .pr_lg--60 {
        padding-right: 60px !important
    }

    .mt_lg--60 {
        margin-top: 60px !important
    }

    .mb_lg--60 {
        margin-bottom: 60px !important
    }

    .ml_lg--60 {
        margin-left: 60px !important
    }

    .m_lg--64 {
        margin: 64px !important
    }

    .p_lg--64 {
        padding: 64px !important
    }

    .ptb_lg--64 {
        padding: 64px 0 !important
    }

    .plr_lg--64 {
        padding: 0 64px !important
    }

    .pt_lg--64 {
        padding-top: 64px !important
    }

    .pb_lg--64 {
        padding-bottom: 64px !important
    }

    .pl_lg--64 {
        padding-left: 64px !important
    }

    .pr_lg--64 {
        padding-right: 64px !important
    }

    .mt_lg--64 {
        margin-top: 64px !important
    }

    .mb_lg--64 {
        margin-bottom: 64px !important
    }

    .ml_lg--64 {
        margin-left: 64px !important
    }

    .m_lg--68 {
        margin: 68px !important
    }

    .p_lg--68 {
        padding: 68px !important
    }

    .ptb_lg--68 {
        padding: 68px 0 !important
    }

    .plr_lg--68 {
        padding: 0 68px !important
    }

    .pt_lg--68 {
        padding-top: 68px !important
    }

    .pb_lg--68 {
        padding-bottom: 68px !important
    }

    .pl_lg--68 {
        padding-left: 68px !important
    }

    .pr_lg--68 {
        padding-right: 68px !important
    }

    .mt_lg--68 {
        margin-top: 68px !important
    }

    .mb_lg--68 {
        margin-bottom: 68px !important
    }

    .ml_lg--68 {
        margin-left: 68px !important
    }

    .m_lg--72 {
        margin: 72px !important
    }

    .p_lg--72 {
        padding: 72px !important
    }

    .ptb_lg--72 {
        padding: 72px 0 !important
    }

    .plr_lg--72 {
        padding: 0 72px !important
    }

    .pt_lg--72 {
        padding-top: 72px !important
    }

    .pb_lg--72 {
        padding-bottom: 72px !important
    }

    .pl_lg--72 {
        padding-left: 72px !important
    }

    .pr_lg--72 {
        padding-right: 72px !important
    }

    .mt_lg--72 {
        margin-top: 72px !important
    }

    .mb_lg--72 {
        margin-bottom: 72px !important
    }

    .ml_lg--72 {
        margin-left: 72px !important
    }

    .m_lg--76 {
        margin: 76px !important
    }

    .p_lg--76 {
        padding: 76px !important
    }

    .ptb_lg--76 {
        padding: 76px 0 !important
    }

    .plr_lg--76 {
        padding: 0 76px !important
    }

    .pt_lg--76 {
        padding-top: 76px !important
    }

    .pb_lg--76 {
        padding-bottom: 76px !important
    }

    .pl_lg--76 {
        padding-left: 76px !important
    }

    .pr_lg--76 {
        padding-right: 76px !important
    }

    .mt_lg--76 {
        margin-top: 76px !important
    }

    .mb_lg--76 {
        margin-bottom: 76px !important
    }

    .ml_lg--76 {
        margin-left: 76px !important
    }

    .m_lg--80 {
        margin: 80px !important
    }

    .p_lg--80 {
        padding: 80px !important
    }

    .ptb_lg--80 {
        padding: 80px 0 !important
    }

    .plr_lg--80 {
        padding: 0 80px !important
    }

    .pt_lg--80 {
        padding-top: 80px !important
    }

    .pb_lg--80 {
        padding-bottom: 80px !important
    }

    .pl_lg--80 {
        padding-left: 80px !important
    }

    .pr_lg--80 {
        padding-right: 80px !important
    }

    .mt_lg--80 {
        margin-top: 80px !important
    }

    .mb_lg--80 {
        margin-bottom: 80px !important
    }

    .ml_lg--80 {
        margin-left: 80px !important
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .ptb--170 {
        padding: 80px 0 !important
    }

    .mt_md_dec--30 {
        margin-top: -30px !important
    }

    .pl_md--0 {
        padding-left: 0 !important
    }

    .ptb_md--0 {
        padding: 0 !important
    }

    .pl_md--0 {
        padding-left: 0 !important
    }

    .pr_md--0 {
        padding-right: 0 !important
    }

    .pt_md--0 {
        padding-top: 0 !important
    }

    .pb_md--0 {
        padding-bottom: 0 !important
    }

    .mr_md--0 {
        margin-right: 0 !important
    }

    .ml_md--0 {
        margin-left: 0 !important
    }

    .mt_md--0 {
        margin-top: 0 !important
    }

    .mb_md--0 {
        margin-bottom: 0 !important
    }

    .ptb_md--250 {
        padding: 250px 0 !important
    }

    .m_md--0 {
        margin: 0 !important
    }

    .p_md--0 {
        padding: 0 !important
    }

    .ptb_md--0 {
        padding: 0 0 !important
    }

    .plr_md--0 {
        padding: 0 0 !important
    }

    .pt_md--0 {
        padding-top: 0 !important
    }

    .pb_md--0 {
        padding-bottom: 0 !important
    }

    .pl_md--0 {
        padding-left: 0 !important
    }

    .pr_md--0 {
        padding-right: 0 !important
    }

    .mt_md--0 {
        margin-top: 0 !important
    }

    .mb_md--0 {
        margin-bottom: 0 !important
    }

    .m_md--4 {
        margin: 4px !important
    }

    .p_md--4 {
        padding: 4px !important
    }

    .ptb_md--4 {
        padding: 4px 0 !important
    }

    .plr_md--4 {
        padding: 0 4px !important
    }

    .pt_md--4 {
        padding-top: 4px !important
    }

    .pb_md--4 {
        padding-bottom: 4px !important
    }

    .pl_md--4 {
        padding-left: 4px !important
    }

    .pr_md--4 {
        padding-right: 4px !important
    }

    .mt_md--4 {
        margin-top: 4px !important
    }

    .mb_md--4 {
        margin-bottom: 4px !important
    }

    .m_md--8 {
        margin: 8px !important
    }

    .p_md--8 {
        padding: 8px !important
    }

    .ptb_md--8 {
        padding: 8px 0 !important
    }

    .plr_md--8 {
        padding: 0 8px !important
    }

    .pt_md--8 {
        padding-top: 8px !important
    }

    .pb_md--8 {
        padding-bottom: 8px !important
    }

    .pl_md--8 {
        padding-left: 8px !important
    }

    .pr_md--8 {
        padding-right: 8px !important
    }

    .mt_md--8 {
        margin-top: 8px !important
    }

    .mb_md--8 {
        margin-bottom: 8px !important
    }

    .m_md--12 {
        margin: 12px !important
    }

    .p_md--12 {
        padding: 12px !important
    }

    .ptb_md--12 {
        padding: 12px 0 !important
    }

    .plr_md--12 {
        padding: 0 12px !important
    }

    .pt_md--12 {
        padding-top: 12px !important
    }

    .pb_md--12 {
        padding-bottom: 12px !important
    }

    .pl_md--12 {
        padding-left: 12px !important
    }

    .pr_md--12 {
        padding-right: 12px !important
    }

    .mt_md--12 {
        margin-top: 12px !important
    }

    .mb_md--12 {
        margin-bottom: 12px !important
    }

    .m_md--16 {
        margin: 16px !important
    }

    .p_md--16 {
        padding: 16px !important
    }

    .ptb_md--16 {
        padding: 16px 0 !important
    }

    .plr_md--16 {
        padding: 0 16px !important
    }

    .pt_md--16 {
        padding-top: 16px !important
    }

    .pb_md--16 {
        padding-bottom: 16px !important
    }

    .pl_md--16 {
        padding-left: 16px !important
    }

    .pr_md--16 {
        padding-right: 16px !important
    }

    .mt_md--16 {
        margin-top: 16px !important
    }

    .mb_md--16 {
        margin-bottom: 16px !important
    }

    .m_md--20 {
        margin: 20px !important
    }

    .p_md--20 {
        padding: 20px !important
    }

    .ptb_md--20 {
        padding: 20px 0 !important
    }

    .plr_md--20 {
        padding: 0 20px !important
    }

    .pt_md--20 {
        padding-top: 20px !important
    }

    .pb_md--20 {
        padding-bottom: 20px !important
    }

    .pl_md--20 {
        padding-left: 20px !important
    }

    .pr_md--20 {
        padding-right: 20px !important
    }

    .mt_md--20 {
        margin-top: 20px !important
    }

    .mb_md--20 {
        margin-bottom: 20px !important
    }

    .m_md--24 {
        margin: 24px !important
    }

    .p_md--24 {
        padding: 24px !important
    }

    .ptb_md--24 {
        padding: 24px 0 !important
    }

    .plr_md--24 {
        padding: 0 24px !important
    }

    .pt_md--24 {
        padding-top: 24px !important
    }

    .pb_md--24 {
        padding-bottom: 24px !important
    }

    .pl_md--24 {
        padding-left: 24px !important
    }

    .pr_md--24 {
        padding-right: 24px !important
    }

    .mt_md--24 {
        margin-top: 24px !important
    }

    .mb_md--24 {
        margin-bottom: 24px !important
    }

    .m_md--28 {
        margin: 28px !important
    }

    .p_md--28 {
        padding: 28px !important
    }

    .ptb_md--28 {
        padding: 28px 0 !important
    }

    .plr_md--28 {
        padding: 0 28px !important
    }

    .pt_md--28 {
        padding-top: 28px !important
    }

    .pb_md--28 {
        padding-bottom: 28px !important
    }

    .pl_md--28 {
        padding-left: 28px !important
    }

    .pr_md--28 {
        padding-right: 28px !important
    }

    .mt_md--28 {
        margin-top: 28px !important
    }

    .mb_md--28 {
        margin-bottom: 28px !important
    }

    .m_md--32 {
        margin: 32px !important
    }

    .p_md--32 {
        padding: 32px !important
    }

    .ptb_md--32 {
        padding: 32px 0 !important
    }

    .plr_md--32 {
        padding: 0 32px !important
    }

    .pt_md--32 {
        padding-top: 32px !important
    }

    .pb_md--32 {
        padding-bottom: 32px !important
    }

    .pl_md--32 {
        padding-left: 32px !important
    }

    .pr_md--32 {
        padding-right: 32px !important
    }

    .mt_md--32 {
        margin-top: 32px !important
    }

    .mb_md--32 {
        margin-bottom: 32px !important
    }

    .m_md--36 {
        margin: 36px !important
    }

    .p_md--36 {
        padding: 36px !important
    }

    .ptb_md--36 {
        padding: 36px 0 !important
    }

    .plr_md--36 {
        padding: 0 36px !important
    }

    .pt_md--36 {
        padding-top: 36px !important
    }

    .pb_md--36 {
        padding-bottom: 36px !important
    }

    .pl_md--36 {
        padding-left: 36px !important
    }

    .pr_md--36 {
        padding-right: 36px !important
    }

    .mt_md--36 {
        margin-top: 36px !important
    }

    .mb_md--36 {
        margin-bottom: 36px !important
    }

    .m_md--40 {
        margin: 40px !important
    }

    .p_md--40 {
        padding: 40px !important
    }

    .ptb_md--40 {
        padding: 40px 0 !important
    }

    .plr_md--40 {
        padding: 0 40px !important
    }

    .pt_md--40 {
        padding-top: 40px !important
    }

    .pb_md--40 {
        padding-bottom: 40px !important
    }

    .pl_md--40 {
        padding-left: 40px !important
    }

    .pr_md--40 {
        padding-right: 40px !important
    }

    .mt_md--40 {
        margin-top: 40px !important
    }

    .mb_md--40 {
        margin-bottom: 40px !important
    }

    .m_md--44 {
        margin: 44px !important
    }

    .p_md--44 {
        padding: 44px !important
    }

    .ptb_md--44 {
        padding: 44px 0 !important
    }

    .plr_md--44 {
        padding: 0 44px !important
    }

    .pt_md--44 {
        padding-top: 44px !important
    }

    .pb_md--44 {
        padding-bottom: 44px !important
    }

    .pl_md--44 {
        padding-left: 44px !important
    }

    .pr_md--44 {
        padding-right: 44px !important
    }

    .mt_md--44 {
        margin-top: 44px !important
    }

    .mb_md--44 {
        margin-bottom: 44px !important
    }

    .m_md--48 {
        margin: 48px !important
    }

    .p_md--48 {
        padding: 48px !important
    }

    .ptb_md--48 {
        padding: 48px 0 !important
    }

    .plr_md--48 {
        padding: 0 48px !important
    }

    .pt_md--48 {
        padding-top: 48px !important
    }

    .pb_md--48 {
        padding-bottom: 48px !important
    }

    .pl_md--48 {
        padding-left: 48px !important
    }

    .pr_md--48 {
        padding-right: 48px !important
    }

    .mt_md--48 {
        margin-top: 48px !important
    }

    .mb_md--48 {
        margin-bottom: 48px !important
    }

    .m_md--52 {
        margin: 52px !important
    }

    .p_md--52 {
        padding: 52px !important
    }

    .ptb_md--52 {
        padding: 52px 0 !important
    }

    .plr_md--52 {
        padding: 0 52px !important
    }

    .pt_md--52 {
        padding-top: 52px !important
    }

    .pb_md--52 {
        padding-bottom: 52px !important
    }

    .pl_md--52 {
        padding-left: 52px !important
    }

    .pr_md--52 {
        padding-right: 52px !important
    }

    .mt_md--52 {
        margin-top: 52px !important
    }

    .mb_md--52 {
        margin-bottom: 52px !important
    }

    .m_md--56 {
        margin: 56px !important
    }

    .p_md--56 {
        padding: 56px !important
    }

    .ptb_md--56 {
        padding: 56px 0 !important
    }

    .plr_md--56 {
        padding: 0 56px !important
    }

    .pt_md--56 {
        padding-top: 56px !important
    }

    .pb_md--56 {
        padding-bottom: 56px !important
    }

    .pl_md--56 {
        padding-left: 56px !important
    }

    .pr_md--56 {
        padding-right: 56px !important
    }

    .mt_md--56 {
        margin-top: 56px !important
    }

    .mb_md--56 {
        margin-bottom: 56px !important
    }

    .m_md--60 {
        margin: 60px !important
    }

    .p_md--60 {
        padding: 60px !important
    }

    .ptb_md--60 {
        padding: 60px 0 !important
    }

    .plr_md--60 {
        padding: 0 60px !important
    }

    .pt_md--60 {
        padding-top: 60px !important
    }

    .pb_md--60 {
        padding-bottom: 60px !important
    }

    .pl_md--60 {
        padding-left: 60px !important
    }

    .pr_md--60 {
        padding-right: 60px !important
    }

    .mt_md--60 {
        margin-top: 60px !important
    }

    .mb_md--60 {
        margin-bottom: 60px !important
    }

    .m_md--64 {
        margin: 64px !important
    }

    .p_md--64 {
        padding: 64px !important
    }

    .ptb_md--64 {
        padding: 64px 0 !important
    }

    .plr_md--64 {
        padding: 0 64px !important
    }

    .pt_md--64 {
        padding-top: 64px !important
    }

    .pb_md--64 {
        padding-bottom: 64px !important
    }

    .pl_md--64 {
        padding-left: 64px !important
    }

    .pr_md--64 {
        padding-right: 64px !important
    }

    .mt_md--64 {
        margin-top: 64px !important
    }

    .mb_md--64 {
        margin-bottom: 64px !important
    }

    .m_md--68 {
        margin: 68px !important
    }

    .p_md--68 {
        padding: 68px !important
    }

    .ptb_md--68 {
        padding: 68px 0 !important
    }

    .plr_md--68 {
        padding: 0 68px !important
    }

    .pt_md--68 {
        padding-top: 68px !important
    }

    .pb_md--68 {
        padding-bottom: 68px !important
    }

    .pl_md--68 {
        padding-left: 68px !important
    }

    .pr_md--68 {
        padding-right: 68px !important
    }

    .mt_md--68 {
        margin-top: 68px !important
    }

    .mb_md--68 {
        margin-bottom: 68px !important
    }

    .m_md--72 {
        margin: 72px !important
    }

    .p_md--72 {
        padding: 72px !important
    }

    .ptb_md--72 {
        padding: 72px 0 !important
    }

    .plr_md--72 {
        padding: 0 72px !important
    }

    .pt_md--72 {
        padding-top: 72px !important
    }

    .pb_md--72 {
        padding-bottom: 72px !important
    }

    .pl_md--72 {
        padding-left: 72px !important
    }

    .pr_md--72 {
        padding-right: 72px !important
    }

    .mt_md--72 {
        margin-top: 72px !important
    }

    .mb_md--72 {
        margin-bottom: 72px !important
    }

    .m_md--76 {
        margin: 76px !important
    }

    .p_md--76 {
        padding: 76px !important
    }

    .ptb_md--76 {
        padding: 76px 0 !important
    }

    .plr_md--76 {
        padding: 0 76px !important
    }

    .pt_md--76 {
        padding-top: 76px !important
    }

    .pb_md--76 {
        padding-bottom: 76px !important
    }

    .pl_md--76 {
        padding-left: 76px !important
    }

    .pr_md--76 {
        padding-right: 76px !important
    }

    .mt_md--76 {
        margin-top: 76px !important
    }

    .mb_md--76 {
        margin-bottom: 76px !important
    }

    .m_md--80 {
        margin: 80px !important
    }

    .p_md--80 {
        padding: 80px !important
    }

    .ptb_md--80 {
        padding: 80px 0 !important
    }

    .plr_md--80 {
        padding: 0 80px !important
    }

    .pt_md--80 {
        padding-top: 80px !important
    }

    .pb_md--80 {
        padding-bottom: 80px !important
    }

    .pl_md--80 {
        padding-left: 80px !important
    }

    .pr_md--80 {
        padding-right: 80px !important
    }

    .mt_md--80 {
        margin-top: 80px !important
    }

    .mb_md--80 {
        margin-bottom: 80px !important
    }
}

@media only screen and (max-width: 767px) {
    .mt_sm_dec--30 {
        margin-top: -30px !important
    }

    .ptb_sm--250 {
        padding: 250px 0 !important
    }

    .ptb--170 {
        padding: 80px 0 !important
    }

    .ptb_sm--0 {
        padding: 0 !important
    }

    .pl_sm--0 {
        padding-left: 0 !important
    }

    .pr_sm--0 {
        padding-right: 0 !important
    }

    .pt_sm--0 {
        padding-top: 0 !important
    }

    .pb_sm--0 {
        padding-bottom: 0 !important
    }

    .mr_sm--0 {
        margin-right: 0 !important
    }

    .ml_sm--0 {
        margin-left: 0 !important
    }

    .mt_sm--0 {
        margin-top: 0 !important
    }

    .mt_sm--12 {
        margin-top: 12px !important
    }

    .mb_sm--0 {
        margin-bottom: 0 !important
    }

    .pt_sm--150 {
        padding-top: 150px !important
    }

    .pb_sm--110 {
        padding-bottom: 110px !important
    }

    .ptb_sm--60 {
        padding: 60px 0 !important
    }

    .m_sm--0 {
        margin: 0 !important
    }

    .p_sm--0 {
        padding: 0 !important
    }

    .ptb_sm--0 {
        padding: 0 0 !important
    }

    .plr_sm--0 {
        padding: 0 0 !important
    }

    .pt_sm--0 {
        padding-top: 0 !important
    }

    .pb_sm--0 {
        padding-bottom: 0 !important
    }

    .pl_sm--0 {
        padding-left: 0 !important
    }

    .pr_sm--0 {
        padding-right: 0 !important
    }

    .mt_sm--0 {
        margin-top: 0 !important
    }

    .ml_sm--0 {
        margin-left: 0 !important
    }

    .mr_sm--0 {
        margin-right: 0 !important
    }

    .mb_sm--0 {
        margin-bottom: 0 !important
    }

    .m_sm--4 {
        margin: 4px !important
    }

    .p_sm--4 {
        padding: 4px !important
    }

    .ptb_sm--4 {
        padding: 4px 0 !important
    }

    .plr_sm--4 {
        padding: 0 4px !important
    }

    .pt_sm--4 {
        padding-top: 4px !important
    }

    .pb_sm--4 {
        padding-bottom: 4px !important
    }

    .pl_sm--4 {
        padding-left: 4px !important
    }

    .pr_sm--4 {
        padding-right: 4px !important
    }

    .mt_sm--4 {
        margin-top: 4px !important
    }

    .ml_sm--4 {
        margin-left: 4px !important
    }

    .mr_sm--4 {
        margin-right: 4px !important
    }

    .mb_sm--4 {
        margin-bottom: 4px !important
    }

    .m_sm--8 {
        margin: 8px !important
    }

    .p_sm--8 {
        padding: 8px !important
    }

    .ptb_sm--8 {
        padding: 8px 0 !important
    }

    .plr_sm--8 {
        padding: 0 8px !important
    }

    .pt_sm--8 {
        padding-top: 8px !important
    }

    .pb_sm--8 {
        padding-bottom: 8px !important
    }

    .pl_sm--8 {
        padding-left: 8px !important
    }

    .pr_sm--8 {
        padding-right: 8px !important
    }

    .mt_sm--8 {
        margin-top: 8px !important
    }

    .ml_sm--8 {
        margin-left: 8px !important
    }

    .mr_sm--8 {
        margin-right: 8px !important
    }

    .mb_sm--8 {
        margin-bottom: 8px !important
    }

    .m_sm--12 {
        margin: 12px !important
    }

    .p_sm--12 {
        padding: 12px !important
    }

    .ptb_sm--12 {
        padding: 12px 0 !important
    }

    .plr_sm--12 {
        padding: 0 12px !important
    }

    .pt_sm--12 {
        padding-top: 12px !important
    }

    .pb_sm--12 {
        padding-bottom: 12px !important
    }

    .pl_sm--12 {
        padding-left: 12px !important
    }

    .pr_sm--12 {
        padding-right: 12px !important
    }

    .mt_sm--12 {
        margin-top: 12px !important
    }

    .ml_sm--12 {
        margin-left: 12px !important
    }

    .mr_sm--12 {
        margin-right: 12px !important
    }

    .mb_sm--12 {
        margin-bottom: 12px !important
    }

    .m_sm--16 {
        margin: 16px !important
    }

    .p_sm--16 {
        padding: 16px !important
    }

    .ptb_sm--16 {
        padding: 16px 0 !important
    }

    .plr_sm--16 {
        padding: 0 16px !important
    }

    .pt_sm--16 {
        padding-top: 16px !important
    }

    .pb_sm--16 {
        padding-bottom: 16px !important
    }

    .pl_sm--16 {
        padding-left: 16px !important
    }

    .pr_sm--16 {
        padding-right: 16px !important
    }

    .mt_sm--16 {
        margin-top: 16px !important
    }

    .ml_sm--16 {
        margin-left: 16px !important
    }

    .mr_sm--16 {
        margin-right: 16px !important
    }

    .mb_sm--16 {
        margin-bottom: 16px !important
    }

    .m_sm--20 {
        margin: 20px !important
    }

    .p_sm--20 {
        padding: 20px !important
    }

    .ptb_sm--20 {
        padding: 20px 0 !important
    }

    .plr_sm--20 {
        padding: 0 20px !important
    }

    .pt_sm--20 {
        padding-top: 20px !important
    }

    .pb_sm--20 {
        padding-bottom: 20px !important
    }

    .pl_sm--20 {
        padding-left: 20px !important
    }

    .pr_sm--20 {
        padding-right: 20px !important
    }

    .mt_sm--20 {
        margin-top: 20px !important
    }

    .ml_sm--20 {
        margin-left: 20px !important
    }

    .mr_sm--20 {
        margin-right: 20px !important
    }

    .mb_sm--20 {
        margin-bottom: 20px !important
    }

    .m_sm--24 {
        margin: 24px !important
    }

    .p_sm--24 {
        padding: 24px !important
    }

    .ptb_sm--24 {
        padding: 24px 0 !important
    }

    .plr_sm--24 {
        padding: 0 24px !important
    }

    .pt_sm--24 {
        padding-top: 24px !important
    }

    .pb_sm--24 {
        padding-bottom: 24px !important
    }

    .pl_sm--24 {
        padding-left: 24px !important
    }

    .pr_sm--24 {
        padding-right: 24px !important
    }

    .mt_sm--24 {
        margin-top: 24px !important
    }

    .ml_sm--24 {
        margin-left: 24px !important
    }

    .mr_sm--24 {
        margin-right: 24px !important
    }

    .mb_sm--24 {
        margin-bottom: 24px !important
    }

    .m_sm--28 {
        margin: 28px !important
    }

    .p_sm--28 {
        padding: 28px !important
    }

    .ptb_sm--28 {
        padding: 28px 0 !important
    }

    .plr_sm--28 {
        padding: 0 28px !important
    }

    .pt_sm--28 {
        padding-top: 28px !important
    }

    .pb_sm--28 {
        padding-bottom: 28px !important
    }

    .pl_sm--28 {
        padding-left: 28px !important
    }

    .pr_sm--28 {
        padding-right: 28px !important
    }

    .mt_sm--28 {
        margin-top: 28px !important
    }

    .ml_sm--28 {
        margin-left: 28px !important
    }

    .mr_sm--28 {
        margin-right: 28px !important
    }

    .mb_sm--28 {
        margin-bottom: 28px !important
    }

    .m_sm--32 {
        margin: 32px !important
    }

    .p_sm--32 {
        padding: 32px !important
    }

    .ptb_sm--32 {
        padding: 32px 0 !important
    }

    .plr_sm--32 {
        padding: 0 32px !important
    }

    .pt_sm--32 {
        padding-top: 32px !important
    }

    .pb_sm--32 {
        padding-bottom: 32px !important
    }

    .pl_sm--32 {
        padding-left: 32px !important
    }

    .pr_sm--32 {
        padding-right: 32px !important
    }

    .mt_sm--32 {
        margin-top: 32px !important
    }

    .ml_sm--32 {
        margin-left: 32px !important
    }

    .mr_sm--32 {
        margin-right: 32px !important
    }

    .mb_sm--32 {
        margin-bottom: 32px !important
    }

    .m_sm--36 {
        margin: 36px !important
    }

    .p_sm--36 {
        padding: 36px !important
    }

    .ptb_sm--36 {
        padding: 36px 0 !important
    }

    .plr_sm--36 {
        padding: 0 36px !important
    }

    .pt_sm--36 {
        padding-top: 36px !important
    }

    .pb_sm--36 {
        padding-bottom: 36px !important
    }

    .pl_sm--36 {
        padding-left: 36px !important
    }

    .pr_sm--36 {
        padding-right: 36px !important
    }

    .mt_sm--36 {
        margin-top: 36px !important
    }

    .ml_sm--36 {
        margin-left: 36px !important
    }

    .mr_sm--36 {
        margin-right: 36px !important
    }

    .mb_sm--36 {
        margin-bottom: 36px !important
    }

    .m_sm--40 {
        margin: 40px !important
    }

    .p_sm--40 {
        padding: 40px !important
    }

    .ptb_sm--40 {
        padding: 40px 0 !important
    }

    .plr_sm--40 {
        padding: 0 40px !important
    }

    .pt_sm--40 {
        padding-top: 40px !important
    }

    .pb_sm--40 {
        padding-bottom: 40px !important
    }

    .pl_sm--40 {
        padding-left: 40px !important
    }

    .pr_sm--40 {
        padding-right: 40px !important
    }

    .mt_sm--40 {
        margin-top: 40px !important
    }

    .ml_sm--40 {
        margin-left: 40px !important
    }

    .mr_sm--40 {
        margin-right: 40px !important
    }

    .mb_sm--40 {
        margin-bottom: 40px !important
    }

    .m_sm--44 {
        margin: 44px !important
    }

    .p_sm--44 {
        padding: 44px !important
    }

    .ptb_sm--44 {
        padding: 44px 0 !important
    }

    .plr_sm--44 {
        padding: 0 44px !important
    }

    .pt_sm--44 {
        padding-top: 44px !important
    }

    .pb_sm--44 {
        padding-bottom: 44px !important
    }

    .pl_sm--44 {
        padding-left: 44px !important
    }

    .pr_sm--44 {
        padding-right: 44px !important
    }

    .mt_sm--44 {
        margin-top: 44px !important
    }

    .ml_sm--44 {
        margin-left: 44px !important
    }

    .mr_sm--44 {
        margin-right: 44px !important
    }

    .mb_sm--44 {
        margin-bottom: 44px !important
    }

    .m_sm--48 {
        margin: 48px !important
    }

    .p_sm--48 {
        padding: 48px !important
    }

    .ptb_sm--48 {
        padding: 48px 0 !important
    }

    .plr_sm--48 {
        padding: 0 48px !important
    }

    .pt_sm--48 {
        padding-top: 48px !important
    }

    .pb_sm--48 {
        padding-bottom: 48px !important
    }

    .pl_sm--48 {
        padding-left: 48px !important
    }

    .pr_sm--48 {
        padding-right: 48px !important
    }

    .mt_sm--48 {
        margin-top: 48px !important
    }

    .ml_sm--48 {
        margin-left: 48px !important
    }

    .mr_sm--48 {
        margin-right: 48px !important
    }

    .mb_sm--48 {
        margin-bottom: 48px !important
    }

    .m_sm--52 {
        margin: 52px !important
    }

    .p_sm--52 {
        padding: 52px !important
    }

    .ptb_sm--52 {
        padding: 52px 0 !important
    }

    .plr_sm--52 {
        padding: 0 52px !important
    }

    .pt_sm--52 {
        padding-top: 52px !important
    }

    .pb_sm--52 {
        padding-bottom: 52px !important
    }

    .pl_sm--52 {
        padding-left: 52px !important
    }

    .pr_sm--52 {
        padding-right: 52px !important
    }

    .mt_sm--52 {
        margin-top: 52px !important
    }

    .ml_sm--52 {
        margin-left: 52px !important
    }

    .mr_sm--52 {
        margin-right: 52px !important
    }

    .mb_sm--52 {
        margin-bottom: 52px !important
    }

    .m_sm--56 {
        margin: 56px !important
    }

    .p_sm--56 {
        padding: 56px !important
    }

    .ptb_sm--56 {
        padding: 56px 0 !important
    }

    .plr_sm--56 {
        padding: 0 56px !important
    }

    .pt_sm--56 {
        padding-top: 56px !important
    }

    .pb_sm--56 {
        padding-bottom: 56px !important
    }

    .pl_sm--56 {
        padding-left: 56px !important
    }

    .pr_sm--56 {
        padding-right: 56px !important
    }

    .mt_sm--56 {
        margin-top: 56px !important
    }

    .ml_sm--56 {
        margin-left: 56px !important
    }

    .mr_sm--56 {
        margin-right: 56px !important
    }

    .mb_sm--56 {
        margin-bottom: 56px !important
    }

    .m_sm--60 {
        margin: 60px !important
    }

    .p_sm--60 {
        padding: 60px !important
    }

    .ptb_sm--60 {
        padding: 60px 0 !important
    }

    .plr_sm--60 {
        padding: 0 60px !important
    }

    .pt_sm--60 {
        padding-top: 60px !important
    }

    .pb_sm--60 {
        padding-bottom: 60px !important
    }

    .pl_sm--60 {
        padding-left: 60px !important
    }

    .pr_sm--60 {
        padding-right: 60px !important
    }

    .mt_sm--60 {
        margin-top: 60px !important
    }

    .ml_sm--60 {
        margin-left: 60px !important
    }

    .mr_sm--60 {
        margin-right: 60px !important
    }

    .mb_sm--60 {
        margin-bottom: 60px !important
    }

    .m_sm--64 {
        margin: 64px !important
    }

    .p_sm--64 {
        padding: 64px !important
    }

    .ptb_sm--64 {
        padding: 64px 0 !important
    }

    .plr_sm--64 {
        padding: 0 64px !important
    }

    .pt_sm--64 {
        padding-top: 64px !important
    }

    .pb_sm--64 {
        padding-bottom: 64px !important
    }

    .pl_sm--64 {
        padding-left: 64px !important
    }

    .pr_sm--64 {
        padding-right: 64px !important
    }

    .mt_sm--64 {
        margin-top: 64px !important
    }

    .ml_sm--64 {
        margin-left: 64px !important
    }

    .mr_sm--64 {
        margin-right: 64px !important
    }

    .mb_sm--64 {
        margin-bottom: 64px !important
    }

    .m_sm--68 {
        margin: 68px !important
    }

    .p_sm--68 {
        padding: 68px !important
    }

    .ptb_sm--68 {
        padding: 68px 0 !important
    }

    .plr_sm--68 {
        padding: 0 68px !important
    }

    .pt_sm--68 {
        padding-top: 68px !important
    }

    .pb_sm--68 {
        padding-bottom: 68px !important
    }

    .pl_sm--68 {
        padding-left: 68px !important
    }

    .pr_sm--68 {
        padding-right: 68px !important
    }

    .mt_sm--68 {
        margin-top: 68px !important
    }

    .ml_sm--68 {
        margin-left: 68px !important
    }

    .mr_sm--68 {
        margin-right: 68px !important
    }

    .mb_sm--68 {
        margin-bottom: 68px !important
    }

    .m_sm--72 {
        margin: 72px !important
    }

    .p_sm--72 {
        padding: 72px !important
    }

    .ptb_sm--72 {
        padding: 72px 0 !important
    }

    .plr_sm--72 {
        padding: 0 72px !important
    }

    .pt_sm--72 {
        padding-top: 72px !important
    }

    .pb_sm--72 {
        padding-bottom: 72px !important
    }

    .pl_sm--72 {
        padding-left: 72px !important
    }

    .pr_sm--72 {
        padding-right: 72px !important
    }

    .mt_sm--72 {
        margin-top: 72px !important
    }

    .ml_sm--72 {
        margin-left: 72px !important
    }

    .mr_sm--72 {
        margin-right: 72px !important
    }

    .mb_sm--72 {
        margin-bottom: 72px !important
    }

    .m_sm--76 {
        margin: 76px !important
    }

    .p_sm--76 {
        padding: 76px !important
    }

    .ptb_sm--76 {
        padding: 76px 0 !important
    }

    .plr_sm--76 {
        padding: 0 76px !important
    }

    .pt_sm--76 {
        padding-top: 76px !important
    }

    .pb_sm--76 {
        padding-bottom: 76px !important
    }

    .pl_sm--76 {
        padding-left: 76px !important
    }

    .pr_sm--76 {
        padding-right: 76px !important
    }

    .mt_sm--76 {
        margin-top: 76px !important
    }

    .ml_sm--76 {
        margin-left: 76px !important
    }

    .mr_sm--76 {
        margin-right: 76px !important
    }

    .mb_sm--76 {
        margin-bottom: 76px !important
    }

    .m_sm--80 {
        margin: 80px !important
    }

    .p_sm--80 {
        padding: 80px !important
    }

    .ptb_sm--80 {
        padding: 80px 0 !important
    }

    .plr_sm--80 {
        padding: 0 80px !important
    }

    .pt_sm--80 {
        padding-top: 80px !important
    }

    .pb_sm--80 {
        padding-bottom: 80px !important
    }

    .pl_sm--80 {
        padding-left: 80px !important
    }

    .pr_sm--80 {
        padding-right: 80px !important
    }

    .mt_sm--80 {
        margin-top: 80px !important
    }

    .ml_sm--80 {
        margin-left: 80px !important
    }

    .mr_sm--80 {
        margin-right: 80px !important
    }

    .mb_sm--80 {
        margin-bottom: 80px !important
    }

    .pl_sm--0 {
        padding-left: 0
    }

    .pr_sm--0 {
        padding-right: 0
    }

    .pt_sm--0 {
        padding-top: 0
    }

    .pb_sm--0 {
        padding-bottom: 0
    }

    .mr_sm--0 {
        margin-right: 0
    }

    .ml_sm--0 {
        margin-left: 0
    }

    .mb_sm--0 {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 575px) {
    .m_mobile--0 {
        margin: 0 !important
    }

    .p_mobile--0 {
        padding: 0 !important
    }

    .ptb_mobile--0 {
        padding: 0 0 !important
    }

    .plr_mobile--0 {
        padding: 0 0 !important
    }

    .pt_mobile--0 {
        padding-top: 0 !important
    }

    .pb_mobile--0 {
        padding-bottom: 0 !important
    }

    .pl_mobile--0 {
        padding-left: 0 !important
    }

    .pr_mobile--0 {
        padding-right: 0 !important
    }

    .mt_mobile--0 {
        margin-top: 0 !important
    }

    .mb_mobile--0 {
        margin-bottom: 0 !important
    }

    .m_mobile--4 {
        margin: 4px !important
    }

    .p_mobile--4 {
        padding: 4px !important
    }

    .ptb_mobile--4 {
        padding: 4px 0 !important
    }

    .plr_mobile--4 {
        padding: 0 4px !important
    }

    .pt_mobile--4 {
        padding-top: 4px !important
    }

    .pb_mobile--4 {
        padding-bottom: 4px !important
    }

    .pl_mobile--4 {
        padding-left: 4px !important
    }

    .pr_mobile--4 {
        padding-right: 4px !important
    }

    .mt_mobile--4 {
        margin-top: 4px !important
    }

    .mb_mobile--4 {
        margin-bottom: 4px !important
    }

    .m_mobile--8 {
        margin: 8px !important
    }

    .p_mobile--8 {
        padding: 8px !important
    }

    .ptb_mobile--8 {
        padding: 8px 0 !important
    }

    .plr_mobile--8 {
        padding: 0 8px !important
    }

    .pt_mobile--8 {
        padding-top: 8px !important
    }

    .pb_mobile--8 {
        padding-bottom: 8px !important
    }

    .pl_mobile--8 {
        padding-left: 8px !important
    }

    .pr_mobile--8 {
        padding-right: 8px !important
    }

    .mt_mobile--8 {
        margin-top: 8px !important
    }

    .mb_mobile--8 {
        margin-bottom: 8px !important
    }

    .m_mobile--12 {
        margin: 12px !important
    }

    .p_mobile--12 {
        padding: 12px !important
    }

    .ptb_mobile--12 {
        padding: 12px 0 !important
    }

    .plr_mobile--12 {
        padding: 0 12px !important
    }

    .pt_mobile--12 {
        padding-top: 12px !important
    }

    .pb_mobile--12 {
        padding-bottom: 12px !important
    }

    .pl_mobile--12 {
        padding-left: 12px !important
    }

    .pr_mobile--12 {
        padding-right: 12px !important
    }

    .mt_mobile--12 {
        margin-top: 12px !important
    }

    .mb_mobile--12 {
        margin-bottom: 12px !important
    }

    .m_mobile--16 {
        margin: 16px !important
    }

    .p_mobile--16 {
        padding: 16px !important
    }

    .ptb_mobile--16 {
        padding: 16px 0 !important
    }

    .plr_mobile--16 {
        padding: 0 16px !important
    }

    .pt_mobile--16 {
        padding-top: 16px !important
    }

    .pb_mobile--16 {
        padding-bottom: 16px !important
    }

    .pl_mobile--16 {
        padding-left: 16px !important
    }

    .pr_mobile--16 {
        padding-right: 16px !important
    }

    .mt_mobile--16 {
        margin-top: 16px !important
    }

    .mb_mobile--16 {
        margin-bottom: 16px !important
    }

    .m_mobile--20 {
        margin: 20px !important
    }

    .p_mobile--20 {
        padding: 20px !important
    }

    .ptb_mobile--20 {
        padding: 20px 0 !important
    }

    .plr_mobile--20 {
        padding: 0 20px !important
    }

    .pt_mobile--20 {
        padding-top: 20px !important
    }

    .pb_mobile--20 {
        padding-bottom: 20px !important
    }

    .pl_mobile--20 {
        padding-left: 20px !important
    }

    .pr_mobile--20 {
        padding-right: 20px !important
    }

    .mt_mobile--20 {
        margin-top: 20px !important
    }

    .mb_mobile--20 {
        margin-bottom: 20px !important
    }

    .m_mobile--24 {
        margin: 24px !important
    }

    .p_mobile--24 {
        padding: 24px !important
    }

    .ptb_mobile--24 {
        padding: 24px 0 !important
    }

    .plr_mobile--24 {
        padding: 0 24px !important
    }

    .pt_mobile--24 {
        padding-top: 24px !important
    }

    .pb_mobile--24 {
        padding-bottom: 24px !important
    }

    .pl_mobile--24 {
        padding-left: 24px !important
    }

    .pr_mobile--24 {
        padding-right: 24px !important
    }

    .mt_mobile--24 {
        margin-top: 24px !important
    }

    .mb_mobile--24 {
        margin-bottom: 24px !important
    }

    .m_mobile--28 {
        margin: 28px !important
    }

    .p_mobile--28 {
        padding: 28px !important
    }

    .ptb_mobile--28 {
        padding: 28px 0 !important
    }

    .plr_mobile--28 {
        padding: 0 28px !important
    }

    .pt_mobile--28 {
        padding-top: 28px !important
    }

    .pb_mobile--28 {
        padding-bottom: 28px !important
    }

    .pl_mobile--28 {
        padding-left: 28px !important
    }

    .pr_mobile--28 {
        padding-right: 28px !important
    }

    .mt_mobile--28 {
        margin-top: 28px !important
    }

    .mb_mobile--28 {
        margin-bottom: 28px !important
    }

    .m_mobile--32 {
        margin: 32px !important
    }

    .p_mobile--32 {
        padding: 32px !important
    }

    .ptb_mobile--32 {
        padding: 32px 0 !important
    }

    .plr_mobile--32 {
        padding: 0 32px !important
    }

    .pt_mobile--32 {
        padding-top: 32px !important
    }

    .pb_mobile--32 {
        padding-bottom: 32px !important
    }

    .pl_mobile--32 {
        padding-left: 32px !important
    }

    .pr_mobile--32 {
        padding-right: 32px !important
    }

    .mt_mobile--32 {
        margin-top: 32px !important
    }

    .mb_mobile--32 {
        margin-bottom: 32px !important
    }

    .m_mobile--36 {
        margin: 36px !important
    }

    .p_mobile--36 {
        padding: 36px !important
    }

    .ptb_mobile--36 {
        padding: 36px 0 !important
    }

    .plr_mobile--36 {
        padding: 0 36px !important
    }

    .pt_mobile--36 {
        padding-top: 36px !important
    }

    .pb_mobile--36 {
        padding-bottom: 36px !important
    }

    .pl_mobile--36 {
        padding-left: 36px !important
    }

    .pr_mobile--36 {
        padding-right: 36px !important
    }

    .mt_mobile--36 {
        margin-top: 36px !important
    }

    .mb_mobile--36 {
        margin-bottom: 36px !important
    }

    .m_mobile--40 {
        margin: 40px !important
    }

    .p_mobile--40 {
        padding: 40px !important
    }

    .ptb_mobile--40 {
        padding: 40px 0 !important
    }

    .plr_mobile--40 {
        padding: 0 40px !important
    }

    .pt_mobile--40 {
        padding-top: 40px !important
    }

    .pb_mobile--40 {
        padding-bottom: 40px !important
    }

    .pl_mobile--40 {
        padding-left: 40px !important
    }

    .pr_mobile--40 {
        padding-right: 40px !important
    }

    .mt_mobile--40 {
        margin-top: 40px !important
    }

    .mb_mobile--40 {
        margin-bottom: 40px !important
    }

    .m_mobile--44 {
        margin: 44px !important
    }

    .p_mobile--44 {
        padding: 44px !important
    }

    .ptb_mobile--44 {
        padding: 44px 0 !important
    }

    .plr_mobile--44 {
        padding: 0 44px !important
    }

    .pt_mobile--44 {
        padding-top: 44px !important
    }

    .pb_mobile--44 {
        padding-bottom: 44px !important
    }

    .pl_mobile--44 {
        padding-left: 44px !important
    }

    .pr_mobile--44 {
        padding-right: 44px !important
    }

    .mt_mobile--44 {
        margin-top: 44px !important
    }

    .mb_mobile--44 {
        margin-bottom: 44px !important
    }

    .m_mobile--48 {
        margin: 48px !important
    }

    .p_mobile--48 {
        padding: 48px !important
    }

    .ptb_mobile--48 {
        padding: 48px 0 !important
    }

    .plr_mobile--48 {
        padding: 0 48px !important
    }

    .pt_mobile--48 {
        padding-top: 48px !important
    }

    .pb_mobile--48 {
        padding-bottom: 48px !important
    }

    .pl_mobile--48 {
        padding-left: 48px !important
    }

    .pr_mobile--48 {
        padding-right: 48px !important
    }

    .mt_mobile--48 {
        margin-top: 48px !important
    }

    .mb_mobile--48 {
        margin-bottom: 48px !important
    }

    .m_mobile--52 {
        margin: 52px !important
    }

    .p_mobile--52 {
        padding: 52px !important
    }

    .ptb_mobile--52 {
        padding: 52px 0 !important
    }

    .plr_mobile--52 {
        padding: 0 52px !important
    }

    .pt_mobile--52 {
        padding-top: 52px !important
    }

    .pb_mobile--52 {
        padding-bottom: 52px !important
    }

    .pl_mobile--52 {
        padding-left: 52px !important
    }

    .pr_mobile--52 {
        padding-right: 52px !important
    }

    .mt_mobile--52 {
        margin-top: 52px !important
    }

    .mb_mobile--52 {
        margin-bottom: 52px !important
    }

    .m_mobile--56 {
        margin: 56px !important
    }

    .p_mobile--56 {
        padding: 56px !important
    }

    .ptb_mobile--56 {
        padding: 56px 0 !important
    }

    .plr_mobile--56 {
        padding: 0 56px !important
    }

    .pt_mobile--56 {
        padding-top: 56px !important
    }

    .pb_mobile--56 {
        padding-bottom: 56px !important
    }

    .pl_mobile--56 {
        padding-left: 56px !important
    }

    .pr_mobile--56 {
        padding-right: 56px !important
    }

    .mt_mobile--56 {
        margin-top: 56px !important
    }

    .mb_mobile--56 {
        margin-bottom: 56px !important
    }

    .m_mobile--60 {
        margin: 60px !important
    }

    .p_mobile--60 {
        padding: 60px !important
    }

    .ptb_mobile--60 {
        padding: 60px 0 !important
    }

    .plr_mobile--60 {
        padding: 0 60px !important
    }

    .pt_mobile--60 {
        padding-top: 60px !important
    }

    .pb_mobile--60 {
        padding-bottom: 60px !important
    }

    .pl_mobile--60 {
        padding-left: 60px !important
    }

    .pr_mobile--60 {
        padding-right: 60px !important
    }

    .mt_mobile--60 {
        margin-top: 60px !important
    }

    .mb_mobile--60 {
        margin-bottom: 60px !important
    }

    .m_mobile--64 {
        margin: 64px !important
    }

    .p_mobile--64 {
        padding: 64px !important
    }

    .ptb_mobile--64 {
        padding: 64px 0 !important
    }

    .plr_mobile--64 {
        padding: 0 64px !important
    }

    .pt_mobile--64 {
        padding-top: 64px !important
    }

    .pb_mobile--64 {
        padding-bottom: 64px !important
    }

    .pl_mobile--64 {
        padding-left: 64px !important
    }

    .pr_mobile--64 {
        padding-right: 64px !important
    }

    .mt_mobile--64 {
        margin-top: 64px !important
    }

    .mb_mobile--64 {
        margin-bottom: 64px !important
    }

    .m_mobile--68 {
        margin: 68px !important
    }

    .p_mobile--68 {
        padding: 68px !important
    }

    .ptb_mobile--68 {
        padding: 68px 0 !important
    }

    .plr_mobile--68 {
        padding: 0 68px !important
    }

    .pt_mobile--68 {
        padding-top: 68px !important
    }

    .pb_mobile--68 {
        padding-bottom: 68px !important
    }

    .pl_mobile--68 {
        padding-left: 68px !important
    }

    .pr_mobile--68 {
        padding-right: 68px !important
    }

    .mt_mobile--68 {
        margin-top: 68px !important
    }

    .mb_mobile--68 {
        margin-bottom: 68px !important
    }

    .m_mobile--72 {
        margin: 72px !important
    }

    .p_mobile--72 {
        padding: 72px !important
    }

    .ptb_mobile--72 {
        padding: 72px 0 !important
    }

    .plr_mobile--72 {
        padding: 0 72px !important
    }

    .pt_mobile--72 {
        padding-top: 72px !important
    }

    .pb_mobile--72 {
        padding-bottom: 72px !important
    }

    .pl_mobile--72 {
        padding-left: 72px !important
    }

    .pr_mobile--72 {
        padding-right: 72px !important
    }

    .mt_mobile--72 {
        margin-top: 72px !important
    }

    .mb_mobile--72 {
        margin-bottom: 72px !important
    }

    .m_mobile--76 {
        margin: 76px !important
    }

    .p_mobile--76 {
        padding: 76px !important
    }

    .ptb_mobile--76 {
        padding: 76px 0 !important
    }

    .plr_mobile--76 {
        padding: 0 76px !important
    }

    .pt_mobile--76 {
        padding-top: 76px !important
    }

    .pb_mobile--76 {
        padding-bottom: 76px !important
    }

    .pl_mobile--76 {
        padding-left: 76px !important
    }

    .pr_mobile--76 {
        padding-right: 76px !important
    }

    .mt_mobile--76 {
        margin-top: 76px !important
    }

    .mb_mobile--76 {
        margin-bottom: 76px !important
    }

    .m_mobile--80 {
        margin: 80px !important
    }

    .p_mobile--80 {
        padding: 80px !important
    }

    .ptb_mobile--80 {
        padding: 80px 0 !important
    }

    .plr_mobile--80 {
        padding: 0 80px !important
    }

    .pt_mobile--80 {
        padding-top: 80px !important
    }

    .pb_mobile--80 {
        padding-bottom: 80px !important
    }

    .pl_mobile--80 {
        padding-left: 80px !important
    }

    .pr_mobile--80 {
        padding-right: 80px !important
    }

    .mt_mobile--80 {
        margin-top: 80px !important
    }

    .mb_mobile--80 {
        margin-bottom: 80px !important
    }
}

.slick-gutter-0 {
    margin-left: 0;
    margin-right: 0
}

.slick-gutter-0 .slick-slide {
    padding-left: 0;
    padding-right: 0
}

.slick-gutter-5 {
    margin-left: -5px;
    margin-right: -5px
}

.slick-gutter-5 .slick-slide {
    padding-left: 5px;
    padding-right: 5px
}

.slick-gutter-10 {
    margin-left: -10px;
    margin-right: -10px
}

.slick-gutter-10 .slick-slide {
    padding-left: 10px;
    padding-right: 10px
}

.slick-gutter-15 {
    margin-left: -15px;
    margin-right: -15px
}

.slick-gutter-15 .slick-slide {
    padding-left: 15px;
    padding-right: 15px
}

.slick-gutter-20 {
    margin-left: -20px;
    margin-right: -20px
}

.slick-gutter-20 .slick-slide {
    padding-left: 20px;
    padding-right: 20px
}

.slick-gutter-25 {
    margin-left: -25px;
    margin-right: -25px
}

.slick-gutter-25 .slick-slide {
    padding-left: 25px;
    padding-right: 25px
}

.slick-gutter-30 {
    margin-left: -30px;
    margin-right: -30px
}

.slick-gutter-30 .slick-slide {
    padding-left: 30px;
    padding-right: 30px
}

.slick-gutter-35 {
    margin-left: -35px;
    margin-right: -35px
}

.slick-gutter-35 .slick-slide {
    padding-left: 35px;
    padding-right: 35px
}

.slick-gutter-40 {
    margin-left: -40px;
    margin-right: -40px
}

.slick-gutter-40 .slick-slide {
    padding-left: 40px;
    padding-right: 40px
}

.slick-gutter-45 {
    margin-left: -45px;
    margin-right: -45px
}

.slick-gutter-45 .slick-slide {
    padding-left: 45px;
    padding-right: 45px
}

.slick-gutter-50 {
    margin-left: -50px;
    margin-right: -50px
}

.slick-gutter-50 .slick-slide {
    padding-left: 50px;
    padding-right: 50px
}

.slick-gutter-55 {
    margin-left: -55px;
    margin-right: -55px
}

.slick-gutter-55 .slick-slide {
    padding-left: 55px;
    padding-right: 55px
}

.slick-gutter-60 {
    margin-left: -60px;
    margin-right: -60px
}

.slick-gutter-60 .slick-slide {
    padding-left: 60px;
    padding-right: 60px
}

.slick-gutter-65 {
    margin-left: -65px;
    margin-right: -65px
}

.slick-gutter-65 .slick-slide {
    padding-left: 65px;
    padding-right: 65px
}

.slick-gutter-70 {
    margin-left: -70px;
    margin-right: -70px
}

.slick-gutter-70 .slick-slide {
    padding-left: 70px;
    padding-right: 70px
}

.slick-gutter-75 {
    margin-left: -75px;
    margin-right: -75px
}

.slick-gutter-75 .slick-slide {
    padding-left: 75px;
    padding-right: 75px
}

.slick-gutter-80 {
    margin-left: -80px;
    margin-right: -80px
}

.slick-gutter-80 .slick-slide {
    padding-left: 80px;
    padding-right: 80px
}

.slick-gutter-85 {
    margin-left: -85px;
    margin-right: -85px
}

.slick-gutter-85 .slick-slide {
    padding-left: 85px;
    padding-right: 85px
}

.slick-gutter-90 {
    margin-left: -90px;
    margin-right: -90px
}

.slick-gutter-90 .slick-slide {
    padding-left: 90px;
    padding-right: 90px
}

.slick-gutter-95 {
    margin-left: -95px;
    margin-right: -95px
}

.slick-gutter-95 .slick-slide {
    padding-left: 95px;
    padding-right: 95px
}

.slick-gutter-100 {
    margin-left: -100px;
    margin-right: -100px
}

.slick-gutter-100 .slick-slide {
    padding-left: 100px;
    padding-right: 100px
}

.plr--0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.ptb--0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.mlr--0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mtb--0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

@media only screen and (max-width: 767px) {
    .sm_w-100 {
        width: 100% !important
    }
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .md_w-100 {
        width: 100% !important
    }
}

.min-height-400 {
    min-height: 400px !important
}

@media only screen and (max-width: 767px) {
    .min-height-400 {
        min-height: 300px !important
    }
}

@media only screen and (max-width: 575px) {
    .min-height-400 {
        min-height: 200px !important
    }
}

.rbt-fullwidth-wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0 100px
}

@media only screen and (min-width: 1200px) and (max-width:1599px),
only screen and (max-width:1199px) {
    .rbt-fullwidth-wrapper {
        padding: 0 32px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-fullwidth-wrapper {
        padding: 0 16px
    }
}

.rbt-wider-wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0 100px;
    max-width: 1920px
}

@media only screen and (max-width: 767px) {
    .rbt-wider-wrapper {
        padding: 0 16px
    }
}

.rbt-index-upper {
    position: relative;
    z-index: 1
}

.sticky-top {
    position: sticky;
    top: 30px;
    z-index: 9
}

.sticky-top.sticky-top-136 {
    top: 136px
}

.sticky-top-0 {
    position: sticky;
    top: 0;
    z-index: 9
}

.max-w-unset {
    max-width: unset !important
}

.line-height-normal {
    line-height: normal !important
}

.rbt-single-group {
    margin: -5px
}

.rbt-single-group .rbt-single-list {
    margin: 5px
}

@media only screen and (max-width: 767px) {
    .transform-sm-none {
        transform: none !important
    }
}

@media only screen and (max-width: 767px) {
    .rbt-mobile-row {
        overflow-x: auto;
        flex-wrap: nowrap;
        min-height: max-content;
        overflow-y: hidden
    }

    .rbt-mobile-row::-webkit-scrollbar {
        display: none;
        -webkit-appearance: none;
        -moz-appearance: none
    }

    .rbt-mobile-row .col-6 {
        width: 40%
    }

    .rbt-mobile-row .col-12 {
        width: 85%
    }

    .rbt-mobile-row .col-3 {
        flex: 0 0 auto;
        width: 27%
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-tablet-row {
        overflow-x: auto;
        flex-wrap: nowrap;
        min-height: max-content;
        overflow-y: hidden
    }

    .rbt-tablet-row::-webkit-scrollbar {
        display: none;
        -webkit-appearance: none;
        -moz-appearance: none
    }

    .rbt-tablet-row .col-md-2 {
        flex: 0 0 auto;
        width: 16%
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-large-tablet-row {
        overflow-x: auto;
        flex-wrap: nowrap;
        min-height: max-content;
        overflow-y: hidden
    }

    .rbt-large-tablet-row::-webkit-scrollbar {
        display: none;
        -webkit-appearance: none;
        -moz-appearance: none
    }

    .rbt-large-tablet-row .col-lg-1 {
        flex: 0 0 auto;
        width: 15%
    }
}

.rbt-md-wrapper {
    max-width: 1672px
}

.contaner-wider-device {
    max-width: 1920px !important
}

.rbt-card-row-has-top-separator .rbt-card {
    padding-top: 24px;
    border-top: 2px solid var(--color-brand-50)
}

.rbt-card-row-has-top-separator.rbt-three-align-card-row>[class*=col]:nth-child(1) .rbt-card,
.rbt-card-row-has-top-separator.rbt-three-align-card-row>[class*=col]:nth-child(2) .rbt-card,
.rbt-card-row-has-top-separator.rbt-three-align-card-row>[class*=col]:nth-child(3) .rbt-card {
    padding-top: 0;
    border-top: 0
}

@media only screen and (max-width: 575px) {

    .rbt-card-row-has-top-separator.rbt-three-align-card-row>[class*=col]:nth-child(2) .rbt-card,
    .rbt-card-row-has-top-separator.rbt-three-align-card-row>[class*=col]:nth-child(3) .rbt-card {
        padding-top: 24px;
        border-top: 2px solid var(--color-brand-50)
    }
}

.rbt-card-row-has-top-separator.rbt-two-align-card-row>[class*=col]:nth-child(1) .rbt-card,
.rbt-card-row-has-top-separator.rbt-two-align-card-row>[class*=col]:nth-child(2) .rbt-card {
    padding-top: 0;
    border-top: 0
}

@media only screen and (max-width: 575px) {
    .rbt-card-row-has-top-separator.rbt-two-align-card-row>[class*=col]:nth-child(2) .rbt-card {
        padding-top: 24px;
        border-top: 2px solid var(--color-brand-50)
    }
}

.rbt-card-row-has-top-separator.rbt-one-align-card-row>[class*=col]:nth-child(1) .rbt-card {
    padding-top: 0;
    border-top: 0
}

.ml-container {
    max-width: calc(1320px + (100% - 1320px)/ 2);
    margin-left: auto;
    margin-right: 0;
    padding-left: 7.5px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .ml-container {
        max-width: calc(1140px + (100% - 1140px)/ 2)
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .ml-container {
        max-width: calc(960px + (100% - 960px)/ 2)
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .ml-container {
        max-width: calc(720px + (100% - 720px)/ 2)
    }
}

@media only screen and (max-width: 575px) {
    .ml-container {
        max-width: calc(540px + (100% - 540px)/ 2)
    }
}

@media only screen and (max-width: 479px) {
    .ml-container {
        max-width: calc(540px + (100% - 540px)/ 2)
    }
}

.rbt-sm-wider-container {
    margin-left: auto;
    margin-right: auto;
    padding: 0 7.5px
}

@media (min-width: 576px) {
    .rbt-sm-wider-container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .rbt-sm-wider-container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .rbt-sm-wider-container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .rbt-sm-wider-container {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .rbt-sm-wider-container {
        max-width: 1480px
    }
}

.rbt-md-wider-container {
    margin-left: auto;
    margin-right: auto;
    padding: 0 7.5px
}

@media (min-width: 576px) {
    .rbt-md-wider-container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .rbt-md-wider-container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .rbt-md-wider-container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .rbt-md-wider-container {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .rbt-md-wider-container {
        max-width: 1510px
    }
}

.rbt-round-btn {
    width: 35px;
    height: 35px;
    line-height: 32px;
    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: #f9f9f9;
    backdrop-filter: blur(50px);
    color: #000000;
}

.rbt-round-btn.bg-light-one.active,
.rbt-round-btn.bg-light-one::after,
.rbt-round-btn.bg-light-one:hover {
    background: var(--color-black);
    color: var(--color-white);
    backdrop-filter: unset
}

/* .rbt-round-btn.bg-light-one.active i::before {
    content: "\f004"
} */

.rbt-round-btn.bg-light-one.tooltips>span {
    background: var(--color-black)
}

.rbt-round-btn.bg-light-one.tooltips[data-tooltip-position=left]>span:after {
    border-left-color: var(--color-black)
}

.rbt-round-btn.rbt-bg-primary {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-round-btn.rbt-bg-primary.active,
.rbt-round-btn.rbt-bg-primary::after,
.rbt-round-btn.rbt-bg-primary:hover {
    background: var(--color-primary);
    color: var(--color-white);
    transform: translateY(-2px)
}

.rbt-round-btn.rbt-bg-primary.active i::before {
    content: "\f004"
}

.rbt-round-btn i {
    margin-right: 0
}

.rbt-round-btn.has-rbt-bg-black {
    background: var(--color-black);
    color: var(--color-white)
}

.rbt-round-btn.has-rbt-bg-black.active,
.rbt-round-btn.has-rbt-bg-black::after,
.rbt-round-btn.has-rbt-bg-black:hover {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-round-btn.has-rbt-bg-black.active i::before {
    content: "\f004"
}

.rbt-round-btn::after {
    background: var(--color-gray-200);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: var(--transition-cubic);
    opacity: 0;
    transform: scale(.85);
    border-radius: var(--radius-full);
    z-index: -1
}

.rbt-round-btn.btn-white-off {
    color: var(--color-white)
}

.rbt-round-btn.open,
.rbt-round-btn:hover {
    color: var(--color-heading)
}

.rbt-round-btn.open::after,
.rbt-round-btn:hover::after {
    opacity: 1;
    transform: scale(1)
}

.rbt-round-btn:active::after {
    transform: scale(.9);
    transition: var(--transition-short-cubic)
}

.rbt-round-btn.rbt-round-btn-tr-one {
    height: 22px;
    width: 22px;
    line-height: 22px
}

.rbt-round-btn.rbt-round-btn-tr-one .access-box-count {
    top: -9px;
    right: -9px
}

.rbt-round-btn.rbt-modern-close-btn {
    --icon-line-height: 16px;
    --icon-line-width: 16px;
    position: relative
}

.rbt-round-btn.rbt-modern-close-btn .modern-close-wrapper {
    -webkit-font-smoothing: subpixel-antialiased;
    transform-style: preserve-3d;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) translateZ(0);
    transition: margin .2s ease, transform .2s ease 1s, opacity .3s ease;
    height: var(--icon-line-height);
    width: var(--icon-line-width);
    display: block;
    overflow: hidden
}

.rbt-round-btn.rbt-modern-close-btn .modern-close-wrapper::after,
.rbt-round-btn.rbt-modern-close-btn .modern-close-wrapper::before {
    content: "";
    height: 100%;
    width: 2px;
    background: var(--color-heading);
    backface-visibility: hidden;
    position: absolute;
    border-radius: 5px;
    top: 0;
    left: 7px;
    transition: opacity .2s ease, background-color .2s ease;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(.5, .01, .15, 1);
    animation-fill-mode: forwards
}

.rbt-round-btn.rbt-round-btn-xl {
    height: 66px;
    width: 66px;
    line-height: 66px;
    font-size: 18px
}

@keyframes crossLeft {
    0% {
        -webkit-transform: translateY(-30px) translateX(30px) rotate(45deg);
        transform: translateY(-30px) translateX(30px) rotate(45deg);
        opacity: 0;
        visibility: hidden
    }

    100% {
        -webkit-transform: translateY(0) translateX(0) rotate(45deg);
        transform: translateY(0) translateX(0) rotate(45deg);
        opacity: 1;
        visibility: visible
    }
}

@keyframes crossRight {
    0% {
        -webkit-transform: translateY(-30px) translateX(-30px) rotate(-45deg);
        transform: translateY(-30px) translateX(-30px) rotate(-45deg);
        opacity: 0;
        visibility: hidden
    }

    100% {
        -webkit-transform: translateY(0) translateX(0) rotate(-45deg);
        transform: translateY(0) translateX(0) rotate(-45deg);
        opacity: 1;
        visibility: visible
    }
}

.rbt-hover {
    transition: var(--transition-2)
}

.rbt-hover:hover {
    transform: scale(1.02)
}

.rbt-hover-02 {
    transition: var(--transition-2)
}

.rbt-hover-02:hover {
    transform: translateY(-10px)
}

.rbt-hover-03 {
    transition: transform .65s cubic-bezier(.23, 1, .32, 1)
}

.rbt-hover-03:hover {
    transform: translateY(-3px)
}

.rbt-link-hover a,
.rbt-link-hover button {
    position: relative
}

.rbt-link-hover a::after,
.rbt-link-hover button::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform .3s
}

.rbt-link-hover a:hover::after,
.rbt-link-hover button:hover::after {
    transform-origin: bottom left;
    transform: scaleX(1)
}

.rbt-recent-view-prd-area .rbt-scroll-vertical {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    max-height: 376px;
    padding-right: 32px
}

.rbt-color-primary {
    color: var(--color-primary)
}

.rbt-bold--text {
    font-weight: 700
}

.rbt-sm-review-card {
    display: flex;
    align-items: center;
    gap: 8px
}

.rbt-sm-review-card .rbt-avatar-img-wrapper {
    position: relative
}

.rbt-sm-review-card .rbt-avatar-img-wrapper .rbt-avatar-img {
    height: 64px;
    width: 64px;
    border-radius: 50%;
    border: 2px solid var(--color-primary);
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.rbt-sm-review-card .rbt-avatar-img-wrapper .rbt-avatar-img img {
    height: 64px;
    width: 64px;
    border-radius: 50%
}

.rbt-sm-review-card .rbt-avatar-img-wrapper .rbt-avarter-authintication-icon {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-light-green);
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    color: var(--color-green);
    position: absolute;
    top: -4px;
    right: -4px
}

.rbt-sm-review-card .title {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    color: var(--color-heading);
    font-weight: 500
}

.rbt-sm-review-card .desc-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

.rbt-sm-review-card .rbt-avater-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.rbt-sm-review-card .desc {
    margin-bottom: 0
}

.gutter-swiper-32 {
    margin: -16px
}

.gutter-swiper-32 .single-slide {
    padding: 16px
}

.gutter-swiper-24 {
    margin: -12px
}

.gutter-swiper-24 .single-slide {
    padding: 12px
}

@media only screen and (max-width: 575px) {
    .gutter-swiper-24 {
        margin: 0
    }
}

.gutter-swiper-20 {
    margin: -10px
}

.gutter-swiper-20 .single-slide {
    padding: 10px
}

.gutter-swiper-10 {
    margin: -5px
}

.gutter-swiper-10 .single-slide {
    padding: 5px
}

.rating a {
    display: inline-block
}

.rating a i {
    color: var(--color-warning);
    font-style: normal
}

.rbt-round-bottom-shape {
    position: relative;
    z-index: 1
}

.rbt-round-bottom-shape::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    background: url(../images/bg/banner-bg-shape-1.webp);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 148px;
    z-index: -1
}

.rbt-bg-gray {
    background: var(--color-grey);
    border-radius: var(--radius);
    padding: 20px
}

.rbt-author-meta {
    display: flex;
    align-items: center
}

.rbt-author-meta .rbt-avater {
    margin-right: 10px
}

.rbt-author-meta .rbt-avater a {
    display: block
}

.rbt-author-meta .rbt-avater img {
    width: 40px;
    max-width: 40px;
    height: 40px;
    border-radius: var(--radius-full);
    object-fit: cover;
    border: 2px solid var(--color-brand-200);
    padding: 2px
}

.rbt-author-meta .rbt-author-info {
    font-size: 14px
}

.rbt-author-meta .rbt-author-info a {
    color: var(--color-heading);
    font-weight: var(--f-medium)
}

.rbt-author-meta .rbt-author-info a:hover {
    color: var(--color-primary)
}

hr {
    background-color: var(--color-border-2);
    opacity: 1
}

@media only screen and (max-width: 767px) {
    hr.has-sm-spacer {
        margin: 12px 0 !important
    }
}

.rbt-border-none {
    border: 0 none !important
}

.rbt-border {
    border: 1px solid var(--color-border) !important
}

.rbt-border-2 {
    border: 2px solid var(--color-border) !important
}

.rbt-border-dashed {
    border: 2px dashed var(--color-border) !important
}

.rbt-border-with-box {
    padding: 30px;
    border-radius: var(--radius);
    background: var(--color-white);
    overflow: hidden;
    border: 1px solid var(--color-border)
}

@media only screen and (max-width: 767px) {
    .rbt-border-with-box {
        padding: 15px
    }
}

.rbt-border-bottom {
    border-bottom: 1px solid var(--color-border)
}

.rbt-border-top {
    border-top: 1px solid var(--color-border)
}

.rbt-border-bottom-light {
    border-bottom: 1px solid var(--color-border-2)
}

.border-bottom-4 {
    border-bottom: 4px solid var(--color-primary)
}

.border-top-bar-primary-color {
    border-top: 5px solid var(--color-primary)
}

.rbt-container-extended-wider {
    margin: 0 -100px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-container-extended-wider {
        margin: 0 -60px
    }
}

@media only screen and (max-width: 1199px) {
    .rbt-container-extended-wider {
        margin: 0 -20px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-container-extended-wider {
        margin: 0 0
    }
}

.border-color-primary {
    border-color: var(--color-primary)
}

.rbt-quick-info-tag {
    padding: 8px 16px;
    background: var(--color-brand-50);
    display: flex;
    align-items: center;
    border-radius: 70px;
    gap: 5px
}

.rbt-quick-info-tag svg {
    min-height: 24px
}

.rbt-quick-info-tag p {
    font-size: var(--font-size-b3);
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .rbt-quick-info-tag p {
        font-size: var(--font-size-b4)
    }
}

.rbt-quick-info-tag p strong {
    color: var(--color-black);
    font-weight: 600
}

.rbt-quick-info-tag.transparent {
    background: 0 0;
    padding: 0;
    border-radius: 0
}

.rbt-tag-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px
}

@media only screen and (max-width: 767px) {
    .rbt-tag-list {
        gap: 8px
    }
}

.rbt-tag-list a {
    border: 2px solid var(--color-gray-100);
    padding: 0 12px;
    background: 0 0;
    color: var(--color-heading);
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    font-size: 14px;
    display: flex;
    transition: var(--transition);
    background: var(--color-white);
    text-align: center;
    align-items: center;
    gap: 4px;
    font-weight: var(--f-medium);
    min-width: max-content !important
}

.rbt-tag-list a i {
    font-size: var(--font-size-b4);
    line-height: 36px
}

.rbt-tag-list a.active,
.rbt-tag-list a:hover {
    background: var(--color-primary);
    color: var(--color-white);
    border-color: var(--color-primary)
}

.rbt-tag-list.rbt-tag-list-rounded a {
    border-radius: 40px
}

.rbt-tag-list.rbt-tag-list-var-one a i {
    color: var(--color-primary);
    transition: var(--transition)
}

.rbt-tag-list.rbt-tag-list-var-one a.active,
.rbt-tag-list.rbt-tag-list-var-one a:hover {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-tag-list.rbt-tag-list-var-one a.active i,
.rbt-tag-list.rbt-tag-list-var-one a:hover i {
    color: var(--color-white)
}

.rbt-tag-list.rbt-tag-list-rounded-lg a {
    border-radius: 80px;
    color: var(--color-gray-400)
}

.rbt-tag-list.rbt-tag-list-rounded-lg a.active,
.rbt-tag-list.rbt-tag-list-rounded-lg a:active,
.rbt-tag-list.rbt-tag-list-rounded-lg a:hover {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-tag-list.rbt-tag-list-rounded-lg a.active i,
.rbt-tag-list.rbt-tag-list-rounded-lg a:active i,
.rbt-tag-list.rbt-tag-list-rounded-lg a:hover i {
    color: var(--color-white)
}

.rbt-tag-list.rbt-tag-list-sm a {
    height: 28px;
    line-height: 1.5;
    gap: 8px
}

@media only screen and (max-width: 479px) {
    .rbt-tag-list.rbt-tag-list-sm a {
        gap: 0;
        padding: 0 8px
    }
}

.rbt-tag-list.rbt-tag-list-sm a i {
    font-size: 12px;
    line-height: 1.5
}

.rbt-tag-list.rbt-tag-list-bg-var-one a {
    background: var(--color-brand-200);
    border: 0
}

.rbt-tag-list.rbt-tag-list-bg-var-one a:hover {
    background: var(--color-primary)
}

.rbt-tag-list.rbt-tag-cancel-var a {
    padding: 0 6px;
    gap: 4px
}

.rbt-tag-list.rbt-tag-cancel-var a i {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    line-height: 1;
    height: 18px;
    width: 18px;
    transition: var(--transition)
}

.rbt-tag-list.rbt-tag-cancel-var a i::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 0;
    width: 0;
    border-radius: 50%;
    background: var(--color-danger);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: var(--transition)
}

.rbt-tag-list.rbt-tag-cancel-var a i:hover {
    color: var(--color-white)
}

.rbt-tag-list.rbt-tag-cancel-var a i:hover::after {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    visibility: visible
}

.rbt-tag-list.rbt-tag-cancel-var a:hover {
    background: var(--color-brand-200);
    color: var(--color-heading)
}

.rbt-tag-list.rbt-tag-cancel-var a.text-decoration-underline {
    position: relative;
    z-index: 1;
    padding: 0 12px;
    background: 0 0
}

.rbt-tag-list.rbt-tag-cancel-var a.text-decoration-underline::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 50%;
    width: 50%;
    transform: translate(-50%, -50%);
    background: var(--color-danger);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: var(--transition);
    border-radius: 40px
}

.rbt-tag-list.rbt-tag-cancel-var a.text-decoration-underline:hover {
    color: var(--color-white)
}

.rbt-tag-list.rbt-tag-cancel-var a.text-decoration-underline:hover::after {
    height: 100%;
    width: 100%;
    opacity: 1;
    visibility: visible
}

.rbt-color-swatch-group {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.rbt-color-swatch-group .rbt-color-swatch-content {
    display: flex;
    flex: 1 1 auto;
    padding: 4px 6px
}

.rbt-color-swatch-group .rbt-color-swatch {
    display: flex;
    align-items: center;
    gap: 4px;
    transition: var(--transition)
}

.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg {
    height: 18px;
    display: inline-block;
    width: 18px;
    border-radius: var(--radius-full);
    background: 0 0;
    position: relative
}

.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg::before {
    position: absolute;
    content: "\f00c";
    font-family: "Font Awesome 7 Pro", sans-serif;
    color: var(--color-white);
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    transition: var(--transition)
}

.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg::after {
    position: absolute;
    content: "\f00d";
    font-family: "Font Awesome 7 Pro", sans-serif;
    color: var(--color-white);
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    transition: var(--transition)
}

.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg.rbt-swatch-bg-black {
    background: #000
}

.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg.rbt-swatch-bg-blue {
    background: #1e73be
}

.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg.rbt-swatch-bg-brown {
    background: #d93
}

.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg.rbt-swatch-bg-gray {
    background: #bfbfbf
}

.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg.rbt-swatch-bg-green {
    background: #81d742
}

.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg.rbt-swatch-bg-orange {
    background: #ff7900
}

.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg.rbt-swatch-bg-red {
    background: #dd3233
}

.rbt-color-swatch-group .rbt-color-swatch .rbt-color-swatch-bg.rbt-swatch-bg-yellow {
    background: #eeee23
}

.rbt-color-swatch-group .rbt-color-swatch-content.active .rbt-color-swatch-bg::before,
.rbt-color-swatch-group .rbt-color-swatch-content:hover .rbt-color-swatch-bg::before {
    opacity: 1;
    visibility: visible
}

.rbt-color-swatch-group .rbt-color-swatch-content.active:hover .rbt-color-swatch-bg::after {
    opacity: 1;
    visibility: visible
}

.rbt-color-swatch-group .rbt-color-swatch-content.active:hover .rbt-color-swatch-bg::before {
    opacity: 0;
    visibility: hidden
}

.rbt-color-swatch-group .rbt-color-swatch-count,
.rbt-color-swatch-group .rbt-color-swatch-text {
    color: var(--color-gray-500);
    font-weight: var(--f-medium);
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2)
}

.rbt-color-swatch-group .rbt-color-swatch-count {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%)
}

.rbt-card-rating {
    display: flex;
    gap: 8px
}

.rbt-categories-review-list .rbt-rating-text {
    color: var(--color-heading);
    font-weight: var(--f-medium)
}

.rbt-price-range-slider {
    width: 100%;
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px
}

.rbt-price-range-slider .rbt-range-value {
    margin: 0
}

.rbt-price-range-slider .rbt-range-value input {
    width: 100%;
    background: 0 0;
    color: var(--color-gray-700);
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    font-weight: 600;
    box-shadow: none;
    border: none;
    margin: 4px 0 0 0;
    text-align: center;
    height: auto
}

.rbt-price-range-slider .rbt-range-bar {
    border: none;
    background: var(--color-gray-400);
    height: 2px;
    width: 96%;
    position: relative;
    margin: 7px 0
}

.rbt-price-range-slider .rbt-range-bar .ui-slider-range {
    background: var(--color-primary);
    position: absolute;
    height: 100%
}

.rbt-price-range-slider .rbt-range-bar .ui-slider-handle {
    position: absolute;
    display: block;
    border: none;
    border-radius: 50%;
    background: var(--color-primary);
    height: 16px;
    width: 16px;
    top: 50%;
    cursor: e-resize;
    transform: translateY(-50%)
}

.rbt-price-range-slider .rbt-range-bar .ui-slider-handle:focus-visible {
    border: none;
    outline: 0
}

.rbt-price-range-slider .rbt-range-bar .ui-slider-handle+span {
    background: var(--color-primary)
}

.rbt-price-input-grp {
    display: flex;
    align-items: center;
    padding-top: 12px;
    gap: 8px
}

@media only screen and (max-width: 479px) {
    .rbt-price-input-grp {
        flex-wrap: wrap
    }
}

.rbt-price-input-grp input[type=number] {
    max-height: 40px;
    max-width: 100px;
    padding: 0 8px !important
}

@media only screen and (max-width: 479px) {
    .rbt-price-input-grp input[type=number] {
        max-width: 60px
    }
}

.rbt-price-input-grp .rbt-btn {
    height: 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)
}

.rbt-app-store-list {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 16px
}

.rbt-app-store-list li {
    margin: 0
}

.rbt-app-store-list li a {
    font-size: 20px;
    line-height: 1;
    color: var(--color-gray-500)
}

.rbt-app-store-list li a img {
    max-height: 40px;
    transition: .3s
}

.rbt-app-store-list li a:hover {
    color: var(--color-primary)
}

.rbt-app-store-list li a:hover img {
    transform: translateY(-3px)
}

.rbt-app-store-list.has-larger-img li a img {
    max-height: 58px
}

.rbt-quick-access-banner {
    padding: 12px 24px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--color-heading)
}

@media only screen and (max-width: 575px) {
    .rbt-quick-access-banner {
        gap: 16px;
        padding: 12px 16px;
        flex-wrap: wrap
    }
}

.rbt-quick-access-banner .rbt-quick-access-banner-banner-content {
    display: flex;
    align-items: center;
    gap: 12px
}

.rbt-quick-access-banner .rbt-quick-access-banner-banner-content .rbt-quick-access-banner-title {
    font-weight: 500
}

.rbt-quick-access-banner .rbt-quick-access-banner-banner-content .rbt-icon-img img {
    min-width: 40px
}

@media only screen and (max-width: 575px) {
    .rbt-quick-access-banner .rbt-btn.rbt-btn-sm {
        font-size: 10px;
        height: 26px;
        line-height: 26px
    }

    .rbt-quick-access-banner .rbt-btn.rbt-btn-sm i {
        font-size: 10px !important
    }
}

.rbt-quick-access-banner.rbt-quick-access-banner-sm .rbt-quick-access-banner-banner-content {
    flex-basis: 62%
}

@media only screen and (max-width: 767px) {
    .rbt-quick-access-banner.rbt-quick-access-banner-sm .rbt-quick-access-banner-banner-content {
        flex-basis: 100%
    }
}

.rbt-quick-access-banner .rbt-cancel-btn {
    opacity: 0;
    visibility: hidden
}

.rbt-quick-access-banner:hover .rbt-cancel-btn {
    opacity: 1;
    visibility: visible
}

.rbt-cancel-btn {
    position: absolute;
    height: 32px;
    width: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    right: 0;
    top: 0;
    transform: translate(50%, -50%);
    border-radius: 50%;
    background: var(--color-brand-50)
}

.rbt-cancel-btn:hover {
    background: var(--color-black);
    color: var(--color-white)
}

.progress {
    border-radius: 50px;
    height: 6px;
    width: 100%;
    background: var(--color-brand-100)
}

.progress .progress-bar {
    background-color: var(--color-primary);
    border-radius: 5px
}

.rbt-badge {
    display: inline-block;
    border-radius: 3px;
    background-color: var(--color-primary);
    color: var(--color-white);
    font-weight: 700;
    text-transform: uppercase;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 4px 8px
}

.rbt-badge.rbt-badge-small {
    font-size: 9px;
    line-height: 1 !important;
    padding: 4px 8px
}

.rbt-badge.rbt-badge-green {
    background-color: var(--color-green)
}

.rbt-badge.rbt-badge-red {
    background-color: var(--color-danger)
}

.rbt-badge.rbt-badge-md {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    padding: 4px 8px;
    font-weight: var(--f-medium)
}

.rbt-badge.rbt-badge-border {
    background: 0 0;
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    line-height: 1.2
}

.rbt-badge.rbt-badge-border.rbt-badge-bg-warning {
    border: 1px solid #dc7940;
    color: #dc7940;
    background: #fff2eb
}

.rbt-badge.rbt-badge-border.rbt-badge-bg-danger {
    border: 1px solid var(--System-Color-Error, #e53e3e);
    color: #e53e3e;
    background: #fae5e5
}

.rbt-badge.rbt-badge-border.rbt-badge-bg-green {
    border: 1px solid var(--color-green);
    color: var(--color-green);
    background: var(--color-light-green)
}

.rbt-badge.rbt-badge-border.rbt-badge-bg-disabled {
    border: 1px solid #c1c1c1;
    color: #c1c1c1;
    background: 0 0
}

.rbt-badge.rbt-badge-rounded {
    border-radius: 30px
}

.rbt-curved--corner {
    --box-size: 40px;
    position: absolute;
    border-top: var(--curved-width) solid transparent;
    border-right: var(--curved-width) solid transparent;
    border-bottom: var(--curved-width) solid var(--color-white);
    top: 0;
    right: 0;
    z-index: 3;
    transform: rotate(180deg)
}

.rbt-curved--corner.rbt-curved--corner-60 {
    --curved-width: 60px
}

.rbt-curved--corner.rbt-curved--corner-70 {
    --curved-width: 70px
}

.rbt-curved--corner.rbt-curved--corner-30 {
    --curved-width: 30px
}

.rbt-curved--corner.rbt-curved--corner-25 {
    --curved-width: 25px
}

.rbt-curved--corner .rbt-curved--radius {
    position: relative
}

.rbt-curved--corner .rbt-curved--radius::before,
.rbt-curved--corner .rbt-curved--radius:after {
    content: "";
    position: absolute;
    height: var(--box-size);
    width: var(--box-size);
    background: 0 0;
    border-radius: var(--radius-full);
    box-shadow: -13px 13px 0 0 var(--color-gray-light)
}

.rbt-curved--corner .rbt-curved--radius::before {
    top: 0;
    right: 100%
}

.rbt-curved--corner .rbt-curved--radius::after {
    top: 100%;
    right: 0
}

.rbt-bg-color-gray-light .rbt-curved--corner {
    border-bottom: var(--curved-width) solid var(--color-gray-light)
}

.rbt-component-area.rbt-bg-color-gray-light .rbt-product-card.rbt-product-card-style-2 .rbt-card-body {
    background: var(--color-gray-light)
}

.rbt-component-area.rbt-bg-color-gray-light .rbt-product-card.rbt-product-card-style-2 .rbt-card-body.rbt-bg-color-white {
    background-color: var(--color-white)
}

.rbt-component-area.rbt-bg-color-gray-light .rbt-fshape-box.rbt-bg-color-white .rbt-product-card.rbt-product-card-style-2 .rbt-card-body {
    background: var(--color-white)
}

.rbt-component-area.rbt-bg-color-gray-light .rbt-fshape-box.rbt-bg-color-white .rbt-product-card.rbt-product-card-style-2 .rbt-card-body.rbt-bg-color-white {
    background-color: var(--color-white)
}

.rbt-component-area.rbt-bg-color-gray-light .rbt-card .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper {
    background: var(--color-gray-light)
}

.rbt-component-area.rbt-bg-color-gray-light .rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper::before {
    box-shadow: 15px 15px 0 0 var(--color-gray-light)
}

.rbt-component-area.rbt-bg-color-gray-light .rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper::after {
    box-shadow: 15px 15px 0 0 var(--color-gray-light)
}

.rbt-component-area.rbt-bg-color-gray-light .rbt-card.rbt-product-card-style-3 .rbt-right-corner-portion .rbt-corner-portion-wrapper::before {
    box-shadow: 13px -13px 0 0 var(--color-gray-light)
}

.rbt-component-area.rbt-bg-color-gray-light .rbt-card.rbt-product-card-style-3 .rbt-right-corner-portion .rbt-corner-portion-wrapper::after {
    box-shadow: 13px -13px 0 0 var(--color-gray-light)
}

.rbt-component-area.rbt-bg-color-gray-light .rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper {
    background: var(--color-gray-light)
}

.rbt-component-area.rbt-bg-color-gray-light .rbt-blog.rbt-blog-one .rbt-blog-meta {
    background-color: var(--color-gray-light)
}

.rbt-component-area.rbt-bg-color-gray-light .rbt-blog.rbt-blog-one .rbt-blog-meta::before,
.rbt-component-area.rbt-bg-color-gray-light .rbt-blog.rbt-blog-one .rbt-blog-meta:after {
    box-shadow: -15px 15px 0 0 var(--color-gray-light)
}

.rbt-component-area.rbt-bg-color-white .rbt-product-card.rbt-product-card-style-2 .rbt-card-body.rbt-bg-color-white {
    background-color: var(--color-white) !important
}

.rbt-component-area.rbt-bg-color-white .rbt-card .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper {
    background: var(--color-white) !important
}

.rbt-component-area.rbt-bg-color-white .rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper::before {
    box-shadow: 15px 15px 0 0 var(--color-white) !important
}

.rbt-component-area.rbt-bg-color-white .rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper::after {
    box-shadow: 15px 15px 0 0 var(--color-white) !important
}

.rbt-component-area.rbt-bg-color-white .rbt-card.rbt-product-card-style-3 .rbt-right-corner-portion .rbt-corner-portion-wrapper::before {
    box-shadow: 13px -13px 0 0 var(--color-white) !important
}

.rbt-component-area.rbt-bg-color-white .rbt-card.rbt-product-card-style-3 .rbt-right-corner-portion .rbt-corner-portion-wrapper::after {
    box-shadow: 13px -13px 0 0 var(--color-white) !important
}

.rbt-component-area.rbt-bg-color-white .rbt-card .rbt-right-corner-portion .rbt-corner-portion-wrapper {
    background: var(--color-white)
}

.rbt-show-more-btn-area {
    display: flex;
    position: relative;
    justify-content: center
}

.rbt-show-more-btn-area::before {
    /* background: linear-gradient(180deg, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .9) 45.02%, #fff 86.62%); */
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-70%);
    cursor: pointer;
    width: 100%;
    height: 100px;
    z-index: 1
}

.rbt-show-more-btn-area button {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: 0 0;
    border: 0;
    color: var(--color-primary);
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    width: max-content
}

.rbt-show-more-btn-area.active::before {
    background: 0 0;
    display: none
}

.rbt-show-more-btn-area.active .rbt-show-more-btn::after {
    content: "\f077"
}

@media only screen and (max-width: 767px) {
    .plr_sm--0 {
        padding: 0 0 !important
    }
}

.flex-basis-100 {
    flex-basis: 100% !important
}

.rbt-product-card .rbt-show-more-btn {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    padding: 4px 12px;
    padding-right: 28px;
    font-weight: 600;
    color: var(--color-primary);
    border: 0;
    display: inline-block;
    position: relative;
    cursor: pointer;
    border-radius: 60px;
    z-index: 1
}

.rbt-product-card .rbt-show-more-btn::after {
    content: "\f078";
    font-family: "Font Awesome 7 Pro", sans-serif;
    position: absolute;
    font-size: 10px;
    line-height: var(--line-height-b4);
    top: 50%;
    right: 12px;
    transform: translateY(-50%)
}

.rbt-product-card .rbt-show-more-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    height: 100%;
    width: 100%;
    background-color: var(--color-brand-300);
    z-index: -1;
    border-radius: 60px;
    transition: var(--transition)
}

.rbt-product-card .rbt-show-more-btn:hover::before {
    transform: translate(-50%, -50%) scale(1.1)
}

.rbt-product-card .rbt-has-show-more .rbt-has-show-more-inner-content {
    max-height: 100px;
    overflow: hidden;
    position: relative;
    width: 100%;
    transition: var(--transition)
}

.rbt-product-card .rbt-has-show-more.active .rbt-has-show-more-inner-content {
    max-height: inherit !important
}

.rbt-single-widget .rbt-has-show-more button {
    width: 100%;
    text-align: center
}

.rbt-qty-area {
    border-radius: 60px;
    border: 2px solid var(--color-gray-300);
    display: inline-flex;
    align-items: center;
    height: 45px;
    min-width: 150px
}

@media only screen and (max-width: 767px) {
    .rbt-qty-area {
        min-width: max-content;
        height: 40px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-qty-area {
        height: 32px
    }
}

.rbt-qty-area button,
.rbt-qty-area input {
    padding: 0;
    border: 0;
    height: 100% !important;
    font-size: 18px !important;
    line-height: 1;
    margin: 0;
    font-weight: 600 !important;
    background: 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(.85);
    border-radius: var(--radius-full);
    z-index: -1;
    visibility: hidden
}

.rbt-qty-area button:hover::after {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.rbt-qty-area button:active::after {
    opacity: 1;
    visibility: visible;
    transform: scale(.6)
}

.rbt-qty-area input {
    max-width: 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
}

.rounded--16 {
    border-radius: 16px 16px 16px 16px !important
}

@media only screen and (max-width: 767px) {
    .rounded--16 {
        border-radius: 8px 8px 8px 8px !important
    }
}

.rounded-left--16 {
    border-radius: 16px 0 0 16px !important
}

.rounded-right--16 {
    border-radius: 0 16px 16px 0 !important
}

.rounded-right-top--16 {
    border-radius: 0 16px 0 0 !important
}

.rounded-right-bottom--16 {
    border-radius: 0 0 16px 0 !important
}

.rounded-left-top--16 {
    border-radius: 16px 0 0 0 !important
}

.rounded-left-bottom--16 {
    border-radius: 0 0 0 16px !important
}

.rbt-video-area .video-popup-style-two {
    position: relative;
    overflow: hidden;
    height: 800px;
    width: 100%
}

@media only screen and (max-width: 1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-video-area .video-popup-style-two {
        height: auto
    }
}

.rbt-video-area .video-popup-style-two video {
    object-fit: cover
}

.rbt-video-area .video-popup-style-two.h-800 {
    height: 800px
}

.rbt-video-area .video {
    width: 100%;
    height: 100%
}

.rbt-video-area .pause-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    cursor: pointer;
    text-transform: uppercase;
    transition: none
}

.rbt-video-area .object-position-top video {
    object-position: 50% 25%
}

.video-popup-wrapper {
    border-radius: 24px
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (max-width:767px) {
    .video-popup-wrapper {
        border-radius: 12px
    }
}

.video-popup-wrapper.has-bottom-overlay {
    overflow: hidden
}

.video-popup-wrapper.has-bottom-overlay::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(180deg, #000 0, rgba(0, 0, 0, .53) 39.58%, rgba(0, 0, 0, .14) 71.23%, rgba(0, 0, 0, 0) 100%);
    transform: rotate(180deg)
}

.video-popup-wrapper.has-black-overlay {
    overflow: hidden
}

.video-popup-wrapper.has-black-overlay::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .3) 100%);
    transform: rotate(180deg)
}

.video-popup-wrapper img {
    object-fit: cover;
    min-height: 200px
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .video-popup-wrapper img {
        min-height: 350px
    }
}

.rbt-bg-color-gray-light .rbt-quick-access>li.rbt-access-box-link>a,
.rbt-bg-color-white .rbt-quick-access>li.rbt-access-box-link>a {
    color: var(--color-black)
}

.rbt-bg-color-gray-light .rbt-quick-access>li.rbt-access-box-link>a:hover i,
.rbt-bg-color-gray-light .rbt-quick-access>li.rbt-access-box-link>a:hover span,
.rbt-bg-color-white .rbt-quick-access>li.rbt-access-box-link>a:hover i,
.rbt-bg-color-white .rbt-quick-access>li.rbt-access-box-link>a:hover span {
    color: var(--color-primary)
}

.rbt-bg-color-white .rbt-quick-access>li .header-info+.header-info {
    border-color: var(--color-gray-300)
}

.rbt-inf-box-wrapper-list {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (max-width: 1199px) {
    .rbt-inf-box-wrapper-list {
        justify-content: center
    }
}

.rbt-inf-box-wrapper-list li {
    margin: 0
}

.rbt-inf-box-wrapper-list li+li {
    margin-left: 24px;
    padding-left: 24px;
    border-left: 2px solid #f3f3f3
}

.rbt-inf-box-wrapper-list .rbt-inf-box {
    display: flex;
    gap: 16px;
    align-items: center
}

.rbt-inf-box-wrapper-list .rbt-inf-box-icon {
    font-size: 20px;
    line-height: 20px;
    color: var(--color-heading)
}

.rbt-inf-box-wrapper-list .rbt-inf-box-content {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.rbt-inf-box-wrapper-list .rbt-inf-box-content .rbt-inf-box-title {
    margin-bottom: 0;
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    font-weight: var(--f-medium)
}

.rbt-inf-box-wrapper-list .rbt-inf-box-content .rbt-inf-box-desc {
    margin-bottom: 0;
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    font-weight: 400;
    color: var(--color-gray-500)
}

.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list {
    gap: 40px
}

@media only screen and (max-width: 1199px),
only screen and (min-width:1200px) and (max-width:1599px),
only screen and (min-width:1600px) and (max-width:1919px) {
    .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list {
        gap: 40px !important
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list {
        gap: 20px !important
    }
}

@media only screen and (max-width: 479px) {
    .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list {
        gap: 12px !important;
        text-align: center
    }
}

@media only screen and (max-width: 479px) {
    .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list li {
        flex-basis: 45%
    }
}

.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list li+li {
    margin-left: 0;
    padding: 0;
    border: 0
}

.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box {
    flex-direction: column;
    align-items: center;
    gap: 24px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box {
        gap: 16px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box {
        gap: 8px
    }
}

.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box .rbt-inf-box-icon {
    font-size: 32px;
    color: var(--color-primary)
}

@media only screen and (max-width: 767px) {
    .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box .rbt-inf-box-icon {
        font-size: 24px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box .rbt-inf-box-icon {
        font-size: 18px
    }
}

.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box-content {
    align-items: center
}

.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box-content .rbt-inf-box-title {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1)
}

@media only screen and (max-width: 479px) {
    .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box-content .rbt-inf-box-title {
        font-size: 14px;
        text-align: left
    }
}

.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box-content .rbt-inf-box-desc {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-gray-400)
}

@media only screen and (max-width: 479px) {
    .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box-content .rbt-inf-box-desc {
        font-size: 10px;
        text-align: left
    }
}

.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list.rbt-inf-box-sm-wrapper-list .rbt-inf-box {
    gap: 16px
}

.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list.rbt-inf-box-sm-wrapper-list .rbt-inf-box .rbt-inf-box-icon {
    font-size: var(--h5)
}

.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list.rbt-inf-box-sm-wrapper-list .rbt-inf-box .rbt-inf-box-desc,
.rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list.rbt-inf-box-sm-wrapper-list .rbt-inf-box .rbt-inf-box-title {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

.rbt-quick-inf-area.rbt-bg-color-primary .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box .rbt-inf-box-icon,
.rbt-quick-inf-area.rbt-bg-color-primary .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box .rbt-inf-box-title {
    color: var(--color-white)
}

.rbt-quick-inf-area.rbt-bg-color-primary .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box .rbt-inf-box-desc {
    color: var(--color-gray-200)
}

.rbt-quick-inf-area.rbt-bg-color-gray-light .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box .rbt-inf-box-icon,
.rbt-quick-inf-area.rbt-bg-color-gray-light .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box .rbt-inf-box-title {
    color: var(--color-heading)
}

.rbt-quick-inf-area.rbt-bg-color-gray-light .rbt-inf-box-wrapper-style-one .rbt-inf-box-wrapper-list .rbt-inf-box .rbt-inf-box-desc {
    color: var(--color-gray-500)
}

hr.rbt-separator {
    height: 2px;
    width: 100%;
    background: var(--color-border);
    position: relative;
    z-index: 1
}

hr.rbt-separator.separator-height-1 {
    height: 1px
}

hr.rbt-separator.rbt-separator-gray100 {
    background: var(--color-gray-100)
}

hr.rbt-separator.rbt-separator-gray-light {
    background: var(--color-gray-light)
}

hr.rbt-separator.rbt-separator-gray700 {
    background: var(--color-gray-700)
}

hr.rbt-separator.rbt-separator-brand700 {
    background: var(--color-brand-700)
}

hr.rbt-separator.rbt-separator-gray200 {
    background: var(--color-gray-200)
}

hr.rbt-separator.has-opacity {
    opacity: .6
}

.rbt-vertical-separtor {
    height: 100%;
    width: 2px;
    background: var(--color-body)
}

.rbt-vertical-separtor.rbt-separator-gray100 {
    background: var(--color-gray-100)
}

.rbt-vertical-separtor.rbt-separator-gray-light {
    background: var(--color-gray-light)
}

.rbt-vertical-separtor.rbt-separator-gray700 {
    background: var(--color-gray-700)
}

.rbt-vertical-separtor.rbt-separator-brand700 {
    background: var(--color-brand-700)
}

.rbt-vertical-separtor.rbt-separator-gray200 {
    background: var(--color-gray-200)
}

.rbt-offer-countdown-section {
    display: flex;
    align-items: center;
    gap: 16px
}

@media only screen and (max-width: 767px) {
    .rbt-offer-countdown-section {
        flex-direction: column;
        align-items: center;
        gap: 8px
    }
}

.rbt-sm-title {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    margin-bottom: 0;
    font-weight: var(--f-medium)
}

.rbt-tiktok {
    position: relative;
    overflow: hidden;
    border-radius: 12px
}

.rbt-tiktok .tiktok-embed {
    width: 100% !important;
    max-width: 100% !important;
    min-width: auto !important;
    margin: 0 !important
}

.rbt-collapsible-content-section .rbt-has-show-more .rbt-has-show-more-inner-content {
    max-height: 320px
}

.rbt-collapsible-content-section .rbt-has-show-more .rbt-has-show-more-inner-content.rbt-has-show-more-inner-content-sm {
    max-height: 120px
}

.rbt-collapsible-content-section .rbt-has-show-more.active .rbt-has-show-more-inner-content {
    padding-bottom: 24px
}

.rbt-collapsible-content-box {
    padding: 32px;
    border-radius: 8px 8px 0 0
}

@media only screen and (max-width: 767px) {
    .rbt-collapsible-content-box {
        padding: 16px
    }
}

.rbt-collapsible-content-box.rbt-bg-color-gray-light .rbt-show-more-btn-area::before {
    /* background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0, rgba(249, 249, 249, .85) 61.95%, #e9f1fc 100%) */
}

.rbt-quick-locat-link {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.rbt-quick-locat-link .rbt-quick-locat-link-title a {
    transition: var(--transition)
}

.rbt-quick-locat-link .rbt-quick-locat-link-title-arrow {
    height: 20px;
    width: 20px;
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-primary);
    color: var(--color-white);
    border-radius: var(--radius-full);
    transition: var(--transition)
}

.rbt-quick-locat-link:hover .rbt-quick-locat-link-title-arrow {
    transform: translateX(5px) scale(1.1)
}

.rbt-variant-picker-values input[type=radio]+label {
    padding: 8px 16px;
    border-radius: 30px;
    border: 1px solid var(--color-primary);
    text-align: center;
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: 500;
    color: var(--color-primary)
}

.rbt-variant-picker-values input[type=radio]+label::after,
.rbt-variant-picker-values input[type=radio]+label::before {
    display: none
}

.rbt-variant-picker-values input[type=radio]:checked~label {
    color: var(--color-white);
    background: var(--color-primary);
    border-color: var(--color-primary)
}

.rbt-variant-picker-values input[type=radio]:disabled~label {
    color: var(--color-gray-300);
    background: var(--color-gray-50);
    border-color: var(--color-gray-300);
    text-decoration: line-through;
    pointer-events: none
}

.rbt-bg-transparent {
    background: 0 0 !important
}

.rbt-scroll-animation-container {
    position: relative;
    overflow: hidden
}

.rbt-scroll-animation-wrapper {
    position: relative;
    z-index: 1;
    padding: 24px 0;
    background: var(--color-gray-light)
}

@media only screen and (max-width: 767px) {
    .rbt-scroll-animation-wrapper {
        padding: 24px
    }
}

@media only screen and (max-width: 575px) {
    .rbt-scroll-animation-wrapper {
        padding: 16px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-scroll-animation-wrapper {
        padding: 12px
    }
}

.rbt-scroll-animation-wrapper::after,
.rbt-scroll-animation-wrapper::before {
    position: absolute;
    height: 100%;
    width: 100px;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(left, #fff, hsla(0, 0%, 100%, 0));
    background: -moz-linear-gradient(left, #fff 0, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(90deg, #fff 0, hsla(0, 0%, 100%, 0));
    z-index: 2;
    content: ""
}

@media only screen and (max-width: 767px) {

    .rbt-scroll-animation-wrapper::after,
    .rbt-scroll-animation-wrapper::before {
        width: 50px
    }
}

.rbt-scroll-animation-wrapper::before {
    top: 0;
    left: 0
}

.rbt-scroll-animation-wrapper::after {
    top: 0;
    right: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rbt-scroll-animation-wrapper.rbt-no-overlay::after,
.rbt-scroll-animation-wrapper.rbt-no-overlay::before {
    display: none
}

.rbt-scroll-animation-wrapper.rbt-bg-color-primary a {
    color: var(--color-white)
}

.rbt-scroll-animation-wrapper.rbt-bg-color-primary a .rbt-catagory-icon.rbt-offer-icon-circle {
    border: 2px solid var(--color-white)
}

.rbt-scroll-animation-wrapper.rbt-bg-color-primary a:hover {
    color: var(--color-white)
}

.rbt-scroll-animation-wrapper.rbt-scroll-sm-size {
    padding: 8px 0
}

.rbt-scroll-animation-wrapper.rbt-scroll-sm-size .rbt-category-list a {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3)
}

.rbt-scroll-animation {
    display: flex;
    width: -webkit-calc((420px * 16) + (30px * 16));
    width: -moz-calc((420px * 16) + (30px * 16));
    width: 7200px;
    position: relative
}

.rbt-scroll-animation.rbt-scroll-right-left {
    -webkit-animation: scroll 5s linear infinite;
    -moz-animation: scroll 5s linear infinite;
    animation: scroll 5s linear infinite;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.rbt-scroll-animation.rbt-scroll-left-right {
    -webkit-animation: scrollLeft 5s linear infinite;
    -moz-animation: scrollLeft 5s linear infinite;
    animation: scrollLeft 5s linear infinite;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.rbt-scroll-animation .rbt-single-column-20 {
    width: 500px;
    padding: 0 15px
}

@media only screen and (max-width: 767px) {
    .rbt-scroll-animation .rbt-single-column-20 {
        width: 310px;
        padding: 0 10px
    }
}

.rbt-categori-leftbar {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-direction: column;
    align-items: center
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-categori-leftbar {
        gap: 10px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-categori-leftbar {
        gap: 10px;
        flex-wrap: nowrap
    }
}

.rbt-category-list {
    display: flex;
    gap: 56px;
    align-items: center;
    justify-content: flex-end
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-category-list {
        gap: 20px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-category-list {
        gap: 10px;
        justify-content: flex-start;
        flex-wrap: wrap
    }
}

.rbt-category-list a {
    border: 0 none;
    text-transform: capitalize;
    color: var(--color-heading);
    font-size: 16px;
    line-height: 1.4;
    display: flex;
    gap: 8px;
    align-items: center;
    transition: var(--transition);
    text-align: center;
    font-weight: var(--f-medium)
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-category-list a {
        font-size: 14px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-category-list a {
        font-size: 14px
    }
}

.rbt-category-list a .rbt-catagory-icon {
    font-size: 16px;
    line-height: 1
}

.rbt-category-list a .rbt-catagory-icon.rbt-offer-icon-circle {
    height: 14px;
    width: 14px;
    border-radius: var(--radius-full);
    border: 2px solid var(--color-primary)
}

.rbt-category-list a:hover {
    color: var(--color-primary)
}

.rbt-category-list.rbt-has-brand-img a img {
    max-height: 100px;
    border-radius: var(--radius)
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-webkit-calc(-250px));
        transform: translateX(-250px)
    }
}

@-moz-keyframes scroll {
    0% {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -moz-transform: translateX(-moz-calc(-250px));
        transform: translateX(-250px)
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-webkit-calc(-250px));
        -moz-transform: translateX(-moz-calc(-250px));
        transform: translateX(-250px)
    }
}

@-webkit-keyframes scrollLeft {
    0% {
        -webkit-transform: translateX(-webkit-calc(-250px));
        transform: translateX(-250px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-moz-keyframes scrollLeft {
    0% {
        -moz-transform: translateX(-moz-calc(-250px));
        transform: translateX(-250px)
    }

    to {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes scrollLeft {
    0% {
        -webkit-transform: translateX(-webkit-calc(-250px));
        -moz-transform: translateX(-moz-calc(-250px));
        transform: translateX(-250px)
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

.rbt-gray-contain-box.rbt-gray-contain-box-style-one {
    border-radius: 24px;
    position: relative;
    padding: 48px 80px
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-gray-contain-box.rbt-gray-contain-box-style-one {
        padding: 32px 48px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-gray-contain-box.rbt-gray-contain-box-style-one {
        padding: 20px 16px;
        border-radius: 12px
    }
}

.rbt-gray-contain-box.has-bg-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.rbt-gray-contain-box.has-bg-image-01 {
    background-image: url(../images/bg-shape/bg-shape-01.webp)
}

.rbt-separator {
    height: 2px;
    width: 100%
}

.rbt-separator.rbt-separator-gray200 {
    background: var(--color-gray-200)
}

.rbt-border-row {
    margin-top: 24px
}

.rbt-border-row>[class*=col] {
    border: 1px solid var(--color-border);
    margin-top: 0 !important
}

.rbt-shadow-box {
    border-radius: var(--radius);
    background: var(--color-primary);
    overflow: hidden;
    box-shadow: var(--shadow-1);
    padding: 30px
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-shadow-box {
        padding: 20px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-shadow-box {
        padding: 20px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-shadow-box {
        padding: 20px
    }
}

.rbt-scrollable-content {
    overflow: auto
}

.rbt-scrollable-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: var(--color-gray-200);
    border-radius: 40px;
    width: 337px
}

.rbt-scrollable-content::-webkit-scrollbar {
    height: 6px;
    width: 337px;
    background-color: var(--color-gray-200);
    cursor: pointer
}

.rbt-scrollable-content::-webkit-scrollbar-thumb {
    border-radius: 40px;
    background-color: var(--color-gray-400)
}

.rbt-scrollable-content.hide-scrollbar::-webkit-scrollbar {
    display: none
}

.rbt-qty-area.disabled {
    background: 0 0 !important
}

.rbt-sticky-top-150 {
    position: sticky !important;
    top: 150px
}

@media only screen and (max-width: 1199px) {
    .rbt-sticky-top-150 {
        position: static !important;
        top: unset
    }
}

.rbt-burger-menu-bar {
    --icon-w: 16px;
    --icon-h: 16px
}

.rbt-burger-menu-bar .rbt-line-btn {
    transition: var(--transition);
    cursor: pointer;
    position: relative;
    user-select: none;
    display: block;
    top: 7px
}

.rbt-burger-menu-bar .rbt-burger-menu-bar-wrapper {
    overflow: hidden;
    width: var(--icon-w);
    height: var(--icon-h)
}

.rbt-burger-menu-bar .rbt-lines {
    display: block;
    width: var(--icon-w);
    height: 2px;
    transition: .3s;
    position: relative;
    background-color: var(--color-heading);
    border-radius: 5%
}

.rbt-burger-menu-bar .rbt-lines::after,
.rbt-burger-menu-bar .rbt-lines::before {
    display: block;
    width: var(--icon-w);
    height: 2px;
    background-color: var(--color-heading);
    position: absolute;
    left: 0;
    content: "";
    transform-origin: 50% 50%;
    border-radius: 5%;
    transition: top .4s .45s ease, transform .3s ease, background-color .2s ease, opacity .2s ease
}

.rbt-burger-menu-bar .rbt-lines::after {
    top: 5px;
    width: calc(100% - 4px);
    transition: transform .65s cubic-bezier(.3, 1, .3, 1) 80ms, background-color .2s ease, opacity .2s ease !important
}

.rbt-burger-menu-bar .rbt-lines::before {
    top: -5px
}

.rbt-burger-menu-bar .rbt-hover-effect {
    left: -30px;
    margin-top: -2px
}

.rbt-burger-menu-bar .rbt-hover-effect .rbt-lines::after,
.rbt-burger-menu-bar .rbt-hover-effect .rbt-lines::before {
    left: -30px
}

.rbt-burger-menu-bar:hover .rbt-lines {
    transform: translateX(30px)
}

.rbt-burger-menu-bar:hover .rbt-lines::after,
.rbt-burger-menu-bar:hover .rbt-lines::before {
    transform: translateX(30px);
    transition: top .4s .45s ease, width .3s ease, transform .3s ease, background-color .2s ease, opacity .2s ease
}

.rbt-burger-menu-bar:hover .rbt-lines::before {
    transition: transform .65s cubic-bezier(.3, 1, .3, 1) 80ms, background-color .2s ease, opacity .2s ease !important
}

.rbt-youtube-iframe iframe {
    min-height: 548px;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    width: 100%
}

.rbt-youtube-iframe-h-lg .rbt-youtube-iframe iframe {
    min-height: 938px;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    width: 100%
}

@media only screen and (max-width: 1199px),
only screen and (min-width:1200px) and (max-width:1599px),
only screen and (min-width:1600px) and (max-width:1919px) {
    .rbt-youtube-iframe-h-lg .rbt-youtube-iframe iframe {
        min-height: 534px
    }
}

.rbt-round-blur-shape {
    border-radius: 50%;
    opacity: .25;
    filter: blur(100px);
    height: 400px;
    width: 400px
}

.rbt-round-blur-shape.rbt-round-blur-shape-red {
    background: #fe3d06
}

.rbt-component-section-title-has-bg-shape {
    position: relative;
    z-index: 2
}

.cd-area-style-three .cd-banner-img {
    margin-top: -200px;
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 1199px) {
    .cd-area-style-three .cd-banner-img {
        margin-top: 0
    }
}

@media only screen and (min-width: 1200px) and (max-width:1599px),
only screen and (min-width:1600px) and (max-width:1919px) {
    .cd-area-style-three .cd-banner-img {
        margin-top: -100px
    }
}

.cd-area-style-three .cd-banner-img .rbt-round-blur-shape-red {
    position: absolute;
    top: -64px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1
}

.rbt-round-devider {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 160px
}

.rbt-round-devider.rbt-round-devider-black {
    background: var(--color-black)
}

.rbt-round-devider.rbt-black-round-devider-bottom {
    border-radius: 0 0 50% 50%
}

.rbt-media-cover {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.rbt-max-screen-container {
    max-width: 2560px;
    margin: 0 auto
}

.rbt-dog-hero-section-area .rbt-product-banner-content {
    padding: 112px 204px
}

.rbt-lookbook-banner.rbt-lookbook-banner-two>img {
    min-height: 400px;
    max-height: 80vh;
    object-fit: cover;
    width: 100%;
    border-radius: var(--radius-12)
}

@media only screen and (max-width: 1199px) {
    .rbt-lookbook-banner.rbt-lookbook-banner-two .rbt-lookbook-dot-content {
        max-width: 220px !important
    }
}

@media only screen and (max-width: 767px) {
    .rbt-lookbook-banner.rbt-lookbook-banner-two .rbt-lookbook-dot-content {
        max-width: 180px !important
    }
}

.rbt-cursor-pointer {
    cursor: pointer
}

.rbt-bg-color-chocolate-50 {
    background: #f9f3ff !important
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
    transition: var(--transition)
}

input,
select,
textarea {
    width: 100%;
    transition: var(--transition)
}

input {
    height: 50px;
    padding: 0 15px 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);
}

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-active input[type=date],
.input-active input[type=email],
.input-active input[type=number],
.input-active input[type=password],
.input-active input[type=search],
.input-active input[type=tel],
.input-active input[type=text],
input[type=date].input-active,
input[type=date].p-holder__active,
input[type=email].input-active,
input[type=email].p-holder__active,
input[type=number].input-active,
input[type=number].p-holder__active,
input[type=password].input-active,
input[type=password].p-holder__active,
input[type=search].input-active,
input[type=search].p-holder__active,
input[type=tel].input-active,
input[type=tel].p-holder__active,
input[type=text].input-active,
input[type=text].p-holder__active,
textarea.input-active,
textarea.p-holder__active {
    border-color: var(--color-primary)
}

.input-active input[type=date]::placeholder,
.input-active input[type=email]::placeholder,
.input-active input[type=number]::placeholder,
.input-active input[type=password]::placeholder,
.input-active input[type=search]::placeholder,
.input-active input[type=tel]::placeholder,
.input-active input[type=text]::placeholder,
input[type=date].input-active::placeholder,
input[type=date].p-holder__active::placeholder,
input[type=email].input-active::placeholder,
input[type=email].p-holder__active::placeholder,
input[type=number].input-active::placeholder,
input[type=number].p-holder__active::placeholder,
input[type=password].input-active::placeholder,
input[type=password].p-holder__active::placeholder,
input[type=search].input-active::placeholder,
input[type=search].p-holder__active::placeholder,
input[type=tel].input-active::placeholder,
input[type=tel].p-holder__active::placeholder,
input[type=text].input-active::placeholder,
input[type=text].p-holder__active::placeholder,
textarea.input-active::placeholder,
textarea.p-holder__active::placeholder {
    color: var(--color-primary);
    opacity: 1
}

.input-active input[type=date]:-ms-input-placeholder,
.input-active input[type=email]:-ms-input-placeholder,
.input-active input[type=number]:-ms-input-placeholder,
.input-active input[type=password]:-ms-input-placeholder,
.input-active input[type=search]:-ms-input-placeholder,
.input-active input[type=tel]:-ms-input-placeholder,
.input-active input[type=text]:-ms-input-placeholder,
input[type=date].input-active:-ms-input-placeholder,
input[type=date].p-holder__active:-ms-input-placeholder,
input[type=email].input-active:-ms-input-placeholder,
input[type=email].p-holder__active:-ms-input-placeholder,
input[type=number].input-active:-ms-input-placeholder,
input[type=number].p-holder__active:-ms-input-placeholder,
input[type=password].input-active:-ms-input-placeholder,
input[type=password].p-holder__active:-ms-input-placeholder,
input[type=search].input-active:-ms-input-placeholder,
input[type=search].p-holder__active:-ms-input-placeholder,
input[type=tel].input-active:-ms-input-placeholder,
input[type=tel].p-holder__active:-ms-input-placeholder,
input[type=text].input-active:-ms-input-placeholder,
input[type=text].p-holder__active:-ms-input-placeholder,
textarea.input-active:-ms-input-placeholder,
textarea.p-holder__active:-ms-input-placeholder {
    color: var(--color-primary)
}

.input-active input[type=date]::-ms-input-placeholder,
.input-active input[type=email]::-ms-input-placeholder,
.input-active input[type=number]::-ms-input-placeholder,
.input-active input[type=password]::-ms-input-placeholder,
.input-active input[type=search]::-ms-input-placeholder,
.input-active input[type=tel]::-ms-input-placeholder,
.input-active input[type=text]::-ms-input-placeholder,
input[type=date].input-active::-ms-input-placeholder,
input[type=date].p-holder__active::-ms-input-placeholder,
input[type=email].input-active::-ms-input-placeholder,
input[type=email].p-holder__active::-ms-input-placeholder,
input[type=number].input-active::-ms-input-placeholder,
input[type=number].p-holder__active::-ms-input-placeholder,
input[type=password].input-active::-ms-input-placeholder,
input[type=password].p-holder__active::-ms-input-placeholder,
input[type=search].input-active::-ms-input-placeholder,
input[type=search].p-holder__active::-ms-input-placeholder,
input[type=tel].input-active::-ms-input-placeholder,
input[type=tel].p-holder__active::-ms-input-placeholder,
input[type=text].input-active::-ms-input-placeholder,
input[type=text].p-holder__active::-ms-input-placeholder,
textarea.input-active::-ms-input-placeholder,
textarea.p-holder__active::-ms-input-placeholder {
    color: var(--color-primary)
}

.input-error input[type=date],
.input-error input[type=email],
.input-error input[type=number],
.input-error input[type=password],
.input-error input[type=search],
.input-error input[type=tel],
.input-error input[type=text],
input[type=date].input-error,
input[type=date].p-holder__error,
input[type=email].input-error,
input[type=email].p-holder__error,
input[type=number].input-error,
input[type=number].p-holder__error,
input[type=password].input-error,
input[type=password].p-holder__error,
input[type=search].input-error,
input[type=search].p-holder__error,
input[type=tel].input-error,
input[type=tel].p-holder__error,
input[type=text].input-error,
input[type=text].p-holder__error,
textarea.input-error,
textarea.p-holder__error {
    border-color: #f4282d
}

.input-error input[type=date]::placeholder,
.input-error input[type=email]::placeholder,
.input-error input[type=number]::placeholder,
.input-error input[type=password]::placeholder,
.input-error input[type=search]::placeholder,
.input-error input[type=tel]::placeholder,
.input-error input[type=text]::placeholder,
input[type=date].input-error::placeholder,
input[type=date].p-holder__error::placeholder,
input[type=email].input-error::placeholder,
input[type=email].p-holder__error::placeholder,
input[type=number].input-error::placeholder,
input[type=number].p-holder__error::placeholder,
input[type=password].input-error::placeholder,
input[type=password].p-holder__error::placeholder,
input[type=search].input-error::placeholder,
input[type=search].p-holder__error::placeholder,
input[type=tel].input-error::placeholder,
input[type=tel].p-holder__error::placeholder,
input[type=text].input-error::placeholder,
input[type=text].p-holder__error::placeholder,
textarea.input-error::placeholder,
textarea.p-holder__error::placeholder {
    color: #f4282d;
    opacity: 1
}

.input-error input[type=date]:-ms-input-placeholder,
.input-error input[type=email]:-ms-input-placeholder,
.input-error input[type=number]:-ms-input-placeholder,
.input-error input[type=password]:-ms-input-placeholder,
.input-error input[type=search]:-ms-input-placeholder,
.input-error input[type=tel]:-ms-input-placeholder,
.input-error input[type=text]:-ms-input-placeholder,
input[type=date].input-error:-ms-input-placeholder,
input[type=date].p-holder__error:-ms-input-placeholder,
input[type=email].input-error:-ms-input-placeholder,
input[type=email].p-holder__error:-ms-input-placeholder,
input[type=number].input-error:-ms-input-placeholder,
input[type=number].p-holder__error:-ms-input-placeholder,
input[type=password].input-error:-ms-input-placeholder,
input[type=password].p-holder__error:-ms-input-placeholder,
input[type=search].input-error:-ms-input-placeholder,
input[type=search].p-holder__error:-ms-input-placeholder,
input[type=tel].input-error:-ms-input-placeholder,
input[type=tel].p-holder__error:-ms-input-placeholder,
input[type=text].input-error:-ms-input-placeholder,
input[type=text].p-holder__error:-ms-input-placeholder,
textarea.input-error:-ms-input-placeholder,
textarea.p-holder__error:-ms-input-placeholder {
    color: #f4282d
}

.input-error input[type=date]::-ms-input-placeholder,
.input-error input[type=email]::-ms-input-placeholder,
.input-error input[type=number]::-ms-input-placeholder,
.input-error input[type=password]::-ms-input-placeholder,
.input-error input[type=search]::-ms-input-placeholder,
.input-error input[type=tel]::-ms-input-placeholder,
.input-error input[type=text]::-ms-input-placeholder,
input[type=date].input-error::-ms-input-placeholder,
input[type=date].p-holder__error::-ms-input-placeholder,
input[type=email].input-error::-ms-input-placeholder,
input[type=email].p-holder__error::-ms-input-placeholder,
input[type=number].input-error::-ms-input-placeholder,
input[type=number].p-holder__error::-ms-input-placeholder,
input[type=password].input-error::-ms-input-placeholder,
input[type=password].p-holder__error::-ms-input-placeholder,
input[type=search].input-error::-ms-input-placeholder,
input[type=search].p-holder__error::-ms-input-placeholder,
input[type=tel].input-error::-ms-input-placeholder,
input[type=tel].p-holder__error::-ms-input-placeholder,
input[type=text].input-error::-ms-input-placeholder,
input[type=text].p-holder__error::-ms-input-placeholder,
textarea.input-error::-ms-input-placeholder,
textarea.p-holder__error::-ms-input-placeholder {
    color: #f4282d
}

.input-error input[type=date]:focus,
.input-error input[type=email]:focus,
.input-error input[type=number]:focus,
.input-error input[type=password]:focus,
.input-error input[type=search]:focus,
.input-error input[type=tel]:focus,
.input-error input[type=text]:focus,
input[type=date].input-error:focus,
input[type=date].p-holder__error:focus,
input[type=email].input-error:focus,
input[type=email].p-holder__error:focus,
input[type=number].input-error:focus,
input[type=number].p-holder__error:focus,
input[type=password].input-error:focus,
input[type=password].p-holder__error:focus,
input[type=search].input-error:focus,
input[type=search].p-holder__error:focus,
input[type=tel].input-error:focus,
input[type=tel].p-holder__error:focus,
input[type=text].input-error:focus,
input[type=text].p-holder__error:focus,
textarea.input-error:focus,
textarea.p-holder__error:focus {
    border-color: #f4282d
}

input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
textarea:focus {
    border-color: var(--color-primary)
}

input[type=checkbox],
input[type=radio] {
    opacity: 0;
    position: absolute;
    height: auto;
    width: max-content
}

input[type=checkbox]~label,
input[type=radio]~label {
    position: relative;
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    color: var(--color-gray-500);
    font-weight: var(--f-medium);
    padding-left: 24px;
    cursor: pointer;
    margin-bottom: 0
}

input[type=checkbox]~label::before,
input[type=radio]~label::before {
    content: " ";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(.85);
    left: 0;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: var(--border-width) solid var(--color-gray-400);
    border-radius: 2px;
    transition: all .3s
}

input[type=checkbox]~label::after,
input[type=radio]~label::after {
    content: " ";
    position: absolute;
    top: calc(50% - 2px);
    left: 5px;
    width: 12px;
    height: 6px;
    background-color: transparent;
    border-bottom: var(--border-width) solid #fff;
    border-left: var(--border-width) solid #fff;
    border-radius: 2px;
    transform: rotate(-45deg) translateY(-50%);
    opacity: 0;
    transition: opacity .4s ease, transform .6s cubic-bezier(0, 0, .34, .54)
}

input[type=checkbox]:checked~label,
input[type=radio]:checked~label {
    font-weight: 600;
    color: var(--color-heading)
}

input[type=checkbox]:checked~label::before,
input[type=radio]:checked~label::before {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    transform: translateY(-50%) scale(1)
}

input[type=checkbox]:checked~label::after,
input[type=radio]:checked~label::after {
    opacity: 1
}

input[type=checkbox].rbt-check-green:checked~label,
input[type=radio].rbt-check-green:checked~label {
    font-weight: 600;
    color: var(--color-heading)
}

input[type=checkbox].rbt-check-green:checked~label::before,
input[type=radio].rbt-check-green:checked~label::before {
    background-color: var(--color-green);
    border-color: var(--color-green)
}

input[type=checkbox].rbt-check-green:checked~label::after,
input[type=radio].rbt-check-green:checked~label::after {
    opacity: 1
}

input[type=checkbox].rbt-check-btn-top~label::before,
input[type=radio].rbt-check-btn-top~label::before {
    top: 2px;
    transform: translateY(0) scale(.85)
}

input[type=checkbox].rbt-check-btn-top~label::after,
input[type=radio].rbt-check-btn-top~label::after {
    top: 6px;
    left: 3px;
    transform: rotate(-45deg) translateY(0)
}

input[type=radio]~label::before {
    border-radius: var(--radius-full)
}

input[type=radio]~label::after {
    width: 8px;
    height: 8px;
    left: 5px;
    background: #fff;
    border-radius: var(--radius-full);
    border: 0;
    top: 50%;
    transform: translateY(-50%) scale(1);
    transition: var(--transition)
}

input[type=radio]:checked~label {
    font-weight: 600;
    color: var(--color-heading)
}

input[type=radio]:checked~label::before {
    background-color: var(--color-white);
    border-color: var(--color-primary)
}

input[type=radio]:checked~label::after {
    opacity: 1;
    background: var(--color-primary);
    transform: translateY(-50%) scale(1.4)
}

input[type=radio].rbt-check-green:checked~label {
    font-weight: 600;
    color: var(--color-heading)
}

input[type=radio].rbt-check-green:checked~label::before {
    background-color: var(--color-white);
    border-color: var(--color-green)
}

input[type=radio].rbt-check-green:checked~label::after {
    opacity: 1;
    background: var(--color-green)
}

.form-switch {
    display: flex;
    align-items: center
}

.form-switch input[type=checkbox] {
    opacity: 1;
    position: relative;
    margin-left: 0 !important;
    margin-top: 0;
    outline: 0;
    margin-bottom: 0
}

.form-switch input[type=checkbox]:checked {
    background-color: var(--color-primary);
    border-color: var(--color-primary)
}

.form-switch input[type=checkbox]:focus {
    outline: 0;
    box-shadow: none
}

.form-switch input[type=checkbox]~label {
    padding-left: 10px
}

.form-switch input[type=checkbox]~label::after,
.form-switch input[type=checkbox]~label::before {
    display: none
}

.form-group input {
    border: var(--border-width) solid var(--color-gray-200);
    border-radius: var(--radius);
    height: 50px;
    font-size: 16px;
    padding: 0;
    width: 100%
}

.form-group input:focus {
    border-color: var(--color-primary)
}

.form-group textarea {
    height: auto;
    min-height: 193px;
    border: var(--border-width) solid var(--color-gray-200);
    border-radius: var(--radius);
    resize: none;
    padding: 15px;
    font-size: 16px;
    width: 100%
}

.form-group textarea:focus {
    border-color: var(--color-primary)
}

textarea {
    padding: 10px 15px;
    height: auto
}

input[type=submit] {
    width: auto;
    font-size: 16px;
    letter-spacing: 2px;
    padding: 15px 20px;
    border-radius: var(--radius);
    display: block;
    font-weight: var(--f-medium);
    transition: var(--transition);
    border: var(--border-width) solid var(--color-primary);
    background: var(--color-primary);
    color: #fff;
    height: 60px;
    margin-top: 30px
}

input[type=submit]:hover {
    color: #fff;
    -webkit-box-shadow: 0 10px 15px 0 rgba(249, 0, 77, .1);
    box-shadow: 0 10px 15px 0 rgba(249, 0, 77, .1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.contact-form--1 form input::-webkit-input-placeholder,
.contact-form--1 form textarea::-webkit-input-placeholder {
    color: var(--color-body) !important
}

.contact-form--1 form input::-moz-placeholder,
.contact-form--1 form textarea::-moz-placeholder {
    color: var(--color-body) !important
}

.contact-form--1 form input:-ms-input-placeholder,
.contact-form--1 form textarea:-ms-input-placeholder {
    color: var(--color-body) !important
}

.contact-form--1 form input:-moz-placeholder,
.contact-form--1 form textarea:-moz-placeholder {
    color: var(--color-body) !important
}

.form-check {
    padding-left: 0
}

.rbt-checkbox-wrapper {
    position: relative
}

input[disabled] {
    display: none
}

.rbt-image-checkbox {
    display: flex;
    height: 100%
}

.rbt-image-checkbox label {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    padding-left: 0 !important;
    border: 3px solid var(--color-border);
    border-radius: var(--radius)
}

.rbt-image-checkbox label::after {
    background-image: url(../images/icons/yes.webp) !important;
    opacity: 0;
    position: absolute !important;
    content: "" !important;
    background-attachment: scroll !important;
    background-size: cover !important;
    transform: none !important;
    width: 40px !important;
    height: 40px !important;
    border: 0 none;
    left: auto !important;
    top: -20px !important;
    right: -20px !important
}

.rbt-image-checkbox label img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.rbt-image-checkbox input[type=radio]~label::before {
    opacity: 0;
    background: rgba(0, 0, 0, .2);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    border: 0 none;
    border-radius: 0
}

.rbt-image-checkbox input[type=radio]:checked+label::after,
.rbt-image-checkbox input[type=radio]:checked+label::before {
    opacity: 1
}

.rbt-image-checkbox input[type=radio] {
    display: none
}

.file-upload-form {
    border: none;
    background: 0 0;
    cursor: pointer;
    pointer-events: all;
    position: relative
}

.file-upload-form .input-file {
    position: absolute;
    right: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0
}

label.rbt-img {
    position: relative
}

label.rbt-img::before {
    content: " ";
    position: absolute;
    top: 8px;
    right: 8px;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border: var(--border-width) solid var(--color-gray-400);
    border-radius: 2px;
    transition: all .3s
}

label.rbt-img::after {
    content: " ";
    position: absolute;
    top: 11px;
    right: 10px;
    width: 10px;
    height: 5px;
    background-color: transparent;
    border-bottom: var(--border-width) solid #fff;
    border-left: var(--border-width) solid #fff;
    border-radius: 2px;
    transform: rotate(-45deg);
    opacity: 0;
    transition: all .3s
}

label.rbt-img.selected::before {
    background-color: var(--color-green);
    border-color: var(--color-green)
}

label.rbt-img.selected::after {
    opacity: 1
}

.rbt-delivary-details-form {
    padding: 40px;
    border-radius: 12px;
    background: var(--color-white);
    box-shadow: 0 3px 40px 10px rgba(0, 0, 0, .06);
    margin: 0 auto;
    width: 1170px
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-delivary-details-form {
        width: 930px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-delivary-details-form {
        width: auto;
        padding: 24px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-delivary-details-form {
        width: auto;
        padding: 24px;
        margin-top: 24px;
        position: static
    }
}

.rbt-delivary-details-form .rbt-wrapper {
    display: flex;
    align-items: center;
    gap: 32px;
    flex-wrap: wrap
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-delivary-details-form .rbt-wrapper {
        gap: 16px
    }
}

.rbt-delivary-details-form .rbt-form-area {
    display: flex;
    gap: 24px
}

@media only screen and (max-width: 767px) {
    .rbt-delivary-details-form .rbt-form-area {
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-delivary-details-form .rbt-form-area {
        gap: 12px
    }
}

.rbt-delivary-details-form .rbt-form-area input {
    min-width: 255px
}

.rbt-hero-slider-banner .rbt-delivary-details-form {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%)
}

@media only screen and (max-width: 767px) {
    .rbt-hero-slider-banner .rbt-delivary-details-form {
        position: static;
        transform: none
    }
}

.rbt-hero-slider-banner .rbt-delivary-details-form img {
    min-height: 300px;
    object-fit: cover
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-radius: var(--radius)
}

.form-control:focus {
    color: var(--color-gray-400);
    background-color: transparent;
    border-color: var(--color-primary);
    outline: 0;
    box-shadow: unset
}

.rbt-datepicker {
    position: relative
}

.rbt-datepicker .input-group-append {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%)
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0;
    font-size: 12px;
    line-height: 1.5;
    color: var(--color-white);
    text-align: center;
    white-space: nowrap;
    background-color: var(--color-black);
    border: none;
    border-radius: 4px;
    height: 28px;
    width: 28px;
    line-height: 28px;
    cursor: pointer
}

.datepicker {
    padding: 12px
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover,
.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background: linear-gradient(180deg, #215ada 2.66%, #001a53 100%)
}

.invalid-tooltip,
.valid-tooltip {
    padding: 2px 6px;
    font-size: var(--font-size-b4)
}

.valid-tooltip {
    background: var(--color-green)
}

.invalid-tooltip {
    background: var(--color-danger)
}

.rbt-radio-accordion .rbt-form-check-input {
    opacity: 1;
    position: static;
    height: 12px;
    width: 12px;
    padding: 0
}

.rbt-single-order-checkbox {
    max-width: fit-content;
    margin: 4px
}

.rbt-single-order-checkbox label::after,
.rbt-single-order-checkbox label::before {
    display: none
}

.rbt-single-order-checkbox input[type=radio]:checked~label {
    background: var(--color-gray-500);
    color: var(--color-white);
    border-color: var(--color-gray-500)
}

.rbt-delivary-input-wrapper {
    display: flex;
    justify-content: space-around
}

@media only screen and (max-width: 1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-delivary-input-wrapper {
        gap: 16px 0;
        flex-wrap: wrap
    }
}

.rbt-alert-brand {
    background: var(--color-brand-200);
    color: var(--color-brand-700);
    border-color: var(--color-brand-700)
}

@media only screen and (max-width: 479px) {
    .rbt-alert-brand {
        font-size: 12px;
        gap: 4px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-alert-brand {
        font-size: 14px;
        gap: 4px
    }
}

.rbt-checkout-content-inner {
    width: 100%
}

.cd-title {
    position: relative;
    text-align: center
}

.cd-intro {
    width: 90%;
    max-width: 768px;
    text-align: center
}

.cd-intro {
    margin: 4em auto
}

@media only screen and (min-width: 768px) {
    .cd-intro {
        margin: 5em auto
    }
}

@media only screen and (min-width: 1170px) {
    .cd-intro {
        margin: 6em auto
    }
}

.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left
}

.cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0
}

.cd-words-wrapper b.is-visible {
    position: relative
}

.no-js .cd-words-wrapper b {
    opacity: 0
}

.no-js .cd-words-wrapper b.is-visible {
    opacity: 1
}

.cd-headline.rotate-1 .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px
}

.cd-headline.rotate-1 b {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.cd-headline.rotate-1 b.is-visible {
    opacity: 1;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-animation: cd-rotate-1-in 1.2s;
    -moz-animation: cd-rotate-1-in 1.2s;
    animation: cd-rotate-1-in 1.2s
}

.cd-headline.rotate-1 b.is-hidden {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-animation: cd-rotate-1-out 1.2s;
    -moz-animation: cd-rotate-1-out 1.2s;
    animation: cd-rotate-1-out 1.2s
}

@-webkit-keyframes cd-rotate-1-in {
    0% {
        -webkit-transform: rotateX(180deg);
        opacity: 0
    }

    35% {
        -webkit-transform: rotateX(120deg);
        opacity: 0
    }

    65% {
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(360deg);
        opacity: 1
    }
}

@-moz-keyframes cd-rotate-1-in {
    0% {
        -moz-transform: rotateX(180deg);
        opacity: 0
    }

    35% {
        -moz-transform: rotateX(120deg);
        opacity: 0
    }

    65% {
        opacity: 0
    }

    100% {
        -moz-transform: rotateX(360deg);
        opacity: 1
    }
}

@keyframes cd-rotate-1-in {
    0% {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0
    }

    35% {
        -webkit-transform: rotateX(120deg);
        -moz-transform: rotateX(120deg);
        -ms-transform: rotateX(120deg);
        -o-transform: rotateX(120deg);
        transform: rotateX(120deg);
        opacity: 0
    }

    65% {
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(360deg);
        -moz-transform: rotateX(360deg);
        -ms-transform: rotateX(360deg);
        -o-transform: rotateX(360deg);
        transform: rotateX(360deg);
        opacity: 1
    }
}

@-webkit-keyframes cd-rotate-1-out {
    0% {
        -webkit-transform: rotateX(0);
        opacity: 1
    }

    35% {
        -webkit-transform: rotateX(-40deg);
        opacity: 1
    }

    65% {
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(180deg);
        opacity: 0
    }
}

@-moz-keyframes cd-rotate-1-out {
    0% {
        -moz-transform: rotateX(0);
        opacity: 1
    }

    35% {
        -moz-transform: rotateX(-40deg);
        opacity: 1
    }

    65% {
        opacity: 0
    }

    100% {
        -moz-transform: rotateX(180deg);
        opacity: 0
    }
}

@keyframes cd-rotate-1-out {
    0% {
        -webkit-transform: rotateX(0);
        -moz-transform: rotateX(0);
        -ms-transform: rotateX(0);
        -o-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }

    35% {
        -webkit-transform: rotateX(-40deg);
        -moz-transform: rotateX(-40deg);
        -ms-transform: rotateX(-40deg);
        -o-transform: rotateX(-40deg);
        transform: rotateX(-40deg);
        opacity: 1
    }

    65% {
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0
    }
}

.cd-headline.type .cd-words-wrapper {
    vertical-align: top;
    overflow: hidden
}

.cd-headline.type .cd-words-wrapper::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 90%;
    width: 1px;
    background-color: #aebcb9
}

.cd-headline.type .cd-words-wrapper.waiting::after {
    -webkit-animation: cd-pulse 1s infinite;
    -moz-animation: cd-pulse 1s infinite;
    animation: cd-pulse 1s infinite
}

.cd-headline.type .cd-words-wrapper.selected {
    background-color: #aebcb9
}

.cd-headline.type .cd-words-wrapper.selected::after {
    visibility: hidden
}

.cd-headline.type .cd-words-wrapper.selected b {
    color: #0d0d0d
}

.cd-headline.type b {
    visibility: hidden
}

.cd-headline.type b.is-visible {
    visibility: visible
}

.cd-headline.type i {
    position: absolute;
    visibility: hidden
}

.cd-headline.type i.in {
    position: relative;
    visibility: visible
}

@-webkit-keyframes cd-pulse {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(-50%) scale(.9);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(-50%) scale(0);
        opacity: 0
    }
}

@-moz-keyframes cd-pulse {
    0% {
        -moz-transform: translateY(-50%) scale(1);
        opacity: 1
    }

    40% {
        -moz-transform: translateY(-50%) scale(.9);
        opacity: 0
    }

    100% {
        -moz-transform: translateY(-50%) scale(0);
        opacity: 0
    }
}

@keyframes cd-pulse {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        -moz-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        -o-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(-50%) scale(.9);
        -moz-transform: translateY(-50%) scale(.9);
        -ms-transform: translateY(-50%) scale(.9);
        -o-transform: translateY(-50%) scale(.9);
        transform: translateY(-50%) scale(.9);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(-50%) scale(0);
        -moz-transform: translateY(-50%) scale(0);
        -ms-transform: translateY(-50%) scale(0);
        -o-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        opacity: 0
    }
}

.cd-headline.rotate-2 .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px
}

.cd-headline.rotate-2 em,
.cd-headline.rotate-2 i {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cd-headline.rotate-2 b {
    opacity: 0
}

.cd-headline.rotate-2 i {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
    opacity: 0
}

.is-visible .cd-headline.rotate-2 i {
    opacity: 1
}

.cd-headline.rotate-2 i.in {
    -webkit-animation: cd-rotate-2-in .4s forwards;
    -moz-animation: cd-rotate-2-in .4s forwards;
    animation: cd-rotate-2-in .4s forwards
}

.cd-headline.rotate-2 i.out {
    -webkit-animation: cd-rotate-2-out .4s forwards;
    -moz-animation: cd-rotate-2-out .4s forwards;
    animation: cd-rotate-2-out .4s forwards
}

.cd-headline.rotate-2 em {
    -webkit-transform: translateZ(20px);
    -moz-transform: translateZ(20px);
    -ms-transform: translateZ(20px);
    -o-transform: translateZ(20px);
    transform: translateZ(20px)
}

.no-csstransitions .cd-headline.rotate-2 i {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 0
}

.no-csstransitions .cd-headline.rotate-2 i em {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.no-csstransitions .cd-headline.rotate-2 .is-visible i {
    opacity: 1
}

@-webkit-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0)
    }
}

@-moz-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(90deg)
    }

    60% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(-10deg)
    }

    100% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0)
    }
}

@keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
        -moz-transform: translateZ(-20px) rotateX(90deg);
        -ms-transform: translateZ(-20px) rotateX(90deg);
        -o-transform: translateZ(-20px) rotateX(90deg);
        transform: translateZ(-20px) rotateX(90deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
        -moz-transform: translateZ(-20px) rotateX(-10deg);
        -ms-transform: translateZ(-20px) rotateX(-10deg);
        -o-transform: translateZ(-20px) rotateX(-10deg);
        transform: translateZ(-20px) rotateX(-10deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        -moz-transform: translateZ(-20px) rotateX(0);
        -ms-transform: translateZ(-20px) rotateX(0);
        -o-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0)
    }
}

@-webkit-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg)
    }
}

@-moz-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0)
    }

    60% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-100deg)
    }

    100% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-90deg)
    }
}

@keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        -moz-transform: translateZ(-20px) rotateX(0);
        -ms-transform: translateZ(-20px) rotateX(0);
        -o-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
        -moz-transform: translateZ(-20px) rotateX(-100deg);
        -ms-transform: translateZ(-20px) rotateX(-100deg);
        -o-transform: translateZ(-20px) rotateX(-100deg);
        transform: translateZ(-20px) rotateX(-100deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
        -moz-transform: translateZ(-20px) rotateX(-90deg);
        -ms-transform: translateZ(-20px) rotateX(-90deg);
        -o-transform: translateZ(-20px) rotateX(-90deg);
        transform: translateZ(-20px) rotateX(-90deg)
    }
}

.cd-headline.loading-bar span {
    display: inline-block;
    padding: .2em 0
}

.cd-headline.loading-bar .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top
}

.cd-headline.loading-bar .cd-words-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    background: var(--color-primary);
    z-index: 2;
    -webkit-transition: width .3s -.1s;
    -moz-transition: width .3s -.1s;
    transition: width .3s -.1s
}

.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
    width: 100%;
    -webkit-transition: width 3s;
    -moz-transition: width 3s;
    transition: width 3s
}

.cd-headline.loading-bar b {
    top: .2em;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.cd-headline.loading-bar b.is-visible {
    opacity: 1;
    top: 0
}

.cd-headline.slide span {
    display: inline-block
}

.cd-headline.slide .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top
}

.cd-headline.slide b {
    opacity: 0;
    top: .2em
}

.cd-headline.slide b.is-visible {
    top: 0;
    opacity: 1;
    -webkit-animation: slide-in .6s;
    -moz-animation: slide-in .6s;
    animation: slide-in .6s
}

.cd-headline.slide b.is-hidden {
    -webkit-animation: slide-out .6s;
    -moz-animation: slide-out .6s;
    animation: slide-out .6s
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(20%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%)
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(20%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(20%);
        -moz-transform: translateY(20%);
        -ms-transform: translateY(20%);
        -o-transform: translateY(20%);
        transform: translateY(20%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateY(120%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }
}

@-moz-keyframes slide-out {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }

    60% {
        opacity: 0;
        -moz-transform: translateY(120%)
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(100%)
    }
}

@keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateY(120%);
        -moz-transform: translateY(120%);
        -ms-transform: translateY(120%);
        -o-transform: translateY(120%);
        transform: translateY(120%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.cd-headline.clip span {
    display: inline-block
}

.cd-headline.clip .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top
}

.cd-headline.clip .cd-words-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: var(--color-gray-200)
}

.cd-headline.clip b {
    opacity: 0
}

.cd-headline.clip b.is-visible {
    opacity: 1
}

.cd-headline.zoom .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px
}

.cd-headline.zoom b {
    opacity: 0
}

.cd-headline.zoom b.is-visible {
    opacity: 1;
    -webkit-animation: zoom-in .8s;
    -moz-animation: zoom-in .8s;
    animation: zoom-in .8s
}

.cd-headline.zoom b.is-hidden {
    -webkit-animation: zoom-out .8s;
    -moz-animation: zoom-out .8s;
    animation: zoom-out .8s
}

@-webkit-keyframes zoom-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0)
    }
}

@-moz-keyframes zoom-in {
    0% {
        opacity: 0;
        -moz-transform: translateZ(100px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateZ(0)
    }
}

@keyframes zoom-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(100px);
        -moz-transform: translateZ(100px);
        -ms-transform: translateZ(100px);
        -o-transform: translateZ(100px);
        transform: translateZ(100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes zoom-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-100px)
    }
}

@-moz-keyframes zoom-out {
    0% {
        opacity: 1;
        -moz-transform: translateZ(0)
    }

    100% {
        opacity: 0;
        -moz-transform: translateZ(-100px)
    }
}

@keyframes zoom-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-100px);
        -moz-transform: translateZ(-100px);
        -ms-transform: translateZ(-100px);
        -o-transform: translateZ(-100px);
        transform: translateZ(-100px)
    }
}

.cd-headline.rotate-3 .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px
}

.cd-headline.rotate-3 b {
    opacity: 0
}

.cd-headline.rotate-3 i {
    display: inline-block;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.is-visible .cd-headline.rotate-3 i {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0)
}

.cd-headline.rotate-3 i.in {
    -webkit-animation: cd-rotate-3-in .6s forwards;
    -moz-animation: cd-rotate-3-in .6s forwards;
    animation: cd-rotate-3-in .6s forwards
}

.cd-headline.rotate-3 i.out {
    -webkit-animation: cd-rotate-3-out .6s forwards;
    -moz-animation: cd-rotate-3-out .6s forwards;
    animation: cd-rotate-3-out .6s forwards
}

.no-csstransitions .cd-headline.rotate-3 i {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 0
}

.no-csstransitions .cd-headline.rotate-3 .is-visible i {
    opacity: 1
}

@-webkit-keyframes cd-rotate-3-in {
    0% {
        -webkit-transform: rotateY(180deg)
    }

    100% {
        -webkit-transform: rotateY(0)
    }
}

@-moz-keyframes cd-rotate-3-in {
    0% {
        -moz-transform: rotateY(180deg)
    }

    100% {
        -moz-transform: rotateY(0)
    }
}

@keyframes cd-rotate-3-in {
    0% {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    100% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@-webkit-keyframes cd-rotate-3-out {
    0% {
        -webkit-transform: rotateY(0)
    }

    100% {
        -webkit-transform: rotateY(-180deg)
    }
}

@-moz-keyframes cd-rotate-3-out {
    0% {
        -moz-transform: rotateY(0)
    }

    100% {
        -moz-transform: rotateY(-180deg)
    }
}

@keyframes cd-rotate-3-out {
    0% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0)
    }

    100% {
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        transform: rotateY(-180deg)
    }
}

.cd-headline.scale b {
    opacity: 0
}

.cd-headline.scale i {
    display: inline-block;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.is-visible .cd-headline.scale i {
    opacity: 1
}

.cd-headline.scale i.in {
    -webkit-animation: scale-up .6s forwards;
    -moz-animation: scale-up .6s forwards;
    animation: scale-up .6s forwards
}

.cd-headline.scale i.out {
    -webkit-animation: scale-down .6s forwards;
    -moz-animation: scale-down .6s forwards;
    animation: scale-down .6s forwards
}

.no-csstransitions .cd-headline.scale i {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0
}

.no-csstransitions .cd-headline.scale .is-visible i {
    opacity: 1
}

@-webkit-keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    60% {
        -webkit-transform: scale(1.2);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes scale-up {
    0% {
        -moz-transform: scale(0);
        opacity: 0
    }

    60% {
        -moz-transform: scale(1.2);
        opacity: 1
    }

    100% {
        -moz-transform: scale(1);
        opacity: 1
    }
}

@keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    60% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes scale-down {
    0% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    60% {
        -webkit-transform: scale(0);
        opacity: 0
    }
}

@-moz-keyframes scale-down {
    0% {
        -moz-transform: scale(1);
        opacity: 1
    }

    60% {
        -moz-transform: scale(0);
        opacity: 0
    }
}

@keyframes scale-down {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    60% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

.cd-headline.push b {
    opacity: 0
}

.cd-headline.push b.is-visible {
    opacity: 1;
    -webkit-animation: push-in .6s;
    -moz-animation: push-in .6s;
    animation: push-in .6s
}

.cd-headline.push b.is-hidden {
    -webkit-animation: push-out .6s;
    -moz-animation: push-out .6s;
    animation: push-out .6s
}

@-webkit-keyframes push-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(10%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes push-in {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%)
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(10%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@keyframes push-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(10%);
        -moz-transform: translateX(10%);
        -ms-transform: translateX(10%);
        -o-transform: translateX(10%);
        transform: translateX(10%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes push-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateX(110%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%)
    }
}

@-moz-keyframes push-out {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }

    60% {
        opacity: 0;
        -moz-transform: translateX(110%)
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(100%)
    }
}

@keyframes push-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateX(110%);
        -moz-transform: translateX(110%);
        -ms-transform: translateX(110%);
        -o-transform: translateX(110%);
        transform: translateX(110%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.logo a {
    display: block
}

.logo a img {
    max-height: 32px;
    object-fit: cover
}

.rbt-header-top {
    position: relative
}

.rbt-header-middle {
    position: relative
}

.header-space-between {
    padding-left: 150px;
    padding-right: 150px
}

@media only screen and (min-width: 1600px) and (max-width:1919px) {
    .header-space-between {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .header-space-between {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .header-space-between {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .header-space-between {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (max-width: 767px) {
    .header-space-between {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (max-width: 575px) {
    .header-space-between {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0
    }
}

.rbt-information-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 0;
    list-style: none;
    margin: 0;
    flex-wrap: wrap
}

@media only screen and (max-width: 575px) {
    .rbt-information-list {
        margin-top: 8px
    }
}

.rbt-information-list li {
    margin: 2px 7px;
    color: var(--color-body)
}

.rbt-information-list li a {
    padding: 0;
    font-size: 14px;
    line-height: 22px;
    color: var(--color-body);
    display: flex;
    align-items: center;
    transition: .4s;
    font-weight: 400
}

.rbt-information-list li a i {
    margin-right: 10px;
    font-size: 14px;
    margin-top: 2px
}

.rbt-information-list li a span {
    margin-left: 4px
}

.rbt-information-list li a:hover {
    color: var(--color-primary)
}

.rbt-dropdown-menu-elastic {
    position: relative
}

.rbt-dropdown-menu-elastic li {
    margin: 0;
    list-style: none
}

.rbt-dropdown-menu-elastic li a {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-medium);
    display: inline-block;
    color: var(--color-heading);
    position: relative
}

.rbt-dropdown-menu-elastic li a .left-image {
    width: 16px;
    height: 16px;
    border-radius: var(--radius-full);
    margin-right: 5px
}

.rbt-dropdown-menu-elastic li a span {
    display: inline-block
}

.rbt-dropdown-menu-elastic li a .right-icon {
    display: inline-block;
    font-size: var(--font-size-b4);
    line-height: 1;
    margin-left: 4px
}

@media only screen and (max-width: 575px) {
    .rbt-dropdown-menu-elastic li a .right-icon {
        font-size: 10px
    }
}

.rbt-dropdown-menu-elastic li.has-child-menu {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    min-height: 49px
}

@media only screen and (max-width: 767px) {
    .rbt-dropdown-menu-elastic li.has-child-menu {
        min-height: 24px
    }
}

.rbt-dropdown-menu-elastic li .sub-menu {
    border-top: 1px solid rgba(230, 227, 241, .3098039216);
    background: #fff;
    box-shadow: var(--shadow-3);
    padding: 10px 0;
    margin: 0;
    list-style-type: none;
    z-index: 10;
    text-align: center;
    border-radius: var(--radius);
    min-width: 150px;
    padding-top: 35px;
    top: 5px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    clip-path: inset(0 0 100% 0 round 6px);
    transition: clip-path .6s var(--transition), background-color .6s var(--transition) !important;
    backdrop-filter: blur(5px);
    border: 1px solid var(--color-border)
}

.rbt-dropdown-menu-elastic li .sub-menu li a {
    margin: 2px 10px;
    padding: 4px 12px;
    background: 0 0;
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    justify-content: start;
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: 400
}

.rbt-dropdown-menu-elastic li .sub-menu li a.active,
.rbt-dropdown-menu-elastic li .sub-menu li a:hover {
    color: var(--color-white);
    background: var(--color-primary)
}

.rbt-dropdown-menu-elastic li.active-on-hover:hover>a {
    z-index: 25
}

.rbt-dropdown-menu-elastic li.active-on-hover:hover>a .right-icon {
    transform: rotate(180deg);
    margin-top: 2px
}

.rbt-dropdown-menu-elastic li.active-on-hover:hover .sub-menu {
    top: 5px;
    background-color: rgba(255, 255, 255, .8);
    clip-path: inset(-50% -50% -50% -50% round 6px)
}

.rbt-dropdown-menu-elastic li.active>a {
    z-index: 25
}

.rbt-dropdown-menu-elastic li.active>a .right-icon {
    transform: rotate(180deg);
    margin-top: 2px
}

.rbt-dropdown-menu-elastic li.active .sub-menu {
    top: 5px;
    background-color: rgba(255, 255, 255, .8);
    clip-path: inset(-50% -50% -50% -50% round 6px)
}

.rbt-header-common-sticky-activation .rbt-mainmenu-nav .mainmenu>li>a {
    height: 80px;
    line-height: 80px
}

header .rbt-round-btn::after {
    transform: scale(1)
}

header .rbt-round-btn:hover::after {
    transform: scale(1.1)
}

.rbt-bg-color-primary .rbt-dropdown-menu li a {
    color: var(--color-white) !important
}

.rbt-bg-color-primary .rbt-dropdown-menu li a:hover {
    color: var(--color-white)
}

.rbt-bg-color-primary .rbt-dropdown-menu li:hover a {
    color: var(--color-white)
}

.rbt-bg-color-primary .rbt-dropdown-menu li .sub-menu li a {
    color: var(--color-primary) !important
}

.rbt-bg-color-primary .rbt-dropdown-menu li .sub-menu li a:hover {
    background-color: var(--color-brand-200) !important
}

.rbt-bg-color-primary .rbt-dropdown-menu li .sub-menu li a.active {
    color: var(--color-white) !important
}

.rbt-bg-color-primary .rbt-dropdown-menu li .sub-menu li a.active:hover {
    background-color: var(--color-primary) !important
}

.rbt-bg-color-primary .rbt-quick-access>li>.rbt-round-btn {
    color: var(--color-white) !important;
    background: 0 0 !important
}

.rbt-bg-color-primary .rbt-quick-access>li>.rbt-round-btn::after {
    background: rgba(255, 255, 255, .15) !important;
    transform: scale(1)
}

.rbt-bg-color-primary .rbt-quick-access>li>.rbt-round-btn:hover::after {
    transform: scale(1.1)
}

.rbt-bg-color-primary .rbt-round-btn.rbt-bg-static-gray {
    color: var(--color-white) !important;
    background: 0 0 !important
}

.rbt-bg-color-primary .rbt-round-btn::after {
    background: rgba(255, 255, 255, .15) !important
}

.rbt-bg-color-primary .rbt-quick-access>li:hover>.rbt-round-btn {
    color: var(--color-brand-300)
}

.rbt-bg-color-primary .rbt-access-box .content p,
.rbt-bg-color-primary .rbt-access-box .content span {
    color: var(--color-brand-300)
}

.rbt-bg-color-primary .rbt-access-box .content a {
    color: var(--color-white)
}

.rbt-bg-color-primary .rbt-access-box .content a:hover {
    color: var(--color-brand-300)
}

.rbt-bg-color-primary .rbt-access-box.rbt-access-box-has-bg-hover .rbt-access-box-wrapper::before {
    background: rgba(255, 255, 255, .15) !important
}

.rbt-bg-color-gray-light .rbt-quick-access>li.rbt-contract-info .link-portion,
.rbt-bg-color-gray-light .rbt-quick-access>li.rbt-contract-info .text-portion,
.rbt-bg-color-gray-light .rbt-quick-access>li.rbt-contract-info .text-portion p,
.rbt-bg-color-white .rbt-quick-access>li.rbt-contract-info .link-portion,
.rbt-bg-color-white .rbt-quick-access>li.rbt-contract-info .text-portion,
.rbt-bg-color-white .rbt-quick-access>li.rbt-contract-info .text-portion p {
    color: var(--color-black)
}

.rbt-bg-color-gray-light .rbt-quick-access>li.rbt-contract-info .link-portion,
.rbt-bg-color-white .rbt-quick-access>li.rbt-contract-info .link-portion {
    background: var(--color-gray-100)
}

.rbt-header-sec {
    display: flex
}

@media only screen and (min-width: 1200px) {
    .rbt-header-sec {
        height: 100%
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-header-sec {
        height: 100%
    }
}

.rbt-header-sec .rbt-header-sec-col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.rbt-header-sec .rbt-header-sec-col .rbt-header-content {
    display: flex;
    align-items: center
}

.rbt-header-sec .rbt-header-left {
    text-align: left
}

.rbt-header-sec .rbt-header-left .rbt-header-content {
    justify-content: flex-start
}

.rbt-header-sec .rbt-header-right {
    text-align: right
}

.rbt-header-sec .rbt-header-right .rbt-header-content {
    justify-content: flex-end
}

.rbt-header-sec .rbt-header-center {
    text-align: center
}

.rbt-header-sec .rbt-header-center .rbt-header-content {
    justify-content: center
}

.rbt-header-sec.flex-row-reverse .rbt-header-left {
    text-align: right
}

.rbt-header-sec.flex-row-reverse .rbt-header-left .rbt-header-content {
    justify-content: flex-end
}

.rbt-header-sec.flex-row-reverse .rbt-header-right {
    text-align: left
}

.rbt-header-sec.flex-row-reverse .rbt-header-right .rbt-header-content {
    justify-content: flex-start
}

.rbt-header-wrapper .rbt-header-content {
    display: flex;
    align-items: center
}

.rbt-quick-access {
    display: flex;
    align-items: center;
    padding: 0;
    gap: 16px;
    margin: 0
}

@media only screen and (max-width: 1199px) {
    .rbt-quick-access {
        gap: 12px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-quick-access {
        gap: 8px
    }
}

.rbt-quick-access.has-bigger-gap {
    gap: 24px
}

.rbt-quick-access.has-smaller-gap {
    gap: 8px
}

.rbt-quick-access>li {
    margin: 0;
    display: flex;
    align-items: center
}

.rbt-quick-access>li>a,
.rbt-quick-access>li>button {
    color: var(--color-heading);
    font-size: 14px;
    font-weight: var(--f-medium);
    transition: var(--transition)
}

.rbt-quick-access>li .has-rbt-md-fsize {
    font-size: 18px
}

@media only screen and (max-width: 1199px) {
    .rbt-quick-access>li .has-rbt-md-fsize {
        font-size: var(--font-size-b2)
    }
}

.rbt-quick-access>li.rbt-access-box .rbt-round-btn {
    position: relative;
    z-index: 1;
    height: 36px;
    width: 36px;
    line-height: 36px;
    color: var(--color-heading);
    background: #e6e6e6;

}

.rbt-quick-access>li.rbt-access-box .rbt-round-btn.has-rbt-bg-black {
    background: var(--color-black);
    color: var(--color-white)
}

@media only screen and (max-width: 479px) {
    .rbt-quick-access>li.rbt-access-box .rbt-round-btn {
        height: 32px;
        width: 32px;
        line-height: 32px
    }
}

.rbt-quick-access>li.rbt-access-box .rbt-round-btn i {
    margin-right: 0
}

.rbt-quick-access>li.rbt-access-box.rbt-access-box-var-light-white .header-info+.header-info::before {
    background: rgba(255, 255, 255, .3) !important
}

.rbt-quick-access>li.rbt-access-box.rbt-access-box-var-light-white .rbt-dropdown-menu li .sub-menu li a {
    color: var(--color-primary) !important
}

.rbt-quick-access>li.rbt-access-box.rbt-access-box-var-light-white .rbt-dropdown-menu li .sub-menu li a.active,
.rbt-quick-access>li.rbt-access-box.rbt-access-box-var-light-white .rbt-dropdown-menu li .sub-menu li a.hover {
    color: var(--color-white) !important;
    background: var(--color-primary)
}

.rbt-quick-access>li.rbt-access-box.rbt-access-box-var-light-white .rbt-dropdown-menu-elastic li.has-child-menu:hover a {
    color: var(--color-primary) !important
}

.rbt-quick-access>li.rbt-contract-info {
    display: flex;
    gap: 12px
}

.rbt-quick-access>li.rbt-contract-info .text-portion {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-white);
    font-weight: var(--f-medium)
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-quick-access>li.rbt-contract-info .text-portion {
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4)
    }
}

.rbt-quick-access>li.rbt-contract-info .text-portion p {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-white)
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-quick-access>li.rbt-contract-info .text-portion p {
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4)
    }
}

.rbt-quick-access>li.rbt-contract-info .text-portion i {
    margin-top: 2px
}

.rbt-quick-access>li.rbt-contract-info .link-portion {
    padding: 4px 16px;
    border-radius: 40px;
    background: rgba(255, 255, 255, .15);
    color: var(--color-white);
    font-weight: 600;
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3)
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-quick-access>li.rbt-contract-info .link-portion {
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4)
    }
}

.rbt-quick-access>li.rbt-contract-info .link-portion:hover {
    background: rgba(255, 255, 255, .25)
}

.rbt-quick-access>li .header-info+.header-info {
    margin-left: 41px;
    position: relative
}

.rbt-quick-access>li .header-info+.header-info::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    height: 16px;
    width: 1px;
    background: var(--color-gray-200)
}

@media only screen and (min-width: 1200px) and (max-width:1599px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-quick-access>li .header-info+.header-info::before {
        left: -8px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1599px),
only screen and (max-width:1199px) {
    .rbt-quick-access>li .header-info+.header-info {
        margin-left: 16px !important
    }
}

.rbt-quick-access>li.without-separator .header-info+.header-info {
    margin-left: 32px
}

.rbt-quick-access>li.without-separator .header-info+.header-info::before {
    display: none
}

.rbt-quick-access>li.rbt-access-box-link>a {
    display: flex;
    gap: 8px;
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    align-items: center;
    color: var(--color-white);
    font-weight: var(--f-medium)
}

.rbt-quick-access>li.rbt-access-box-link>a i {
    line-height: 24px;
    font-size: var(--font-size-b2)
}

.rbt-quick-access>li:hover .rbt-round-btn::before {
    scale: 1;
    opacity: 1;
    visibility: visible
}

.rbt-access-box-link .header-info:hover i,
.rbt-access-box-link .header-info:hover span {
    color: #fff503
}

.rbt-bg-color-primary .rbt-quick-access.rbt-quick-access-var-one>li>a {
    background: 0 0
}

.rbt-bg-color-primary .rbt-quick-access.rbt-quick-access-var-one>li:hover>a {
    color: var(--color-white)
}

.rbt-access-box.rbt-access-box-has-bg-hover .rbt-access-box-wrapper {
    cursor: pointer;
    background: 0 0;
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 1199px) {
    .rbt-access-box.rbt-access-box-has-bg-hover .rbt-access-box-wrapper {
        padding: 0
    }
}

.rbt-access-box.rbt-access-box-has-bg-hover .rbt-access-box-wrapper::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    height: 100%;
    width: 100%;
    background: var(--color-gray-100);
    transition: var(--transition);
    border-radius: 60px;
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.rbt-access-box.rbt-access-box-has-bg-hover .rbt-access-box-wrapper:hover::before {
    transform: translate(-50%, -50%);
    height: calc(100% + 16px);
    width: calc(100% + 16px);
    opacity: 1;
    visibility: visible
}

.rbt-access-box.rbt-access-box-has-bg-hover.rbt-access-box-has-bg-hover-white .rbt-access-box-wrapper::before {
    background: var(--color-white)
}

.rbt-search-with-category select {
    height: 100%;
    border: 0 none;
    width: 170px;
    font-size: 14px;
    font-weight: var(--f-medium);
    background-color: transparent;
    padding: 3px 20px
}

.rbt-search-with-category .search-by-category {
    height: 100%;
    position: relative;
    flex: 1 1 0px
}

.rbt-search-with-category .rbt-inner-search-field {
    width: 80%
}

.rbt-inner-search-field,
.rbt-search-field,
.rbt-search-with-category {
    display: flex;
    align-items: center;
    border: 0;
    height: 38px;
    border-radius: 500px
}

.rbt-inner-search-field.style-one,
.rbt-search-field.style-one,
.rbt-search-with-category.style-one {
    max-width: 722px;
    width: 100%
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {

    .rbt-inner-search-field.style-one,
    .rbt-search-field.style-one,
    .rbt-search-with-category.style-one {
        max-width: 500px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {

    .rbt-inner-search-field.style-one,
    .rbt-search-field.style-one,
    .rbt-search-with-category.style-one {
        max-width: 500px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {

    .rbt-inner-search-field.style-one,
    .rbt-search-field.style-one,
    .rbt-search-with-category.style-one {
        max-width: 400px
    }
}

@media only screen and (max-width: 767px) {

    .rbt-inner-search-field.style-one,
    .rbt-search-field.style-one,
    .rbt-search-with-category.style-one {
        max-width: 280px
    }
}

.rbt-inner-search-field.style-one.rbt-search-field-rounded input,
.rbt-search-field.style-one.rbt-search-field-rounded input,
.rbt-search-with-category.style-one.rbt-search-field-rounded input {
    border-radius: 60px
}

.rbt-inner-search-field .rbt-modern-select .bootstrap-select button.btn-light,
.rbt-search-field .rbt-modern-select .bootstrap-select button.btn-light,
.rbt-search-with-category .rbt-modern-select .bootstrap-select button.btn-light {
    border: 0 none;
    box-shadow: none;
    height: inherit;
    padding: 10px 20px;
    border-radius: inherit;
    line-height: 23px;
    padding-right: 40px;
    background-color: transparent;
    border-right: 2px solid var(--color-gray-200)
}

.rbt-inner-search-field .rbt-modern-select .bootstrap-select .dropdown-menu,
.rbt-search-field .rbt-modern-select .bootstrap-select .dropdown-menu,
.rbt-search-with-category .rbt-modern-select .bootstrap-select .dropdown-menu {
    max-width: 200px;
    width: 200px
}

.rbt-inner-search-field .rbt-inner-search-field .search-btn::after,
.rbt-search-field .rbt-inner-search-field .search-btn::after,
.rbt-search-with-category .rbt-inner-search-field .search-btn::after {
    display: none
}

.rbt-inner-search-field.uni-header-swc-one,
.rbt-search-field.uni-header-swc-one,
.rbt-search-with-category.uni-header-swc-one {
    border: 0;
    height: auto;
    border-radius: unset
}

@media only screen and (max-width: 767px) {

    .rbt-inner-search-field.uni-header-swc-one,
    .rbt-search-field.uni-header-swc-one,
    .rbt-search-with-category.uni-header-swc-one {
        display: none
    }
}

.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field,
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field {
    gap: 12px;
    width: 100%
}

.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .search-btn,
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .search-btn,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .search-btn {
    position: unset;
    transform: none;
    height: 42px;
    width: auto;
    padding: 0 24px;
    border-radius: var(--radius);
    background: var(--color-black);
    color: var(--color-gray-300);
    font-size: var(--font-size-b1)
}

.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .search-btn i,
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .search-btn i,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .search-btn i {
    transition: var(--transition);
    transform: scale(.9)
}

.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .search-btn:hover i,
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .search-btn:hover i,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .search-btn:hover i {
    color: var(--color-white);
    transform: scale(1)
}

.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field input,
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field input,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field input {
    width: 100%;
    min-width: 448px
}

@media only screen and (min-width: 1600px) and (max-width:1919px) {

    .rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field input,
    .rbt-search-field.uni-header-swc-one .rbt-inner-search-field input,
    .rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field input {
        min-width: 387px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {

    .rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field input,
    .rbt-search-field.uni-header-swc-one .rbt-inner-search-field input,
    .rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field input {
        min-width: 350px
    }
}

.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .search-by-category,
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .search-by-category,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .search-by-category {
    position: absolute
}

.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section,
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section {
    position: relative;
    background: var(--color-white);
    border: 2px solid var(--color-gray-200);
    border-radius: var(--radius)
}

.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 140px;
    max-width: 140px
}

.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .search-by-category::after,
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .search-by-category::after,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .search-by-category::after {
    background: var(--color-gray-200);
    width: 2px;
    height: 100%
}

.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .rbt-modern-select .bootstrap-select button.btn-light,
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .rbt-modern-select .bootstrap-select button.btn-light,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .rbt-modern-select .bootstrap-select button.btn-light {
    padding: 0 16px;
    padding-right: 32px;
    color: var(--color-heading);
    font-weight: var(--f-medium);
    font-size: var(--font-size-b3);
    line-height: 38px
}

.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .dropdown-menu .form-control,
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .dropdown-menu .form-control,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section .dropdown-menu .form-control {
    min-width: unset;
    padding-left: 8px;
    padding-right: 8px
}

.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-left-catagory-section input,
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-left-catagory-section input,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-left-catagory-section input {
    padding-left: 156px;
    padding-right: 16px
}

.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-left-catagory-section .search-by-category,
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-left-catagory-section .search-by-category,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-left-catagory-section .search-by-category {
    top: 0;
    left: 0
}

.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section input,
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section input,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section input {
    padding-right: 156px;
    padding-left: 16px
}

.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .search-by-category,
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .search-by-category,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .search-by-category {
    top: 0;
    right: 0;
    left: unset
}

.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .cd-headline,
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .cd-headline,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .cd-headline {
    left: 16px
}

.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .search-by-category::after,
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .search-by-category::after,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .search-by-category::after {
    right: unset;
    left: 0
}

.rbt-inner-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .bootstrap-select button.btn-light,
.rbt-search-field.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .bootstrap-select button.btn-light,
.rbt-search-with-category.uni-header-swc-one .rbt-inner-search-field .rbt-search-input-section.has-right-catagory-section .bootstrap-select button.btn-light {
    border-right: 0;
    border-left: 2px solid var(--color-gray-200)
}

.rbt-inner-search-field.uni-header-swc-one input,
.rbt-search-field.uni-header-swc-one input,
.rbt-search-with-category.uni-header-swc-one input {
    border: 0
}

.rbt-inner-search-field.uni-header-swc-one.uni-header-swc-lg input,
.rbt-search-field.uni-header-swc-one.uni-header-swc-lg input,
.rbt-search-with-category.uni-header-swc-one.uni-header-swc-lg input {
    width: 100%;
    max-width: 667px
}

@media only screen and (min-width: 1600px) {

    .rbt-inner-search-field.uni-header-swc-one.uni-header-swc-lg input,
    .rbt-search-field.uni-header-swc-one.uni-header-swc-lg input,
    .rbt-search-with-category.uni-header-swc-one.uni-header-swc-lg input {
        min-width: 667px
    }
}

.rbt-inner-search-field.uni-header-swc-one.uni-header-swc-md input,
.rbt-search-field.uni-header-swc-one.uni-header-swc-md input,
.rbt-search-with-category.uni-header-swc-one.uni-header-swc-md input {
    width: 100%;
    max-width: 492px
}

@media only screen and (min-width: 1600px) {

    .rbt-inner-search-field.uni-header-swc-one.uni-header-swc-md input,
    .rbt-search-field.uni-header-swc-one.uni-header-swc-md input,
    .rbt-search-with-category.uni-header-swc-one.uni-header-swc-md input {
        min-width: 492px
    }
}

.rbt-inner-search-field.uni-header-swc-one.uni-header-swc-xl input,
.rbt-search-field.uni-header-swc-one.uni-header-swc-xl input,
.rbt-search-with-category.uni-header-swc-one.uni-header-swc-xl input {
    width: 100%;
    max-width: 970px;
    min-width: 640px !important
}

@media screen and (min-width: 1200px) and (max-width:1399px) {

    .rbt-inner-search-field.uni-header-swc-one.uni-header-swc-xl input,
    .rbt-search-field.uni-header-swc-one.uni-header-swc-xl input,
    .rbt-search-with-category.uni-header-swc-one.uni-header-swc-xl input {
        min-width: 300px !important
    }
}

@media screen and (min-width: 1400px) and (max-width:1919px) {

    .rbt-inner-search-field.uni-header-swc-one.uni-header-swc-xl input,
    .rbt-search-field.uni-header-swc-one.uni-header-swc-xl input,
    .rbt-search-with-category.uni-header-swc-one.uni-header-swc-xl input {
        min-width: 640px !important
    }
}

.rbt-inner-search-field input {
    height: 38px;
    box-shadow: none;
    padding: 0 24px;
    padding-right: 65px;
    line-height: 38px
}

.rbt-inner-search-field.filed-solid input {
    background: var(--color-gray-light)
}

.rbt-inner-search-field.rbt-search-field-box-style {
    border-radius: 8px
}

.rbt-inner-search-field.rbt-search-field-box-style input {
    padding-left: 16px;
    padding-right: 50px;
    background-color: var(--color-white)
}

.rbt-inner-search-field.rbt-search-field-box-style .rbt-round-btn {
    border-radius: 4px;
    color: var(--color-gray-300);
    background: var(--color-gray-100);
    right: 6px;
    height: 28px;
    width: 28px;
    overflow: hidden
}

.rbt-inner-search-field.rbt-search-field-box-style .rbt-round-btn:hover {
    color: var(--color-white)
}

.rbt-inner-search-field.rbt-search-field-box-style .rbt-round-btn:hover::after {
    background-color: var(--color-primary);
    border-radius: 4px;
    transform: scale(1.045)
}

.rbt-inner-search-field.rbt-search-field-round-style input {
    padding: 8px;
    border-radius: 40px
}

.rbt-inner-search-field.rbt-search-field-round-style input .search-btn {
    right: 5px
}

.rbt-inner-search-field.rbt-search-field-sm-width {
    width: 312px
}

.rbt-inner-search-field.rbt-search-field-lg-width {
    width: 637px
}

.rbt-offcanvas-trigger-btn {
    background: 0 0;
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    color: var(--color-heading);
    height: 36px;
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1
}

.rbt-offcanvas-trigger-btn::after {
    background: var(--color-gray-200);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: var(--transition);
    transform: scale(1);
    border-radius: var(--radius);
    z-index: -1
}

.rbt-offcanvas-trigger-btn:hover::after {
    transform: scale(1.1)
}

.rbt-offcanvas-trigger-btn:active::after {
    transform: scale(1)
}

.rbt-offcanvas-trigger-btn:active {
    color: var(--color-primary)
}

.rbt-offcanvas-trigger-btn:active::after {
    background: var(--color-gray-200)
}

.rbt-offcanvas-trigger-btn.rbt-offcanvas-trigger-transparent-btn {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1)
}

.rbt-offcanvas-trigger-btn.rbt-offcanvas-trigger-transparent-btn::after {
    background: 0 0;
    transform: scale(.8)
}

.rbt-offcanvas-trigger-btn.rbt-offcanvas-trigger-transparent-btn:hover {
    color: var(--color-primary)
}

.rbt-offcanvas-trigger-btn.rbt-offcanvas-trigger-transparent-btn:hover::after {
    background: var(--color-gray-200);
    transform: scale(1.05)
}

.rbt-btn-transparent {
    background: 0 0;
    padding: 0;
    border-radius: unset;
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    display: flex;
    align-items: center;
    gap: 8px;
    border: 0
}

.rbt-inner-search-field,
.rbt-inner-search-field-one {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1
}

.rbt-inner-search-field input,
.rbt-inner-search-field-one input {
    box-shadow: none
}

.rbt-inner-search-field .search-btn,
.rbt-inner-search-field-one .search-btn {
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translateY(-50%);
    height: 32px;
    width: 32px;
    border-radius: var(--radius-full);
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-gray-100);
    color: var(--color-gray-300);
    font-size: var(--font-size-b3);
    transition: var(--transition)
}

.rbt-inner-search-field .search-btn::after,
.rbt-inner-search-field-one .search-btn::after {
    top: 2px;
    left: 2px;
    height: calc(100% - 4px);
    width: calc(100% - 4px)
}

.rbt-inner-search-field .search-btn:hover,
.rbt-inner-search-field-one .search-btn:hover {
    color: var(--color-white)
}

.rbt-inner-search-field .search-btn:hover::after,
.rbt-inner-search-field-one .search-btn:hover::after {
    transform: scale(1);
    background: var(--color-primary)
}

.rbt-inner-search-field .search-btn.search-btn-dark,
.rbt-inner-search-field-one .search-btn.search-btn-dark {
    background: var(--color-black);
    color: var(--color-white)
}

@media only screen and (max-width: 767px) {
    .rbt-search-with-category .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 139px
    }

    .rbt-search-with-category .rbt-inner-search-field input {
        padding-right: 34px;
        font-size: 13px;
        padding-left: 12px
    }

    .rbt-search-with-category .rbt-modern-select .bootstrap-select button.btn-light {
        font-size: 13px;
        padding-right: 25px
    }

    .rbt-search-with-category .filter-select select {
        min-width: 139px
    }
}

.rbt-admin-profile {
    display: flex;
    align-items: center
}

.rbt-admin-profile .admin-thumbnail {
    margin-right: 12px
}

.rbt-admin-profile .admin-thumbnail img {
    width: 52px;
    min-width: 52px;
    height: 52px;
    border-radius: var(--radius-full);
    border: 2px solid var(--color-brand-200);
    box-shadow: var(--shadow-1);
    padding: 3px
}

.rbt-admin-profile .admin-info .name {
    color: var(--color-heading);
    font-weight: var(--f-medium);
    display: block;
    line-height: 1;
    margin-bottom: 2px
}

.rbt-user-menu-list-wrapper .user-list-wrapper {
    margin: 0 -12px
}

.rbt-user-menu-list-wrapper .user-list-wrapper li {
    margin: 0
}

.rbt-user-menu-list-wrapper .user-list-wrapper li a {
    display: flex;
    padding: 5px 12px;
    align-items: center;
    border-radius: 3px;
    color: var(--color-body)
}

.rbt-user-menu-list-wrapper .user-list-wrapper li a i,
.rbt-user-menu-list-wrapper .user-list-wrapper li a img {
    max-height: 17px;
    margin-right: 7px
}

.rbt-user-menu-list-wrapper .user-list-wrapper li a i {
    font-size: 17px
}

.rbt-user-menu-list-wrapper .user-list-wrapper li a span {
    font-size: 14px
}

.rbt-user-menu-list-wrapper .user-list-wrapper li:hover a {
    color: var(--color-primary);
    background: var(--color-brand-100)
}

.rbt-user-wrapper {
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 575px) {
    .rbt-user-wrapper {
        position: static
    }
}

.rbt-user-wrapper .rbt-user-menu-list-wrapper {
    background: var(--color-white);
    min-width: 250px;
    border-radius: 0 0 10px 10px;
    background-color: var(--color-white);
    box-shadow: var(--shadow-1);
    border-top: 1px solid rgba(230, 227, 241, .3098039216)
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-user-wrapper .rbt-user-menu-list-wrapper {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-user-wrapper .rbt-user-menu-list-wrapper {
        left: auto;
        right: 0
    }
}

@media only screen and (max-width: 767px) {
    .rbt-user-wrapper .rbt-user-menu-list-wrapper {
        left: auto;
        right: 0
    }
}

@media only screen and (max-width: 575px) {
    .rbt-user-wrapper .rbt-user-menu-list-wrapper {
        left: 20px;
        right: 20px;
        width: auto
    }
}

.rbt-user-wrapper .rbt-user-menu-list-wrapper .inner {
    padding: 20px
}

.rbt-user-wrapper .rbt-user-menu-list-wrapper .inner hr {
    margin-left: -20px;
    margin-right: -20px
}

.rbt-user-wrapper .rbt-user-menu-list-wrapper .inner .rbt-admin-profile {
    padding-bottom: 20px
}

.rbt-user-wrapper.right-align-dropdown .rbt-user-menu-list-wrapper {
    right: 0;
    left: auto
}

@media only screen and (max-width: 575px) {
    .rbt-user-wrapper.right-align-dropdown .rbt-user-menu-list-wrapper {
        right: 20px;
        left: 20px;
        width: auto
    }
}

.rbt-access-box {
    position: relative
}

.rbt-access-box .rbt-access-box-wrapper {
    display: flex;
    align-items: center
}

.rbt-access-box .access-box-count {
    position: absolute;
    top: -6px;
    z-index: 2;
    min-width: 19px;
    width: 19px;
    height: 19px;
    background: var(--color-secondary);
    border-radius: var(--radius-full);
    font-size: 10px;
    text-align: center;
    display: inline-block;
    color: #fff;
    padding: 0 4px 0 4px;
    line-height: 19px;
    right: -5px;
    font-weight: var(--f-medium)
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-access-box .access-box-count {
        top: 0;
        right: -5px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-access-box .access-box-count {
        font-weight: var(--f-medium);
        right: 1px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-access-box .access-box-count {
        top: -7px;
        right: -4px
    }
}

.rbt-access-box .content {
    margin-left: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left
}

@media only screen and (max-width: 1199px) {}

.rbt-access-box .content p {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    color: var(--color-gray-400);
    margin: 0;
    font-weight: var(--f-medium)
}

.rbt-access-box .content span.title-text {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-black);
    font-weight: var(--f-semi-bold);
    margin: 0
}

.rbt-access-box .content span {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-semi-bold);
    color: var(--color-black)
}

.rbt-access-box .content a {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-black);
    font-weight: var(--f-semi-bold);
    margin: 0
}

.rbt-access-box .content a:hover {
    color: var(--color-primary)
}

.rbt-catagories-list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px 72px;
    list-style: none;
    padding: 0;
    margin: 0
}

.rbt-catagories-list li {
    margin: 0
}

.rbt-single-catagory-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: center;
    position: relative;
    z-index: 1
}

.rbt-single-catagory-item i {
    font-size: 26px;
    line-height: 36px;
    color: var(--color-gray-400);
    transition: var(--transition)
}

.rbt-single-catagory-item .text {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-medium);
    color: var(--color-gray-600);
    transition: var(--transition)
}

.rbt-single-catagory-item:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--color-gray-100);
    height: calc(100% + 8px);
    width: calc(100% + 16px);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    border-radius: 12px;
    transition: var(--transition)
}

.rbt-single-catagory-item:hover .text,
.rbt-single-catagory-item:hover i {
    color: var(--color-primary)
}

.rbt-single-catagory-item:hover:after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1.2)
}

.rbt-header-bottom.rbt-header-bottom-1 {
    padding: 16px 0
}

.rbt-header .rbt-header-wrapper.rbt-sticky .rbt-topbar-section.rbt-topbar-one {
    display: none
}

.rbt-header-catagories-var-one {
    gap: 20px 60px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-header-catagories-var-one {
        gap: 20px 30px
    }
}

.rbt-header-catagories-var-one .rbt-single-catagory-item {
    flex-direction: row;
    padding: 2px 16px;
    border-radius: 4px;
    gap: 4px
}

.rbt-header-catagories-var-one .rbt-single-catagory-item i {
    font-size: 18px;
    color: var(--color-primary)
}

.rbt-header-catagories-var-one .rbt-single-catagory-item.active,
.rbt-header-catagories-var-one .rbt-single-catagory-item:hover {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-header-catagories-var-one .rbt-single-catagory-item.active .text,
.rbt-header-catagories-var-one .rbt-single-catagory-item.active i,
.rbt-header-catagories-var-one .rbt-single-catagory-item:hover .text,
.rbt-header-catagories-var-one .rbt-single-catagory-item:hover i {
    color: var(--color-white)
}

.rbt-header-13 .rbt-header-13-mainbar {
    padding-left: 100px;
    padding-right: 100px;
    height: 100%;
    min-height: 94px;
    z-index: 3
}

@media only screen and (max-width: 1199px) {
    .rbt-header-13 .rbt-header-13-mainbar {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-header-13 .rbt-header-13-mainbar {
        padding-left: 20px;
        padding-right: 20px;
        min-height: 80px
    }
}

.rbt-header-13 .header-left {
    --rbt-height-curved-decr: 16px;
    height: 100%;
    align-items: center;
    display: flex;
    position: relative
}

.rbt-header-13 .header-left::before {
    background: var(--color-brand-300);
    content: "";
    width: calc(100% + 120px);
    height: calc(100% - var(--rbt-height-curved-decr));
    position: absolute;
    left: -100px;
    bottom: 0;
    z-index: -1;
    border-top-left-radius: 24px
}

@media only screen and (max-width: 1199px) {
    .rbt-header-13 .header-left::before {
        left: -50px;
        width: calc(100% + 70px)
    }
}

@media only screen and (max-width: 479px) {
    .rbt-header-13 .header-left::before {
        left: -20px;
        width: calc(100% + 10px)
    }
}

.rbt-header-13 .header-left::after {
    content: "";
    position: absolute;
    height: calc(100% - var(--rbt-height-curved-decr));
    width: 69px;
    left: calc(100% + 18px);
    bottom: 0;
    background-image: url(../images/section-title/banner-curved-right.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -2
}

@media only screen and (max-width: 479px) {
    .rbt-header-13 .header-left::after {
        left: calc(100% - 10px);
        width: 55px
    }
}

.rbt-header-13 .header-left .rbt-offcanvas-trigger-btn {
    padding: 0;
    font-size: 18px;
    line-height: 1.5
}

.rbt-header-13 .header-left .rbt-offcanvas-trigger-btn::after {
    background: 0 0
}

.rbt-header-13 .header-left .rbt-header-content {
    align-items: center
}

.rbt-header-wrapper-three.rbt-header-wrapper-one {
    padding: 0
}

.rbt-header-wrapper-three.rbt-header-wrapper-one .rbt-header-middle-one {
    min-height: 100px
}

@media only screen and (max-width: 767px) {
    .rbt-header-wrapper-three.rbt-header-wrapper-one .rbt-header-middle-one {
        min-height: 68px
    }

}

.rbt-header-13 .rbt-header-common-sticky-activation .header-left::after,
.rbt-header-13 .rbt-header-common-sticky-activation .header-left::before {
    display: none
}

.rbt-header-cat-link-section .rbt-cat-link-title {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-heading);
    font-weight: 600
}

.rbt-header-cat-link-section .rbt-cat-link-wrapper li {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3)
}

.rbt-header-cat-link-section .rbt-cat-link-wrapper .rbt-cat-link {
    padding: 6px 12px;
    border-radius: 54px;
    background: 0 0;
    color: var(--color-gray-400)
}

.rbt-header-cat-link-section .rbt-cat-link-wrapper .rbt-cat-link.active,
.rbt-header-cat-link-section .rbt-cat-link-wrapper .rbt-cat-link:hover {
    background: var(--color-black);
    color: var(--color-white)
}

.rbt-header-2 .rbt-header-wrapper-one {
    padding: 0 !important
}

.rbt-header-bottom-2 {
    padding: 12px 0
}

.rbt-header-common-sticky-activation {
    opacity: 0;
    visibility: hidden;
    height: 0;
    align-items: center;
    display: flex;
    width: 0
}

.rbt-header-common-sticky-activation.rbt-sticky {
    position: fixed;
    height: auto;
    top: 0;
    left: 0;
    background-color: var(--color-white);
    width: 100%;
    animation: stickySlideDown .65s cubic-bezier(.23, 1, .32, 1) both;
    z-index: 99;
    box-shadow: var(--shadow-1);
    opacity: 1;
    visibility: visible;
    flex-direction: column
}

@keyframes headerSticky {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes stickySlideDown {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

.rbt-megamenu-wrapper .rbt-brand.style-five .rbt-brand-inner .brand-title {
    font-size: var(--font-size-b4);
    line-height: 1
}

.rbt-header-3 .rbt-header-middle {
    border-top: 2px solid var(--color-gray-100)
}

.rbt-header-10 .rbt-header-wrapper .logo,
.rbt-header-3 .rbt-header-wrapper .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.rbt-header-10 .rbt-header-middle-one {
    position: relative;
    border-bottom: 1px solid var(--color-gray-200)
}

.rbt-header-2 .rbt-header-wrapper-one .rbt-header-middle-one {
    min-height: 90px
}

@media only screen and (max-width: 1199px) {
    .rbt-header-2 .rbt-header-wrapper-one .rbt-header-middle-one {
        min-height: 76px
    }
}

.rbt-header-mid-3 .rbt-header-sec {
    min-height: 76px
}

.rbt-header-nav-effect-activation {
    position: relative
}

.rbt-header-nav-effect-activation .transp-link {
    position: relative;
    z-index: 3
}

.rbt-header-nav-effect-activation .rbt-bg-highlight {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: var(--color-white);
    border-radius: 8px;
    transition: width .3s, left .3s;
    z-index: 0;
    border-radius: 40px;
    opacity: 0;
    visibility: hidden;
    transition: .3s
}

.rbt-header-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav.active,
.rbt-header-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav:hover {
    background: 0 0
}

.rbt-header-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav:hover {
    color: var(--color-gray-400)
}

.rbt-header-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav.active:hover {
    color: var(--color-heading)
}

.rbt-header-nav-effect-activation.rbt-product-nav-var-primary .rbt-product-nav-grp li .rbt-product-nav.active {
    color: var(--color-white)
}

.rbt-header-nav-effect-activation.rbt-product-nav-var-primary .rbt-product-nav-grp li .rbt-product-nav.active:hover {
    color: var(--color-white)
}

.rbt-header-nav-effect-activation.rbt-product-nav-var-primary .rbt-product-nav-grp li .rbt-product-nav:hover {
    color: var(--color-primary)
}

.rbt-header-nav-effect-activation.rbt-product-nav-var-primary .rbt-bg-highlight {
    background: var(--color-primary)
}

.rbt-header-nav-effect-activation.rbt-product-nav-var-black .rbt-product-nav-grp li .rbt-product-nav.active {
    color: var(--color-white)
}

.rbt-header-nav-effect-activation.rbt-product-nav-var-black .rbt-product-nav-grp li .rbt-product-nav.active:hover {
    color: var(--color-white)
}

.rbt-header-nav-effect-activation.rbt-product-nav-var-black .rbt-bg-highlight {
    background: var(--color-black)
}

.rbt-category-update.rbt-category-update-var-modern {
    --content-width: 220px;
    z-index: 2
}

.rbt-category-update.rbt-category-update-var-modern .rbt-update-category-dropdown {
    min-width: var(--content-width);
    padding-top: 44px;
    top: 0;
    transform: translateY(16px);
    border-radius: 6px;
    transform: translateX(-16px)
}

.rbt-category-update.rbt-category-update-var-modern .rbt-btn-transparent {
    z-index: 2;
    transition: all .4s ease-in-out
}

.rbt-category-update.rbt-category-update-var-modern .rbt-dropdown-parent-wrapper {
    border-top: 1px solid var(--color-border)
}

.rbt-category-update.rbt-category-update-var-modern:hover .rbt-update-category-dropdown {
    top: 0;
    transform: translateY(0) translateX(-16px)
}

.rbt-header .rbt-header-mid-3 .rbt-mainmenu-nav .mainmenu>li {
    height: 76px;
    line-height: 76px
}

.rbt-header .rbt-sticky .rbt-mainmenu-nav .mainmenu>li {
    height: 72px;
    line-height: 72px
}

.rbt-header-10 .mainbar-row {
    min-height: 64px !important
}

.rbt-header.rbt-header-tr-white .rbt-access-box .content span,
.rbt-header.rbt-header-tr-white .rbt-mainmenu-nav .mainmenu>li>a,
.rbt-header.rbt-header-tr-white .rbt-quick-access>li.rbt-access-box .rbt-round-btn {
    color: var(--color-white)
}

.rbt-header.rbt-header-tr-white .rbt-dropdown-menu-elastic li.active .sub-menu {
    background: rgba(255, 255, 255, .3);
    border-color: rgba(255, 255, 255, .3)
}

.rbt-header.rbt-header-tr-white .rbt-dropdown-menu-elastic li a {
    color: var(--color-white)
}

.rbt-header.rbt-header-tr-white .rbt-round-btn::after {
    background: rgba(255, 255, 255, .3)
}

.rbt-header.rbt-header-tr-white.rbt-header-10 .rbt-header-middle-one {
    border-color: rgba(255, 255, 255, .3)
}

.rbt-header .rbt-header-common-sticky-activation .rbt-access-box .content span,
.rbt-header .rbt-header-common-sticky-activation .rbt-dropdown-menu-elastic li a,
.rbt-header .rbt-header-common-sticky-activation .rbt-mainmenu-nav .mainmenu>li>a,
.rbt-header .rbt-header-common-sticky-activation .rbt-quick-access>li.rbt-access-box .rbt-round-btn {
    color: var(--color-heading)
}

.header-transparent .mainbar-row .rbt-mainmenu-nav .mainmenu>li {
    height: 86px;
    line-height: 86px
}

.header-transparent .mainbar-row .rbt-megamenu-wrapper {
    margin-top: 0
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (max-width:767px) {
    .splash-hcs-btn {
        padding: 0 16px;
        border-radius: 4px !important;
        width: 32px !important;
        height: 32px !important;
        line-height: 32px !important;
        padding: 0 !important;
        justify-content: center;
        display: flex !important;
        align-items: center
    }

    .splash-hcs-btn .text {
        display: none
    }

    .splash-hcs-btn .icon-left {
        margin-left: 0 !important;
        opacity: 1 !important
    }

    .splash-hcs-btn .icon-left i {
        margin-right: 0 !important
    }

    .splash-hcs-btn .icon-right {
        display: none
    }
}

@media only screen and (max-width: 479px) {
    .rbt-header .rbt-quick-access>li.rbt-access-box .rbt-round-btn {
        background: var(--color-gray-200) !important
    }
}

.rbt-transparent-header .rbt-header-top {
    border-color: #525260
}

.rbt-topbar-one .rbt-address-content {
    display: flex
}

.rbt-topbar-one.topbar-bg--primary {
    background: var(--color-primary)
}

.rbt-topbar-one.rbt-bg-color-primary .rbt-fancy-item.fancy-menu-text p {
    color: var(--color-white)
}

.rbt-topbar-one.rbt-bg-color-primary .rbt-fancy-item.fancy-menu-text p a {
    color: var(--color-white)
}

.rbt-topbar-one.rbt-bg-color-primary .rbt-quick-access>li.rbt-access-box .rbt-access-link {
    color: var(--color-white)
}

.rbt-fancy-item {
    display: flex;
    align-items: center;
    white-space: nowrap
}

.rbt-fancy-item.fancy-menu-start {
    justify-content: flex-start
}

.rbt-fancy-item.fancy-menu-end {
    justify-content: flex-end
}

.rbt-fancy-item.fancy-menu-center {
    justify-content: center
}

.rbt-fancy-item.fancy-menu-text .rbt-fancy-text,
.rbt-fancy-item.fancy-menu-text p {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-heading)
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {

    .rbt-fancy-item.fancy-menu-text .rbt-fancy-text,
    .rbt-fancy-item.fancy-menu-text p {
        font-size: 12px
    }
}

@media only screen and (max-width: 575px) {

    .rbt-fancy-item.fancy-menu-text .rbt-fancy-text,
    .rbt-fancy-item.fancy-menu-text p {
        font-size: 12px
    }
}

.rbt-fancy-item.fancy-menu-text .rbt-fancy-text strong,
.rbt-fancy-item.fancy-menu-text p strong {
    font-weight: 600
}

.rbt-fancy-item.fancy-menu-text .rbt-fancy-text .rbt-fancy-link,
.rbt-fancy-item.fancy-menu-text .rbt-fancy-text a,
.rbt-fancy-item.fancy-menu-text p .rbt-fancy-link,
.rbt-fancy-item.fancy-menu-text p a {
    text-decoration: underline;
    font-weight: 600;
    transition: var(--transition);
    color: var(--color-primary)
}

.rbt-fancy-item.fancy-menu-text .rbt-fancy-text.rbt-fancy-text,
.rbt-fancy-item.fancy-menu-text p.rbt-fancy-text {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0
}

.rbt-bg-color-primary .rbt-fancy-item.fancy-menu-text p a {
    color: var(--color-white)
}

.rbt-header-top-news .fancy-menu-text p {
    color: var(--color-white)
}

.rbt-header-top-news .fancy-menu-text a {
    color: var(--color-white)
}

.rbt-header-top-news .icon-close .rbt-round-btn {
    font-size: 16px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    .rbt-header-top-news .icon-close .rbt-round-btn {
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 12px
    }
}

.rbt-header-top-news .icon-close .rbt-round-btn::after {
    transform: scale(.85)
}

.rbt-header-top-news .icon-close .rbt-round-btn:hover::after {
    transform: scale(1)
}

.rbt-header-wrapper-one .rbt-header-middle-one {
    min-height: 76px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 3
}

.rbt-header-wrapper-one .rbt-header-middle-one .mainbar-row {
    min-height: unset
}

@media only screen and (max-width: 1199px) {
    .rbt-header-wrapper-one .rbt-header-middle-one .mainbar-row.mainbar-row-var-one {
        min-height: 60px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-header-wrapper-one .rbt-header-middle-one .mainbar-row.mainbar-row-var-one {
        min-height: 50px
    }
}

.rbt-header-wrapper-one .rbt-topbar-one {
    min-height: 49px;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 1199px) {
    .rbt-header-wrapper-one .rbt-topbar-one {
        display: none
    }
}

.rbt-header-wrapper-one .rbt-topbar-one.rbt-topbar--34 {
    min-height: 34px
}

.rbt-header-wrapper-one .header-info {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-heading);
    font-weight: 500
}

.rbt-header-wrapper-one .rbt-quick-access>li .header-info+.header-info {
    border-color: var(--color-gray-200)
}

.rbt-header-wrapper-one .rbt-modern-select .bootstrap-select .dropdown-menu li a span.text {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3)
}

.rbt-topbar-bg-img.rbt-topbar-bg-one {
    background-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: .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, .15);
    width: 100%;
    height: 28px;
    border-radius: 20px;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%) scale(.7);
    transition: var(--transition)
}

.rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover>li.active>a:after,
.rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover>li:hover>a:after {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    visibility: visible
}

.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover>li>a {
    color: var(--color-heading);
    padding: 0 8px;
    position: relative
}

.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover>li>a::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--color-gray-200);
    width: 100%;
    height: 28px;
    border-radius: 20px;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%) scale(.7);
    transition: var(--transition);
    z-index: -1
}

.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover>li>a>i {
    font-size: 12px;
    margin-left: 5px
}

.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover>li.active>a,
.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover>li:hover>a {
    color: var(--color-heading) !important
}

.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover>li.active>a:after,
.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover>li:hover>a:after {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    visibility: visible
}

.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover.has-nav-bg-shape-hover-primary>li>a {
    color: var(--color-white)
}

.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover.has-nav-bg-shape-hover-primary>li>a::after {
    background: rgba(255, 255, 255, .3)
}

.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover.has-nav-bg-shape-hover-primary>li.active>a,
.rbt-mainmenu-nav .mainmenu.has-nav-bg-shape-hover.has-nav-bg-shape-hover-primary>li:hover>a {
    color: var(--color-white) !important
}

.rbt-mainmenu-nav .mainmenu.mainmenu-has-bg-rectangle-shape>li>a::after {
    height: 28px;
    border-radius: 4px
}

.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu>li {
    margin: 0 16px
}

.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu>li:first-child {
    margin-left: 0
}

.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu>li:first-child a {
    padding-left: 16px
}

.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu>li:last-child>a {
    padding-right: 16px
}

.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu>li>a {
    color: var(--color-white);
    padding: 0 16px !important;
    position: relative
}

.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu>li>a::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: rgba(255, 255, 255, .3);
    width: 100%;
    height: 30px;
    border-radius: 20px;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    z-index: -3
}

.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu>li>a>i {
    font-size: 12px;
    margin-left: 5px
}

.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu>li.active>a,
.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu>li:hover>a {
    color: var(--color-white) !important
}

.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu>li.active>a:after,
.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu>li:hover>a:after {
    opacity: 1;
    visibility: visible
}

.rbt-mainmenu-variation-one .rbt-mainmenu-nav .mainmenu.mainmenu-has-bg-rectangle-shape>li>a::after {
    height: 28px;
    border-radius: 4px
}

.rbt-mainmenu-variation-one.rbt-mainmenu-black-link .mainmenu>li.active>a,
.rbt-mainmenu-variation-one.rbt-mainmenu-black-link .mainmenu>li:hover>a {
    color: var(--color-white)
}

.rbt-mainmenu-variation-one.rbt-mainmenu-black-link .mainmenu>li.active>a:hover,
.rbt-mainmenu-variation-one.rbt-mainmenu-black-link .mainmenu>li:hover>a:hover {
    color: var(--color-white)
}

.rbt-mainmenu-variation-one.rbt-mainmenu-black-link .mainmenu>li.active>a:after,
.rbt-mainmenu-variation-one.rbt-mainmenu-black-link .mainmenu>li:hover>a:after {
    opacity: 1;
    visibility: visible;
    background: var(--color-black)
}

.rbt-header-mid-1 {
    z-index: 3
}

.rbt-header-mid-1 .rbt-quick-access>li.account-access {
    padding-left: 10px;
    margin-left: 10px;
    margin-right: 0;
    position: relative
}

.rbt-header-mid-1 .rbt-quick-access>li.account-access::after {
    left: -10px
}

.rbt-header-has-shadow {
    box-shadow: var(--shadow-1)
}

.social-share-transparent {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: -10px
}

@media only screen and (max-width: 575px) {
    .social-share-transparent {
        margin: -5px
    }
}

.social-share-transparent li {
    margin: 0;
    position: relative
}

.social-share-transparent li a {
    font-size: 14px;
    color: var(--color-body);
    display: inline-block;
    display: flex;
    align-items: center;
    width: 30px;
    height: 30px;
    text-align: center;
    justify-content: center;
    border-radius: var(--radius-full);
    position: relative;
    z-index: 1
}

.social-share-transparent li a::before {
    background: var(--color-gray-light);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transform: scale(.8);
    border-radius: var(--radius-full);
    z-index: -1
}

.social-share-transparent li a i {
    margin-right: 0
}

.social-share-transparent li a:hover {
    color: var(--color-primary)
}

.social-share-transparent li a:hover::before {
    opacity: 1;
    transform: scale(1)
}

.rbt-social-default li .facebook-btn {
    background-color: var(--color-facebook);
    color: var(--color-white)
}

.rbt-social-default li .tiktok-btn {
    background-color: var(--color-tiktok);
    color: var(--color-white)
}

.rbt-social-default li .pinterest-btn {
    background-color: var(--color-pinterest);
    color: var(--color-white)
}

.rbt-social-default li .tumblr-btn {
    background-color: var(--color-tumblr);
    color: var(--color-white)
}

.rbt-social-default li .telegram-btn {
    background-color: var(--color-telegram);
    color: var(--color-white)
}

.rbt-social-default li .whatsapp-btn {
    background-color: var(--color-whatsapp);
    color: var(--color-white)
}

.rbt-social-default li .email-btn {
    background-color: var(--color-mail);
    color: var(--color-white)
}

.mainbar-row {
    display: flex;
    justify-content: space-between;
    min-height: 86px
}

@media only screen and (max-width: 767px) {
    .mainbar-row {
        min-height: 68px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .mainbar-row {
        position: relative
    }
}

.mainbar-row .rbt-main-navigation {
    flex: 1;
    display: flex;
    margin: 0 30px;
    justify-content: center
}

.mainbar-row.rbt-navigation-end .rbt-main-navigation {
    justify-content: end
}

.mainbar-row.rbt-navigation-start .rbt-main-navigation {
    justify-content: start
}

.mainbar-row.rbt-mainbar-row-md-height {
    min-height: 72px
}

.rbt-header {
    position: relative;
    z-index: 99
}

.rbt-header .logo a img {
    max-height: 68px;
    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: 55px
}

.rbt-header .rbt-header-bg-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.rbt-header .rbt-header-bg-img.rbt-header-bg-img-one {
    background: url(../images/header-bg/header-bg-01.webp)
}

.rbt-header .rbt-header-bg-img .rbt-mainmenu-nav .mainmenu>li>a {
    height: 90px;
    color: var(--color-white)
}

.rbt-header .rbt-header-bg-img .rbt-mainmenu-nav .mainmenu>li>a::after {
    display: block
}

.rbt-header .rbt-header-bg-img .rbt-header-middle.rbt-bg-color-primary .rbt-mainmenu-nav .mainmenu>li>a::after {
    display: block !important
}

.rbt-header .rbt-header-wrapper {
    background-color: #fff;
    box-shadow: 0 20px 34px rgba(0, 0, 0, .0509803922)
}

.rbt-header .rbt-header-wrapper.header-transparent {
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
    background: 0 0;
    backdrop-filter: inherit;
    box-shadow: none
}

.rbt-header .rbt-header-wrapper.rbt-header-wrapper-transparent .mainbar-row {
    border-radius: 118px;
    padding: 0 32px;
    background: var(--color-gray-100)
}

.rbt-header .rbt-header-wrapper.rbt-header-wrapper-transparent .mainbar-row .rbt-mainmenu-nav .mainmenu>li>a {
    height: 84px
}

.rbt-header .rbt-header-wrapper.color-white-variation .rbt-mainmenu-nav .mainmenu>li>a {
    color: var(--color-white)
}

.rbt-header .rbt-header-wrapper.color-white-variation .rbt-quick-access li a {
    color: var(--color-white)
}

.rbt-header .rbt-header-wrapper.color-white-variation .rbt-quick-access li.account-access::after {
    opacity: .5
}

.rbt-header .rbt-header-wrapper.color-white-variation.rbt-sticky {
    background-color: #000 !important;
    box-shadow: var(--shadow-5)
}

.rbt-header .rbt-header-wrapper.color-white-variation .hamberger .hamberger-button {
    color: var(--color-white)
}

.rbt-header .rbt-header-wrapper.rbt-bg-color-darker {
    background-color: var(--color-darker)
}

.rbt-header .rbt-header-wrapper.rbt-bg-color-darker .rbt-mainmenu-nav .mainmenu>li>a {
    color: var(--color-white)
}

.rbt-header .rbt-header-wrapper.height-50 .rbt-mainmenu-nav .mainmenu>li>a {
    height: 50px;
    line-height: 50px
}

.rbt-header .rbt-header-wrapper .header-right {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media only screen and (max-width: 767px) {
    .rbt-header .rbt-header-wrapper .header-right {
        justify-content: flex-end
    }
}

.rbt-header.rbt-header-9 .rbt-header-wrapper {
    box-shadow: none
}

.rbt-header.rbt-transparent-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: auto
}

.rbt-header.rbt-transparent-header .rbt-header-top:not(.bg-not-transparent) {
    background: 0 0 !important
}

.rbt-header.rbt-transparent-header .rbt-header-wrapper:not(.bg-not-transparent) {
    background: 0 0 !important;
    box-shadow: none
}

.rbt-header.rbt-transparent-header .rbt-header-wrapper.rbt-sticky {
    background-color: var(--color-white) !important;
    box-shadow: var(--shadow-1)
}

.rbt-header.rbt-transparent-header .rbt-header-wrapper.color-white-variation.rbt-sticky {
    background-color: #000 !important;
    box-shadow: var(--shadow-5);
    border: 0 none
}

.rbt-header.rbt-transparent-header .rbt-header-middle {
    background: 0 0 !important
}

.rbt-header.rbt-header-8 .rbt-header-wrapper.rbt-sticky {
    background-color: var(--color-gray-light) !important;
    box-shadow: none
}

.rbt-header-sticky-activation.rbt-sticky {
    position: fixed;
    top: 0;
    left: 0;
    background-color: var(--color-white);
    width: 100%;
    animation: stickySlideDown .65s cubic-bezier(.23, 1, .32, 1) both;
    z-index: 99;
    box-shadow: var(--shadow-1)
}

.rbt-header .rbt-header-wrapper.header-transparent .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu .rbt-megamenu-wrapper {
    border-radius: 10px
}

.rbt-header .rbt-header-wrapper.header-transparent.rbt-sticky .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu .rbt-megamenu-wrapper {
    border-radius: 0 0 10px 10px
}

.side-nav-opened .rbt-header.rbt-transparent-header .rbt-header-wrapper:not(.bg-not-transparent) {
    background: #fff !important
}

.rbt-header .rbt-header-wrapper.header-transparent .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu {
    border-radius: 10px
}

.rbt-header .rbt-header-wrapper.header-transparent.rbt-sticky .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu {
    border-radius: 0 0 10px 10px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .header-left-md {
        display: flex;
        gap: 12px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .header-left-md .header-info .logo {
        position: static;
        transform: none
    }
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-header-7 .rbt-text-swiper-container .swiper-slide {
        font-size: 13px
    }
}

.rbt-header-13 .rbt-header-wrapper {
    box-shadow: none
}

.rbt-header-transparent-dark {
    background: var(--color-black-opacity);
    backdrop-filter: blur(5px)
}

.rbt-header-transparent-dark .mainbar-row .rbt-mainmenu-nav .mainmenu>li>a {
    color: var(--color-white)
}

.rbt-header-transparent-dark .mainbar-row .rbt-category-update-var-modern .rbt-btn-transparent.has-bg-shape-hover {
    color: var(--color-white)
}

.rbt-header-transparent-dark .mainbar-row .rbt-category-update-var-modern:hover .rbt-btn-transparent.has-bg-shape-hover {
    color: var(--color-primary)
}

.rbt-header-transparent-dark .mainbar-row .rbt-quick-access li a {
    color: var(--color-white);
    transition: none
}

.rbt-header-transparent-dark .mainbar-row .rbt-quick-access li a:hover {
    color: var(--color-black)
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: auto
    }
}

.mainbar-row .rbt-mainmenu-nav .mainmenu,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu {
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: center;
    margin: 0 -4px
}

.mainbar-row .rbt-mainmenu-nav .mainmenu>li,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu>li {
    height: 60px;
    line-height: 60px;
    display: flex;
    align-items: center
}

.mainbar-row .rbt-mainmenu-nav .mainmenu>li>a,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu>li>a {
    color: var(--color-heading);
    font-size: 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 .4s ease-in-out;
    font-size: 12px;
    line-height: 12px;
    margin-left: 4px
}

.mainbar-row .rbt-mainmenu-nav .mainmenu>li>a.icon-nav-link i,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu>li>a.icon-nav-link i {
    font-size: var(--font-size-b1)
}

.mainbar-row .rbt-mainmenu-nav .mainmenu>li>a.icon-nav-link:hover i,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu>li>a.icon-nav-link:hover i {
    transform: none
}

.mainbar-row .rbt-mainmenu-nav .mainmenu>li>a.active,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu>li>a.active {
    color: var(--color-primary)
}

.mainbar-row .rbt-mainmenu-nav .mainmenu>li.active>a,
.mainbar-row .rbt-mainmenu-nav .mainmenu>li:hover>a,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu>li.active>a,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu>li:hover>a {
    color: var(--color-primary)
}

.mainbar-row .rbt-mainmenu-nav .mainmenu>li.active>a i,
.mainbar-row .rbt-mainmenu-nav .mainmenu>li:hover>a i,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu>li.active>a i,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu>li:hover>a i {
    transform: rotate(180deg);
    margin-top: 2px
}

.mainbar-row .rbt-mainmenu-nav .mainmenu>li+li,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu>li+li {
    margin: 0 4px
}

.mainbar-row .rbt-mainmenu-nav .mainmenu li,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    z-index: 2
}

.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu {
    min-width: 240px;
    height: auto;
    z-index: 90;
    text-align: left;
    padding: 8px 0;
    border-radius: 0 0 10px 10px;
    background-color: var(--color-white);
    box-shadow: var(--shadow-1);
    display: flex;
    flex-direction: column;
    border-top: 1px solid rgba(230, 227, 241, .3098039216)
}

.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li {
    position: relative
}

.mainbar-row .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li a,
.rbt-main-navigation .rbt-mainmenu-nav .mainmenu li.has-dropdown .submenu li a {
    font-weight: var(--f-medium);
    padding: 4px 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-tab-wrapper {
    padding: 24px;
    background: var(--color-brand-50);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    min-height: 556px
}

.rbt-menu-tab-wrapper .nav-pills {
    width: 100%
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-menu-tab-wrapper {
        min-height: 512px
    }
}

.rbt-menu-tab-content-wrapper {
    padding: 24px
}

.rbt-menu-offer-card.rbt-bg-style-box .mega-top-banner {
    background-image: url(../images/system/megamenu-banner-offer-card-shape-bg-2.webp)
}

.rbt-menu-offer-card .product-img.position-bottom {
    margin: -24px;
    margin-top: 16px !important
}

.rbt-menu-offer-card .product-img.position-bottom img {
    max-width: 100% !important
}

.rbt-menu-offer-card.min-h-500 {
    min-height: 500px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-menu-offer-card.min-h-500 {
        min-height: 425px
    }
}

.rbt-menu-offer-card.rbt-bg-one .mega-top-banner {
    background-image: url(../images/system/megamenu-banner-offer-card-shape-bg-1.webp)
}

.rbt-menu-offer-card.rbt-bg-two .mega-top-banner {
    background-image: url(../images/system/megamenu-banner-offer-card-shape-bg-3.webp)
}

.rbt-menu-offer-card.rbt-bg-three .mega-top-banner {
    background-image: url(../images/splash/menu-banner/menu-prd-04-lg.webp)
}

.rbt-menu-offer-card.rbt-bg-four .mega-top-banner {
    background-image: url(../images/splash/menu-banner/menu-prd-05-lg.webp)
}

.rbt-menu-offer-card.rbt-curved-style-box {
    background-image: url(../images/system/megamenu-banner-offer-card-shape-bg-1.webp);
    -webkit-mask-image: url(../images/system/megamenu-banner-offer-card-shape-bg-1.webp);
    mask-image: url(../images/system/megamenu-banner-offer-card-shape-bg-1.webp)
}

.rbt-megamenu-wrapper.menu-skin-dark {
    background: var(--color-brand-50)
}

.rbt-megamenu-wrapper .rbt-short-title {
    margin-bottom: 0;
    padding: 12px 16px;
    padding-top: 0;
    border-bottom: 2px solid var(--color-gray-100);
    color: var(--color-gray-400);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: 600;
    text-align: left;
    text-transform: capitalize
}

.rbt-megamenu-wrapper .rbt-small-title {
    font-weight: 700;
    color: var(--color-black)
}

.rbt-megamenu-wrapper .rbt-quick-info-tag {
    margin-top: 20px
}

.rbt-megamenu-wrapper .rbt-ads-wrapper img {
    width: 100%;
    object-fit: cover;
    border-radius: 4px
}

.rbt-megamenu-wrapper .btn-wrapper {
    margin: -25px;
    margin-top: 0
}

.rbt-megamenu-wrapper .btn-wrapper a {
    font-size: 16px
}

.mega-menu-item {
    padding: 0;
    margin: 0;
    height: 100%;
    margin-bottom: -8px;
    list-style: none
}

.mega-menu-item li {
    margin: 4px 0
}

.mega-menu-item li a {
    font-weight: var(--f-medium);
    padding: 6px 16px;
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    display: block;
    color: var(--color-gray-700);
    margin: 0;
    border-radius: 4px;
    transition: var(--transition);
    display: flex;
    align-items: center;
    gap: 8px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .mega-menu-item li a {
        font-size: var(--font-size-b3);
        line-height: var(--line-height-b3)
    }
}

.mega-menu-item li a .rbt-badge-card {
    margin-left: 10px
}

.mega-menu-item li a.active,
.mega-menu-item li a:hover {
    color: var(--color-primary) !important;
    background: var(--color-gray-100)
}

.mega-menu-item li a.disabled {
    background: var(--color-gray-200)
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .mega-menu-item li a .rbt-product-badge {
        font-size: 8px
    }
}

.rbt-badge-card {
    background-color: transparent;
    background: 0 0;
    padding: 1px 10px;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    font-weight: var(--f-medium);
    display: inline-block;
    position: relative;
    z-index: 2;
    letter-spacing: .5px
}

.rbt-badge-card::before {
    background: var(--color-primary);
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
    border-radius: 100px;
    opacity: .5;
    background-size: 400% 100%
}

.mega-top-banner {
    background-color: var(--color-brand-200);
    background-size: cover;
    background-position: center;
    margin: 0;
    width: auto;
    border-radius: 8px;
    min-height: 140px;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    position: relative;
    background-size: cover;
    padding: 24px;
    padding-top: 28px
}

@media only screen and (max-width: 479px) {
    .mega-top-banner {
        padding: 16px;
        padding-top: 20px
    }
}

.mega-top-banner .rbt-banner-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px 36px;
    flex-wrap: nowrap
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (max-width:767px) {
    .mega-top-banner .rbt-banner-inner {
        flex-wrap: wrap
    }
}

.mega-top-banner .rbt-banner-inner .title {
    font-weight: var(--f-bold);
    color: var(--color-heading);
    line-height: 1.4;
    margin-bottom: 8px;
    font-size: 22px
}

.mega-top-banner .rbt-banner-inner .desc {
    color: var(--color-gray-600);
    margin-bottom: 0
}

.mega-top-banner .rbt-banner-inner .product-img img {
    max-width: 140px;
    transition: var(--transition)
}

.mega-top-banner .rbt-banner-inner .product-img.position-bottom {
    margin-bottom: -24px;
    margin-top: -28px
}

@media only screen and (max-width: 479px) {
    .mega-top-banner .rbt-banner-inner .product-img.position-bottom {
        margin-bottom: -16px
    }
}

.mega-top-banner .rbt-banner-inner .rbt-pricing-part {
    gap: 8px;
    font-weight: var(--f-medium);
    color: var(--color-brand-500)
}

.mega-top-banner .rbt-banner-inner .rbt-pricing-part .offer-price {
    color: var(--color-primary);
    font-weight: var(--f-semi-bold)
}

.mega-top-banner .rbt-banner-inner:hover .product-img img {
    scale: 1.02
}

.mega-top-banner.bg-one {
    background-image: url(../images/splash/menu-banner/menu-banner-01.webp)
}

.mega-top-banner.bg-two {
    background-image: url(../images/splash/menu-banner/menu-banner-02.webp)
}

.mega-top-banner.bg-three {
    background-image: url(../images/splash/menu-banner/menu-banner-03.webp)
}

.mega-top-banner.bg-four {
    background-image: url(../images/splash/menu-banner/menu-banner-04.webp)
}

.nav-quick-access {
    display: flex;
    flex-wrap: wrap;
    background: #f5f5fa;
    margin: -25px;
    margin-top: 20px;
    padding: 16px 25px;
    justify-content: space-between
}

.nav-quick-access li {
    flex-basis: 50%;
    padding: 5px
}

.nav-quick-access li a {
    font-size: 15px;
    display: flex;
    align-items: center
}

.nav-quick-access li a i {
    padding-right: 7px;
    color: #9698c3;
    font-size: 17px
}

.rbt-nav-brand-list {
    gap: 32px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-nav-brand-list {
        gap: 4px
    }
}

@media only screen and (max-width: 1199px) {
    .rbt-nav-brand-list {
        gap: 16px;
        flex-wrap: wrap
    }
}

.rbt-nav-brand-list li a {
    max-height: 40px;
    display: block;
    padding: 8px !important;
    line-height: 1
}

@media only screen and (max-width: 1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-nav-brand-list li a {
        padding: 0 !important
    }
}

.rbt-nav-brand-list li a img {
    height: auto;
    transition: var(--transition)
}

@media only screen and (max-width: 1199px) {
    .rbt-nav-brand-list li a img {
        max-height: 12px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1599px),
only screen and (min-width:1600px) and (max-width:1919px) {
    .rbt-nav-brand-list li a img {
        max-height: 14px
    }
}

.rbt-nav-brand-list li a:hover img {
    scale: 1.04
}

.rbt-nav-brand-list li+li {
    border-top: 0 !important
}

.nav-category-item {
    position: relative;
    z-index: 1;
    padding: 25px 20px
}

.nav-category-item .image img {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.nav-category-item a {
    display: flex;
    align-items: center
}

.nav-category-item a span {
    font-size: 14px;
    font-weight: 600
}

.nav-category-item a i {
    font-size: 16px;
    color: var(--color-body);
    padding-left: 4px;
    transition: var(--transition)
}

.nav-category-item:hover a i {
    padding-left: 10px
}

.rbt-drop-menu-hidden .rbt-megamenu,
.rbt-drop-menu-hidden .submenu {
    display: none !important
}

.rbt-drop-menu-hidden .rbt-header {
    z-index: 2
}

.rbt-drop-menu-hidden .rbt-header.rbt-transparent-header {
    position: relative !important
}

@media only screen and (max-width: 1199px) {
    .single-dropdown-menu-presentation .single-mega-item {
        margin-top: 0 !important
    }
}

.home-plesentation-wrapper::-webkit-scrollbar {
    display: none
}

.home-plesentation-wrapper {
    position: relative;
    z-index: 3
}

@media only screen and (max-width: 1199px) {
    .home-plesentation-wrapper {
        margin-bottom: 12px;
        margin-top: 0 !important;
        max-height: inherit;
        min-height: inherit;
        overflow: inherit
    }
}

@media only screen and (max-width: 767px) {
    .home-plesentation-wrapper {
        margin-bottom: 8px
    }
}

@media only screen and (max-width: 1199px) {
    .home-plesentation-wrapper .single-mega-item+.single-mega-item .demo-single {
        border-top: 1px solid var(--color-border)
    }
}

.home-plesentation-wrapper.row--12.mt_dec--24 {
    margin-top: 4px !important
}

.demo-single {
    margin-top: 24px;
    position: relative;
    transition: var(--transition);
    border-radius: 6px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 4.666px 17.498px 2.916px rgba(0, 0, 0, .05);
    backdrop-filter: blur(10px);
    padding: 32px 4px;
    padding-bottom: 32px;
    border: 3px solid var(--color-white);
    z-index: 2
}

@media only screen and (max-width: 1199px) {
    .demo-single {
        margin: 0;
        padding: 0;
        border: 0;
        box-shadow: none;
        backdrop-filter: unset;
        background: 0 0
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .demo-single {
        padding-top: 32px
    }
}

.demo-single::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 10px;
    z-index: -1;
    color: rgba(0, 0, 0, .07);
    background-color: #ff5f57;
    box-shadow: 10px 0 0 #febc2e, 20px 0 0 #29c841
}

@media only screen and (max-width: 1199px) {
    .demo-single::after {
        content: none
    }
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1399px) {
    .demo-single::after {
        top: 12px
    }
}

.demo-single .inner .thumbnail {
    overflow: hidden
}

@media only screen and (max-width: 1199px) {
    .demo-single .inner .thumbnail {
        display: none
    }
}

.demo-single .inner .thumbnail a {
    padding-left: 0 !important;
    display: block;
    overflow: hidden
}

.demo-single .inner .thumbnail a img {
    width: 100%;
    transition: all .3s ease;
    border-radius: var(--radius)
}

@media only screen and (max-width: 767px) {
    .demo-single .inner .thumbnail a img {
        border-radius: 4px
    }
}

.demo-single .inner .content {
    position: absolute;
    width: 100%;
    z-index: 1;
    display: flex;
    transition: var(--transition);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    left: 0;
    bottom: 0
}

@media only screen and (max-width: 1199px) {
    .demo-single .inner .content {
        position: static;
        padding: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .demo-single .inner .content {
        padding: 4px
    }
}

.demo-single .inner .content .rbt-title {
    margin-bottom: 0;
    line-height: 1.44;
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    display: block
}

@media only screen and (max-width: 1199px) {
    .demo-single .inner .content .rbt-title {
        font-size: 15px;
        color: var(--color-heading) !important
    }
}

.demo-single .inner .content .rbt-title a {
    color: var(--color-heading);
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2)
}

@media only screen and (max-width: 1199px) {
    .demo-single .inner .content .rbt-title a {
        color: var(--color-gray-700) !important
    }
}

.demo-single .inner .content .rbt-title a:hover {
    color: var(--color-primary)
}

.demo-single .inner .content .rbt-tag-list {
    gap: 4px
}

.demo-single .inner .content .rbt-tag-list a {
    padding: 4px 8px !important;
    font-size: var(--font-size-b4);
    line-height: 1;
    color: var(--color-gray-400);
    height: unset;
    font-weight: 700
}

.demo-single .inner .content .rbt-tag-list a:hover {
    color: var(--color-white)
}

.demo-single:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 24px rgba(0, 0, 0, .15);
    backdrop-filter: blur(12px)
}

.coming-soon .demo-single .inner .content .title a,
.coming-soon .demo-single .inner .thumbnail a img {
    cursor: default
}

.rbt-fullwidth-wrapper.has-left-nav .rbt-mainmenu-nav .mainmenu li.with-rbt-megamenu .rbt-megamenu {
    margin-left: 0
}

.rbt-header-9 .rbt-mainmenu-nav .mainmenu>li>a,
.rbt-header-common-sticky-activation .rbt-mainmenu-nav .mainmenu>li>a {
    height: 86px;
    line-height: 86px
}

.rbt-header-mid-5 {
    z-index: 4
}

.popup-mobile-menu {
    z-index: 9999;
    position: fixed;
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    visibility: hidden;
    opacity: 0;
    transition: opacity .5s ease-out
}

@media only screen and (min-width: 1200px) {
    .popup-mobile-menu {
        display: none
    }
}

.popup-mobile-menu .rbt-short-title {
    text-align: center;
    margin-top: 8px;
    padding-bottom: 4px;
    border-width: 1px
}

.popup-mobile-menu .demo-single:hover {
    transform: translateY(-5px);
    box-shadow: unset;
    backdrop-filter: unset
}

.popup-mobile-menu .inner-wrapper {
    width: 400px;
    z-index: 999;
    position: absolute;
    background-color: var(--color-white);
    height: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 0;
    left: -150px;
    transition: all .5s ease-out;
    padding: 60px 50px;
    height: 100%;
    position: relative;
    overflow-y: auto
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .popup-mobile-menu .inner-wrapper {
        padding: 28px
    }
}

@media only screen and (max-width: 575px) {
    .popup-mobile-menu .inner-wrapper {
        width: 300px;
        padding: 24px 16px
    }
}

.popup-mobile-menu .inner-wrapper .inner-top {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 24px;
    margin-bottom: 24px
}

@media only screen and (max-width: 767px) {
    .popup-mobile-menu .inner-wrapper .inner-top {
        padding-bottom: 16px;
        margin-bottom: 16px
    }
}

.popup-mobile-menu .inner-wrapper .inner-top .content {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.popup-mobile-menu .inner-wrapper .inner-top .logo a img {
    max-height: 45px
}

@media only screen and (max-width: 767px) {
    .popup-mobile-menu .inner-wrapper .inner-top .logo a img {
        max-height: 40px
    }
}

.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;
}

.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 {
    position: absolute;
    content: "+";
    font-family: "Font Awesome 7 Pro", sans-serif;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .4s
}

.popup-mobile-menu .mainmenu .has-dropdown>a.open::after,
.popup-mobile-menu .mainmenu .has-menu-child-item>a.open::after {
    content: "\f068"
}

.popup-mobile-menu .mainmenu .rbt-megamenu {
    padding: 0;
    max-width: 100%;
    list-style: none;
    padding-left: 12px;
    display: none
}

.popup-mobile-menu .mainmenu .rbt-megamenu .rbt-megamenu-wrapper {
    padding-bottom: 12px
}

.popup-mobile-menu .mainmenu .mega-menu-item {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 8px;
    margin-top: 0
}

.popup-mobile-menu .mainmenu .mega-menu-item li a {
    font-size: 14px
}

.popup-mobile-menu .mainmenu .single-mega-item:last-child .mega-menu-item li:last-child {
    border-bottom-color: transparent
}

.popup-mobile-menu .mainmenu .single-mega-item+.single-mega-item {
    margin-top: 15px
}

.popup-mobile-menu .mainmenu .single-mega-item .rbt-short-title {
    margin-top: 8px;
    text-align: left
}

.popup-mobile-menu .mega-top-banner {
    margin: 0;
    margin-top: 10px;
    border-radius: 4px;
    margin-bottom: 9px
}

.popup-mobile-menu .mega-top-banner .content {
    width: 100%;
    display: block
}

.popup-mobile-menu .nav-rbt-quick-access {
    display: block;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: -20px;
    padding: 6px 17px;
    overflow: hidden
}

.popup-mobile-menu .nav-rbt-quick-access li a {
    display: flex;
    font-size: 14px
}

.popup-mobile-menu .nav-rbt-quick-access li a i {
    display: flex
}

.popup-mobile-menu .rbt-ads-wrapper {
    margin-bottom: 20px;
    margin-top: -16px;
    margin-left: -15px
}

@media only screen and (max-width: 1199px) {
    .popup-mobile-menu .rbt-ads-wrapper {
        margin-top: 0;
        margin-left: 0
    }
}

@media only screen and (max-width: 1199px) {
    .popup-mobile-menu .rbt-ads-wrapper img {
        border-radius: 10px
    }
}

.popup-mobile-menu .btn-wrapper {
    margin-left: -14px;
    margin-bottom: 20px;
    margin-top: -14px
}

.popup-mobile-menu .rbt-btn.btn-xl {
    padding: 0 15px !important;
    font-size: 14px !important;
    height: 50px;
    line-height: 52px;
    border-radius: 4px !important
}

.popup-mobile-menu .mega-category-item {
    margin-top: -15px;
    margin-bottom: 15px
}

.popup-mobile-menu .mega-category-item .nav-category-item {
    padding: 8px 14px
}

.hamberger .hamberger-button {
    background: 0 0;
    border: 0 none;
    color: var(--color-heading);
    font-size: var(--font-size-b3);
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: var(--color-gray-200);
    padding: 0
}

.hamberger .hamberger-button::after {
    display: none
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .header-info .logo {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .header-info .logo.variation-one {
        position: static;
        transform: none
    }
}

@media only screen and (max-width: 479px) {
    .header-info .logo a img {
        max-width: 90px
    }
}

.popup-mobile-menu .load-demo-btn {
    height: 36px;
    line-height: 36px;
    padding-top: 0 !important;
    font-size: var(--font-size-b3)
}

.popup-mobile-menu .load-demo-btn i {
    font-size: var(--font-size-b3)
}

.popup-mobile-menu .rbt-btn-grp {
    display: flex !important
}

.popup-mobile-menu .rbt-btn-grp .rbt-btn.rbt-marquee-btn {
    max-width: 165px;
    height: 40px;
    line-height: 40px;
    font-size: var(--font-size-b3)
}

@media only screen and (max-width: 767px) {
    .popup-mobile-menu .rbt-btn-grp .rbt-btn.rbt-marquee-btn {
        height: 28px;
        line-height: 28px;
        font-size: var(--font-size-b4)
    }
}

@media only screen and (max-width: 479px) {
    .popup-mobile-menu .rbt-product-card .rbt-product-badge.rbt-badge-top-left--position {
        top: 16px;
        left: 8px
    }

    .popup-mobile-menu .rbt-wishlisted-btn.rbt-top-right--position {
        top: 16px;
        right: 8px
    }
}

.popup-mobile-menu .rbt-overlay-counter.counter-md {
    font-size: 66px;
    display: flex
}

.popup-mobile-menu .rbt-overlay-counter.counter-md .odometer-inside {
    display: flex
}

.popup-mobile-menu .rbt-overlay-counter.counter-md .counter-suffix {
    margin-left: 0
}

.popup-mobile-menu .rbt-rating-icon-list li+li {
    border: 0
}

.popup-mobile-menu .mainmenu li .rbt-card a {
    padding: 0
}

.popup-mobile-menu .rbt-small-title {
    margin-bottom: 10px !important
}

.rbt-btn-grp {
    transition: var(--transition)
}

.rbt-btn-grp .rbt-btn.animated-icon-btn:hover {
    transform: none !important
}

.rbt-btn-grp .rbt-btn.animated-icon-btn:hover::after {
    transform: translate(-50%, -50%) scale(1) !important
}

.rbt-cart-side-menu,
.rbt-order-sidenav,
.rbt-ordered-products-sidenav,
.rbt-review-sidenav,
.rbt-special-offer-sidemenu,
.side-menu {
    width: 448px;
    position: fixed;
    right: 0;
    top: 0;
    background: var(--color-white);
    z-index: 9999;
    height: 100%;
    transform: translate3d(105%, 0, 0);
    overflow: hidden;
    overscroll-behavior: contain;
    transition: all .85s cubic-bezier(.23, 1, .32, 1)
}

@media only screen and (max-width: 575px) {

    .rbt-cart-side-menu,
    .rbt-order-sidenav,
    .rbt-ordered-products-sidenav,
    .rbt-review-sidenav,
    .rbt-special-offer-sidemenu,
    .side-menu {
        width: 310px
    }
}

.rbt-cart-side-menu .inner-wrapper,
.rbt-order-sidenav .inner-wrapper,
.rbt-ordered-products-sidenav .inner-wrapper,
.rbt-review-sidenav .inner-wrapper,
.rbt-special-offer-sidemenu .inner-wrapper,
.side-menu .inner-wrapper {
    height: 100%;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column
}

.rbt-cart-side-menu .inner-wrapper::-webkit-scrollbar-track,
.rbt-order-sidenav .inner-wrapper::-webkit-scrollbar-track,
.rbt-ordered-products-sidenav .inner-wrapper::-webkit-scrollbar-track,
.rbt-review-sidenav .inner-wrapper::-webkit-scrollbar-track,
.rbt-special-offer-sidemenu .inner-wrapper::-webkit-scrollbar-track,
.side-menu .inner-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: var(--color-gray-200);
    border-radius: 40px;
    height: 337px
}

.rbt-cart-side-menu .inner-wrapper::-webkit-scrollbar,
.rbt-order-sidenav .inner-wrapper::-webkit-scrollbar,
.rbt-ordered-products-sidenav .inner-wrapper::-webkit-scrollbar,
.rbt-review-sidenav .inner-wrapper::-webkit-scrollbar,
.rbt-special-offer-sidemenu .inner-wrapper::-webkit-scrollbar,
.side-menu .inner-wrapper::-webkit-scrollbar {
    width: 4px;
    height: 337px;
    background-color: var(--color-gray-200)
}

.rbt-cart-side-menu .inner-wrapper::-webkit-scrollbar-thumb,
.rbt-order-sidenav .inner-wrapper::-webkit-scrollbar-thumb,
.rbt-ordered-products-sidenav .inner-wrapper::-webkit-scrollbar-thumb,
.rbt-review-sidenav .inner-wrapper::-webkit-scrollbar-thumb,
.rbt-special-offer-sidemenu .inner-wrapper::-webkit-scrollbar-thumb,
.side-menu .inner-wrapper::-webkit-scrollbar-thumb {
    border-radius: 40px;
    background-color: var(--color-gray-400)
}

.rbt-cart-side-menu .inner-wrapper .rbt-cart-header,
.rbt-order-sidenav .inner-wrapper .rbt-cart-header,
.rbt-ordered-products-sidenav .inner-wrapper .rbt-cart-header,
.rbt-review-sidenav .inner-wrapper .rbt-cart-header,
.rbt-special-offer-sidemenu .inner-wrapper .rbt-cart-header,
.side-menu .inner-wrapper .rbt-cart-header {
    padding: 40px 32px 26px;
    border-bottom: 2px solid var(--color-gray-100);
    padding-bottom: 24px;
    position: sticky;
    top: 0;
    left: 0;
    background: var(--color-white);
    z-index: 2
}

@media only screen and (max-width: 1199px),
only screen and (min-width:1200px) and (max-width:1599px) {

    .rbt-cart-side-menu .inner-wrapper .rbt-cart-header,
    .rbt-order-sidenav .inner-wrapper .rbt-cart-header,
    .rbt-ordered-products-sidenav .inner-wrapper .rbt-cart-header,
    .rbt-review-sidenav .inner-wrapper .rbt-cart-header,
    .rbt-special-offer-sidemenu .inner-wrapper .rbt-cart-header,
    .side-menu .inner-wrapper .rbt-cart-header {
        padding: 16px;
        padding-bottom: 16px
    }
}

.rbt-cart-side-menu .inner-wrapper .title,
.rbt-order-sidenav .inner-wrapper .title,
.rbt-ordered-products-sidenav .inner-wrapper .title,
.rbt-review-sidenav .inner-wrapper .title,
.rbt-special-offer-sidemenu .inner-wrapper .title,
.side-menu .inner-wrapper .title {
    font-weight: 700
}

.rbt-cart-side-menu .inner-wrapper .description,
.rbt-order-sidenav .inner-wrapper .description,
.rbt-ordered-products-sidenav .inner-wrapper .description,
.rbt-review-sidenav .inner-wrapper .description,
.rbt-special-offer-sidemenu .inner-wrapper .description,
.side-menu .inner-wrapper .description {
    padding-right: 18%;
    margin-top: 20px
}

.rbt-cart-side-menu .inner-wrapper .minicart-close-button,
.rbt-order-sidenav .inner-wrapper .minicart-close-button,
.rbt-ordered-products-sidenav .inner-wrapper .minicart-close-button,
.rbt-review-sidenav .inner-wrapper .minicart-close-button,
.rbt-special-offer-sidemenu .inner-wrapper .minicart-close-button,
.side-menu .inner-wrapper .minicart-close-button {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    background: 0 0;
    font-size: 16px;
    line-height: 36px;
    font-weight: 900
}

@media only screen and (max-width: 767px) {

    .rbt-cart-side-menu .inner-wrapper .minicart-close-button,
    .rbt-order-sidenav .inner-wrapper .minicart-close-button,
    .rbt-ordered-products-sidenav .inner-wrapper .minicart-close-button,
    .rbt-review-sidenav .inner-wrapper .minicart-close-button,
    .rbt-special-offer-sidemenu .inner-wrapper .minicart-close-button,
    .side-menu .inner-wrapper .minicart-close-button {
        top: 8px;
        right: 8px
    }
}

.rbt-cart-side-menu .inner-wrapper .minicart-close-button::after,
.rbt-order-sidenav .inner-wrapper .minicart-close-button::after,
.rbt-ordered-products-sidenav .inner-wrapper .minicart-close-button::after,
.rbt-review-sidenav .inner-wrapper .minicart-close-button::after,
.rbt-special-offer-sidemenu .inner-wrapper .minicart-close-button::after,
.side-menu .inner-wrapper .minicart-close-button::after {
    background: var(--color-gray-200);
    opacity: 1;
    transform: scale(.9);
    box-shadow: var(--shadow-1)
}

.rbt-cart-side-menu .inner-wrapper .minicart-close-button:hover,
.rbt-order-sidenav .inner-wrapper .minicart-close-button:hover,
.rbt-ordered-products-sidenav .inner-wrapper .minicart-close-button:hover,
.rbt-review-sidenav .inner-wrapper .minicart-close-button:hover,
.rbt-special-offer-sidemenu .inner-wrapper .minicart-close-button:hover,
.side-menu .inner-wrapper .minicart-close-button:hover {
    color: var(--color-heading)
}

.rbt-cart-side-menu .inner-wrapper .minicart-close-button:hover::after,
.rbt-order-sidenav .inner-wrapper .minicart-close-button:hover::after,
.rbt-ordered-products-sidenav .inner-wrapper .minicart-close-button:hover::after,
.rbt-review-sidenav .inner-wrapper .minicart-close-button:hover::after,
.rbt-special-offer-sidemenu .inner-wrapper .minicart-close-button:hover::after,
.side-menu .inner-wrapper .minicart-close-button:hover::after {
    transform: scale(1)
}

.rbt-cart-side-menu .side-nav,
.rbt-order-sidenav .side-nav,
.rbt-ordered-products-sidenav .side-nav,
.rbt-review-sidenav .side-nav,
.rbt-special-offer-sidemenu .side-nav,
.side-menu .side-nav {
    margin-bottom: 0;
    display: block;
    max-height: unset !important;
    padding: 0 32px
}

@media only screen and (max-width: 767px) {

    .rbt-cart-side-menu .side-nav,
    .rbt-order-sidenav .side-nav,
    .rbt-ordered-products-sidenav .side-nav,
    .rbt-review-sidenav .side-nav,
    .rbt-special-offer-sidemenu .side-nav,
    .side-menu .side-nav {
        padding: 0 8px
    }
}

.rbt-cart-side-menu .side-nav .navbar-nav,
.rbt-order-sidenav .side-nav .navbar-nav,
.rbt-ordered-products-sidenav .side-nav .navbar-nav,
.rbt-review-sidenav .side-nav .navbar-nav,
.rbt-special-offer-sidemenu .side-nav .navbar-nav,
.side-menu .side-nav .navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.rbt-cart-side-menu .side-nav .navbar-nav li,
.rbt-order-sidenav .side-nav .navbar-nav li,
.rbt-ordered-products-sidenav .side-nav .navbar-nav li,
.rbt-review-sidenav .side-nav .navbar-nav li,
.rbt-special-offer-sidemenu .side-nav .navbar-nav li,
.side-menu .side-nav .navbar-nav li {
    display: block;
    margin: 10px 0;
    padding: 0 !important;
    opacity: 0;
    transition: all .8s ease .5s;
    transform: translateY(30px)
}

.rbt-cart-side-menu .side-nav .navbar-nav li a,
.rbt-order-sidenav .side-nav .navbar-nav li a,
.rbt-ordered-products-sidenav .side-nav .navbar-nav li a,
.rbt-review-sidenav .side-nav .navbar-nav li a,
.rbt-special-offer-sidemenu .side-nav .navbar-nav li a,
.side-menu .side-nav .navbar-nav li a {
    color: var(--color-heading);
    font-size: var(--font-size-b1);
    font-weight: var(--f-medium)
}

.rbt-cart-side-menu .side-nav .navbar-nav li:first-child,
.rbt-order-sidenav .side-nav .navbar-nav li:first-child,
.rbt-ordered-products-sidenav .side-nav .navbar-nav li:first-child,
.rbt-review-sidenav .side-nav .navbar-nav li:first-child,
.rbt-special-offer-sidemenu .side-nav .navbar-nav li:first-child,
.side-menu .side-nav .navbar-nav li:first-child {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.rbt-cart-side-menu .side-nav .navbar-nav li:nth-child(2),
.rbt-order-sidenav .side-nav .navbar-nav li:nth-child(2),
.rbt-ordered-products-sidenav .side-nav .navbar-nav li:nth-child(2),
.rbt-review-sidenav .side-nav .navbar-nav li:nth-child(2),
.rbt-special-offer-sidemenu .side-nav .navbar-nav li:nth-child(2),
.side-menu .side-nav .navbar-nav li:nth-child(2) {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.rbt-cart-side-menu .side-nav .navbar-nav li:nth-child(3),
.rbt-order-sidenav .side-nav .navbar-nav li:nth-child(3),
.rbt-ordered-products-sidenav .side-nav .navbar-nav li:nth-child(3),
.rbt-review-sidenav .side-nav .navbar-nav li:nth-child(3),
.rbt-special-offer-sidemenu .side-nav .navbar-nav li:nth-child(3),
.side-menu .side-nav .navbar-nav li:nth-child(3) {
    transition-delay: .3s
}

.rbt-cart-side-menu .side-nav .navbar-nav li:nth-child(4),
.rbt-order-sidenav .side-nav .navbar-nav li:nth-child(4),
.rbt-ordered-products-sidenav .side-nav .navbar-nav li:nth-child(4),
.rbt-review-sidenav .side-nav .navbar-nav li:nth-child(4),
.rbt-special-offer-sidemenu .side-nav .navbar-nav li:nth-child(4),
.side-menu .side-nav .navbar-nav li:nth-child(4) {
    transition-delay: .4s
}

.rbt-cart-side-menu .side-nav .navbar-nav li:nth-child(5),
.rbt-order-sidenav .side-nav .navbar-nav li:nth-child(5),
.rbt-ordered-products-sidenav .side-nav .navbar-nav li:nth-child(5),
.rbt-review-sidenav .side-nav .navbar-nav li:nth-child(5),
.rbt-special-offer-sidemenu .side-nav .navbar-nav li:nth-child(5),
.side-menu .side-nav .navbar-nav li:nth-child(5) {
    transition-delay: .5s
}

.rbt-cart-side-menu.start-from-left,
.rbt-order-sidenav.start-from-left,
.rbt-ordered-products-sidenav.start-from-left,
.rbt-review-sidenav.start-from-left,
.rbt-special-offer-sidemenu.start-from-left,
.side-menu.start-from-left {
    left: 0;
    right: auto;
    transform: translate3d(-105%, 0, 0)
}

.rbt-cart-side-menu.start-from-left.side-menu-active,
.rbt-order-sidenav.start-from-left.side-menu-active,
.rbt-ordered-products-sidenav.start-from-left.side-menu-active,
.rbt-review-sidenav.start-from-left.side-menu-active,
.rbt-special-offer-sidemenu.start-from-left.side-menu-active,
.side-menu.start-from-left.side-menu-active {
    transform: translate3d(0, 0, 0)
}

.rbt-cart-side-menu.start-from-top,
.rbt-order-sidenav.start-from-top,
.rbt-ordered-products-sidenav.start-from-top,
.rbt-review-sidenav.start-from-top,
.rbt-special-offer-sidemenu.start-from-top,
.side-menu.start-from-top {
    left: 0;
    right: 0;
    transform: translate3d(0, -100%, 0);
    width: 100%;
    height: auto
}

.rbt-cart-side-menu.start-from-top.side-menu-active,
.rbt-order-sidenav.start-from-top.side-menu-active,
.rbt-ordered-products-sidenav.start-from-top.side-menu-active,
.rbt-review-sidenav.start-from-top.side-menu-active,
.rbt-special-offer-sidemenu.start-from-top.side-menu-active,
.side-menu.start-from-top.side-menu-active {
    transform: translate3d(0, 0, 0)
}

.rbt-cart-side-menu.start-from-top .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom,
.rbt-order-sidenav.start-from-top .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom,
.rbt-ordered-products-sidenav.start-from-top .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom,
.rbt-review-sidenav.start-from-top .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom,
.rbt-special-offer-sidemenu.start-from-top .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom,
.side-menu.start-from-top .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom {
    display: flex;
    gap: 24px;
    justify-content: space-between
}

.rbt-cart-side-menu.start-from-top .rbt-single-widget,
.rbt-order-sidenav.start-from-top .rbt-single-widget,
.rbt-ordered-products-sidenav.start-from-top .rbt-single-widget,
.rbt-review-sidenav.start-from-top .rbt-single-widget,
.rbt-special-offer-sidemenu.start-from-top .rbt-single-widget,
.side-menu.start-from-top .rbt-single-widget {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
    flex-basis: 12%
}

@media only screen and (max-width: 767px) {

    .rbt-cart-side-menu.start-from-top .rbt-single-widget,
    .rbt-order-sidenav.start-from-top .rbt-single-widget,
    .rbt-ordered-products-sidenav.start-from-top .rbt-single-widget,
    .rbt-review-sidenav.start-from-top .rbt-single-widget,
    .rbt-special-offer-sidemenu.start-from-top .rbt-single-widget,
    .side-menu.start-from-top .rbt-single-widget {
        flex-basis: 100%
    }
}

.rbt-cart-side-menu.start-from-bottom,
.rbt-order-sidenav.start-from-bottom,
.rbt-ordered-products-sidenav.start-from-bottom,
.rbt-review-sidenav.start-from-bottom,
.rbt-special-offer-sidemenu.start-from-bottom,
.side-menu.start-from-bottom {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    transform: translate3d(0, 100%, 0);
    width: 100%;
    height: auto
}

.rbt-cart-side-menu.start-from-bottom.side-menu-active,
.rbt-order-sidenav.start-from-bottom.side-menu-active,
.rbt-ordered-products-sidenav.start-from-bottom.side-menu-active,
.rbt-review-sidenav.start-from-bottom.side-menu-active,
.rbt-special-offer-sidemenu.start-from-bottom.side-menu-active,
.side-menu.start-from-bottom.side-menu-active {
    transform: translate3d(0, 0, 0)
}

.rbt-cart-side-menu.start-from-bottom .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom,
.rbt-order-sidenav.start-from-bottom .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom,
.rbt-ordered-products-sidenav.start-from-bottom .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom,
.rbt-review-sidenav.start-from-bottom .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom,
.rbt-special-offer-sidemenu.start-from-bottom .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom,
.side-menu.start-from-bottom .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom {
    display: flex;
    gap: 24px;
    justify-content: space-between
}

.rbt-cart-side-menu.start-from-bottom .rbt-single-widget,
.rbt-order-sidenav.start-from-bottom .rbt-single-widget,
.rbt-ordered-products-sidenav.start-from-bottom .rbt-single-widget,
.rbt-review-sidenav.start-from-bottom .rbt-single-widget,
.rbt-special-offer-sidemenu.start-from-bottom .rbt-single-widget,
.side-menu.start-from-bottom .rbt-single-widget {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
    flex-basis: 12%
}

@media only screen and (max-width: 767px) {

    .rbt-cart-side-menu.start-from-bottom .rbt-single-widget,
    .rbt-order-sidenav.start-from-bottom .rbt-single-widget,
    .rbt-ordered-products-sidenav.start-from-bottom .rbt-single-widget,
    .rbt-review-sidenav.start-from-bottom .rbt-single-widget,
    .rbt-special-offer-sidemenu.start-from-bottom .rbt-single-widget,
    .side-menu.start-from-bottom .rbt-single-widget {
        flex-basis: 100%
    }
}

.rbt-cart-side-menu.side-menu-active,
.rbt-order-sidenav.side-menu-active,
.rbt-ordered-products-sidenav.side-menu-active,
.rbt-review-sidenav.side-menu-active,
.rbt-special-offer-sidemenu.side-menu-active,
.side-menu.side-menu-active {
    transform: translate3d(0, 0, 0);
    transition: all .85s cubic-bezier(.23, 1, .32, 1)
}

.rbt-cart-side-menu.side-menu-active .side-nav .navbar-nav li,
.rbt-order-sidenav.side-menu-active .side-nav .navbar-nav li,
.rbt-ordered-products-sidenav.side-menu-active .side-nav .navbar-nav li,
.rbt-review-sidenav.side-menu-active .side-nav .navbar-nav li,
.rbt-special-offer-sidemenu.side-menu-active .side-nav .navbar-nav li,
.side-menu.side-menu-active .side-nav .navbar-nav li {
    transform: translateY(0);
    opacity: 1
}

.close_side_menu {
    display: block;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1091;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, .5);
    backdrop-filter: blur(5px);
    transition: var(--transition);
    cursor: url(../images/cursor-x.webp), pointer
}

.cart-sidenav-menu-active .close_side_menu,
.offcanvas-menu-active .close_side_menu {
    opacity: 1;
    visibility: visible
}

.rbt-offcanvas-side-menu {
    z-index: 9999;
    position: fixed;
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    visibility: hidden;
    opacity: 0;
    transition: opacity .5s ease-out
}

.rbt-offcanvas-side-menu .inner-wrapper {
    width: 450px;
    z-index: 999;
    position: absolute;
    background-color: var(--color-white);
    height: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    opacity: 0;
    left: -150px;
    transition: all .5s ease-out;
    padding: 60px 50px;
    height: 100%;
    position: relative;
    overflow-y: auto
}

@media only screen and (max-width: 575px) {
    .rbt-offcanvas-side-menu .inner-wrapper {
        width: 310px;
        padding: 40px 30px
    }
}

.rbt-offcanvas-side-menu .inner-wrapper .inner-top {
    border-bottom: 1px solid var(--color-brand-200);
    padding-bottom: 25px;
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 767px) {
    .rbt-offcanvas-side-menu .inner-wrapper .inner-top {
        padding-bottom: 15px;
        margin-bottom: 15px
    }

}

.rbt-offcanvas-side-menu.active-offcanvas {
    visibility: visible;
    opacity: 1
}

.rbt-offcanvas-side-menu.active-offcanvas .inner-wrapper {
    opacity: 1;
    left: 0;
    overflow-y: auto
}

@media only screen and (max-width: 1199px) {
    .rbt-vertical-nav-list-wrapper .vartical-nav-content-menu-wrapper {
        display: none
    }
}

.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper {
    margin: 0;
    padding: 0
}

.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vartical-nav-content-menu-wrapper {
    padding-left: 15px;
    padding-top: 20px;
    margin-bottom: 20px
}

.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vartical-nav-content-menu-wrapper .vartical-nav-content-menu+.vartical-nav-content-menu {
    margin-top: 20px
}

.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vartical-nav-content-menu-wrapper a {
    font-size: 16px;
    font-weight: var(--f-medium)
}

.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vertical-nav-item {
    margin: 0
}

.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vertical-nav-item>a {
    padding: 8px 0;
    display: block;
    font-size: 16px;
    font-weight: var(--f-medium);
    position: relative
}

.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vertical-nav-item>a::after {
    position: absolute;
    content: "+";
    font-family: "Font Awesome 7 Pro", sans-serif;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .4s
}

.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vertical-nav-item>a.active::after {
    content: "\f068"
}

.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vertical-nav-item+.vertical-nav-item {
    border-top: 1px solid var(--color-border)
}

.rbt-sidebar-cart .rbt-close-inner-popup {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
    cursor: url(../images/cursor-x-2.webp), pointer;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition)
}

.rbt-sidebar-cart.open-popup-overlay .rbt-close-inner-popup {
    opacity: .9;
    visibility: visible
}

.rbt-offcanvas-inner-popup-card {
    background: var(--color-white);
    height: fit-content;
    width: 100%;
    position: absolute;
    left: 0;
    padding: 24px 32px 8px;
    box-shadow: var(--shadow-product-item);
    z-index: 2;
    transition: var(--transition);
    opacity: 0;
    visibility: hidden
}

@media only screen and (max-width: 479px) {
    .rbt-offcanvas-inner-popup-card {
        padding: 16px 12px 8px
    }
}

.rbt-offcanvas-inner-popup-card.has-default-visible {
    position: static;
    opacity: 1;
    visibility: visible
}

.rbt-offcanvas-inner-popup-card.note-popup {
    bottom: -100%
}

.rbt-offcanvas-inner-popup-card.open-note-popup.note-popup {
    bottom: 0;
    opacity: 1;
    visibility: visible
}

.rbt-offcanvas-inner-popup-card.shipping-popup {
    bottom: -100%
}

.rbt-offcanvas-inner-popup-card.open-shipping-popup.shipping-popup {
    bottom: 0;
    opacity: 1;
    visibility: visible
}

.rbt-offcanvas-inner-popup-card.coupon-popup {
    bottom: -100%
}

.rbt-offcanvas-inner-popup-card.open-coupon-popup.coupon-popup {
    bottom: 0;
    opacity: 1;
    visibility: visible
}

.rbt-offcanvas-inner-popup-card .rbt-input-field-grp input {
    height: 40px
}

.rbt-offcanvas-inner-popup-card .rbt-input-field-grp .rbt-modern-select button.btn-light {
    height: 40px;
    border: 2px solid var(--color-gray-200)
}

.rbt-offcanvas-inner-popup-card .rbt-button-group .rbt-btn {
    margin: 0
}

.rbt-offcanvas-inner-popup-card .rbt-text-field {
    padding: 8px 16px;
    height: 145px
}

.rbt-offcanvas-inner-popup-card .rbt-modern-select .dropdown-menu {
    width: 100%
}

.rbt-coupon-wrapper {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.rbt-coupon-wrapper.rbt-bg-color-white .rbt-coupon .left-part::after,
.rbt-coupon-wrapper.rbt-bg-color-white .rbt-coupon .left-part::before {
    background: var(--color-white)
}

.rbt-coupon-wrapper.rbt-bg-color-gray-100 .rbt-coupon .left-part::after,
.rbt-coupon-wrapper.rbt-bg-color-gray-100 .rbt-coupon .left-part::before {
    background: var(--color-gray-100)
}

.rbt-offcanvas-cat-side-menu.side-menu-active .rbt-sidebar-left-content {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition: transform .85s cubic-bezier(.23, 1, .32, 1), opacity .6s step-start
}

.rbt-categories-sidebar {
    background-color: var(--color-white)
}

.rbt-categories-sidebar .rbt-sidebar-left-content {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    height: 100vh;
    width: 338px;
    transform: translateX(-150%);
    overflow: hidden;
    overscroll-behavior: contain;
    transition: transform .85s cubic-bezier(.23, 1, .32, 1), opacity .6s step-end;
    background: var(--color-white);
    box-shadow: var(--shadow-1)
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-left-content-head {
    background: var(--color-brand-200);
    padding: 24px;
    position: relative
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-left-content-head .rbt-sidebar-close-btn {
    width: 32px;
    height: 32px;
    background: var(--color-white);
    border-radius: var(--radius-full);
    border: none;
    position: absolute;
    top: 24px;
    right: 24px
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-left-content-head .rbt-access-box .rbt-round-btn:hover {
    background: var(--color-brand-300)
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-left-content-head .rbt-access-box .content p {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-regular)
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-left-content-head .rbt-access-box .content a {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1)
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-tabs-wrapper {
    padding: 16px 8px;
    background: var(--color-white)
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-tabs-wrapper .rbt-sidebar-tabs-inner {
    height: 528px;
    overflow-y: auto
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-tabs-wrapper .rbt-sidebar-tabs-inner::-webkit-scrollbar {
    width: 3px
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-tabs-wrapper .rbt-sidebar-tabs-inner::-webkit-scrollbar-thumb {
    background-color: var(--color-black) !important;
    outline: 0;
    border-radius: 10px
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-tabs-wrapper .rbt-sidebar-tabs-inner::-webkit-scrollbar-track {
    box-shadow: none;
    background: var(--color-gray-300) !important;
    padding: 1px;
    border-radius: 8px
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories {
    list-style: none;
    margin: 0;
    padding: 0 8px
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li {
    margin: 0 0 4px;
    padding: 0
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button {
    padding: 12px 16px;
    display: flex;
    gap: 12px;
    position: relative;
    border-radius: var(--radius);
    border: none;
    background: 0 0;
    width: 100%
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a.active,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a:hover,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button.active,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button:hover {
    background: var(--color-primary)
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a.active .rbt-round-btn,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a:hover .rbt-round-btn,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button.active .rbt-round-btn,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button:hover .rbt-round-btn {
    background: var(--color-brand-700);
    color: var(--color-white)
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a.active .rbt-content .rbt-sub-category-title,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a:hover .rbt-content .rbt-sub-category-title,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button.active .rbt-content .rbt-sub-category-title,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button:hover .rbt-content .rbt-sub-category-title {
    color: var(--color-white)
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a.active .rbt-content .rbt-sub-category-title .rbt-product-badge.rbt-product-badge-bg-primary,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a:hover .rbt-content .rbt-sub-category-title .rbt-product-badge.rbt-product-badge-bg-primary,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button.active .rbt-content .rbt-sub-category-title .rbt-product-badge.rbt-product-badge-bg-primary,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button:hover .rbt-content .rbt-sub-category-title .rbt-product-badge.rbt-product-badge-bg-primary {
    background: var(--color-white);
    color: var(--color-heading)
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a.active .rbt-content .description,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a:hover .rbt-content .description,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button.active .rbt-content .description,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button:hover .rbt-content .description {
    color: var(--color-white)
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a.active .icon,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li a:hover .icon,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button.active .icon,
.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li button:hover .icon {
    color: var(--color-white)
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li .rbt-round-btn {
    background: var(--color-brand-200);
    color: var(--color-gray-700);
    transition: var(--transition)
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li .rbt-round-btn::after {
    content: none
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li .rbt-content {
    max-width: 190px;
    text-align: start
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li .rbt-content .rbt-sub-category-title {
    display: flex;
    align-items: center;
    gap: 8px
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li .rbt-content .rbt-sub-category-title .rbt-product-badge {
    position: static
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li .rbt-content .description {
    color: var(--color-gray-600);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-regular);
    transition: var(--transition)
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-sub-categories li .icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-gray-400);
    font-size: var(--h6);
    font-weight: var(--f-black);
    transition: var(--transition)
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-quick-links-part {
    padding: 0 24px 24px
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-quick-links-part .rbt-sub-category-title {
    margin-bottom: 0
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-quick-links-part .rbt-sub-category-title a {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sub-category-title {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: var(--f-semi-bold);
    margin-bottom: 4px;
    transition: var(--transition)
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-quick-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 16px;
    display: grid;
    gap: 12px
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-quick-links li {
    margin: 0;
    padding: 0
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-quick-links li a {
    display: block
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-left-content-footer {
    padding: 32px 24px;
    background: var(--color-brand-200);
    position: sticky;
    bottom: 0;
    left: 0;
    z-index: 3;
    border-top: 16px solid var(--color-white);
    box-shadow: none;
    display: flex;
    flex-direction: column
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-left-content-footer .rbt-contact-text {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    font-size: var(--line-height-b3);
    font-weight: var(--f-medium);
    margin-bottom: 8px
}

.rbt-categories-sidebar .rbt-sidebar-left-content .rbt-sidebar-left-content-footer .rbt-contact-links {
    color: var(--color-primary);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    font-size: var(--line-height-b3);
    font-weight: var(--f-medium);
    display: inline-block;
    width: max-content
}

.rbt-categories-sidebar .rbt-sidebar-right-content {
    max-width: 632px;
    height: 100vh;
    padding: 32px;
    box-shadow: var(--shadow-1);
    background: var(--color-white);
    position: fixed;
    z-index: 1111;
    top: 0;
    transform: translateX(-150%);
    transition: transform .55s cubic-bezier(.23, 1, .32, 1), opacity .3s step-end
}

.rbt-categories-sidebar .rbt-sidebar-right-content.active {
    transform: translateX(338px);
    transition: transform .85s cubic-bezier(.23, 1, .32, 1), opacity .6s step-start
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sidebar-right-inner {
    height: 100%
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sidebar-right-inner .tab-content {
    height: 100%
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sidebar-right-inner .tab-content .rbt-tab-content {
    height: 100%
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-products {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-products .rbt-category-products-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    row-gap: 24px;
    overflow-y: auto;
    padding-bottom: 24px
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-products .rbt-category-products-inner::-webkit-scrollbar {
    width: 3px
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-products .rbt-category-products-inner::-webkit-scrollbar-thumb {
    background-color: var(--color-black) !important;
    outline: 0;
    border-radius: 10px
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-products .rbt-category-products-inner::-webkit-scrollbar-track {
    box-shadow: none;
    background: var(--color-gray-300) !important;
    padding: 1px;
    border-radius: 8px
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-products ul.has-link-underline-effect li a::after {
    bottom: -5px
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-product {
    min-width: 160px;
    flex-basis: 32%
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-product .rbt-sidebar-category-img {
    display: inline-block;
    width: 64px;
    height: 64px;
    border-radius: var(--radius);
    background: var(--color-white);
    margin-bottom: 8px
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-product .rbt-sidebar-category-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: var(--transition)
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-product .rbt-sidebar-category-img:hover img {
    scale: .9
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-product .rbt-category-offcanvas-header {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    font-weight: var(--f-semi-bold);
    margin-bottom: 8px
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-product .rbt-product-features {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 4px
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-product .rbt-product-features li {
    margin: 0;
    padding: 0
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-product .rbt-product-features li a {
    color: var(--color-gray-600);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: 1;
    font-weight: var(--f-regular)
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sub-category-product .rbt-product-features li a:hover {
    color: var(--color-primary)
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sidebar-banner {
    background: var(--color-extra-one);
    padding: 44px 32px;
    border-radius: var(--radius-md);
    margin-top: 36px;
    position: relative
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sidebar-banner .rbt-banner-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sidebar-banner .rbt-banner-img img {
    height: 100%;
    width: 100%;
    user-select: none
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sidebar-banner-content {
    position: relative
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sidebar-banner-content .rbt-sidebar-banner-text {
    color: var(--color-gray-500);
    font-family: var(--font-primary);
    font-size: var(--font-size-b1);
    font-size: var(--line-height-b1);
    font-weight: var(--f-regular);
    margin-bottom: 8px
}

.rbt-categories-sidebar .rbt-sidebar-right-content .rbt-sidebar-banner-content .rbt-sidebar-banner-title {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-weight: var(--f-bold);
    margin-bottom: 8px
}

ul.has-link-underline-effect li a {
    position: relative
}

ul.has-link-underline-effect li a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform .3s
}

ul.has-link-underline-effect li a:hover::after {
    transform-origin: bottom left;
    transform: scaleX(1)
}

.rbt-sidebar-close-btn {
    position: relative;
    z-index: 1;
    background: 0 0
}

.rbt-sidebar-close-btn::after {
    background: var(--color-white);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: var(--transition);
    opacity: 1;
    transform: scale(1);
    border-radius: var(--radius-full);
    z-index: -1;
    box-shadow: var(--shadow-1)
}

.rbt-sidebar-close-btn:hover::after {
    transform: scale(1.15)
}

.rbt-sidebar-close-btn:active::after {
    transform: scale(1)
}

.rbt-special-offprds-side-menu.side-menu-active .rbt-sidebar-left-content {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition: transform .85s cubic-bezier(.23, 1, .32, 1), opacity .6s step-start
}

.rbt-special-offprds-side-menu .rbt-sidebar .rbt-sidebar-close-btn {
    top: 16px;
    right: 16px
}

.rbt-special-offprds-side-menu .rbt-sidebar-top {
    border-bottom: 2px solid var(--color-border);
    padding: 24px
}

.rbt-special-offprds-side-menu .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom {
    padding: 24px
}

.rbt-quickview-sidenav-area {
    background: var(--color-white);
    box-shadow: var(--shadow-4);
    padding: 24px;
    position: fixed;
    height: 100%;
    z-index: -2;
    width: 460px;
    right: 0;
    top: 0;
    transform: translateX(8px);
    visibility: hidden;
    opacity: 0;
    transition: var(--transition);
    overflow-y: auto
}

.rbt-quickview-sidenav-area::-webkit-scrollbar {
    width: 3px
}

.rbt-quickview-sidenav-area::-webkit-scrollbar-thumb {
    background-color: var(--color-gray-400) !important;
    outline: 0;
    border-radius: 10px
}

.rbt-quickview-sidenav-area::-webkit-scrollbar-track {
    box-shadow: none;
    background: var(--color-gray-300) !important;
    padding: 1px;
    border-radius: 8px
}

.rbt-quickview-sidenav-area.rbt-vertical-height-sm {
    max-height: 216px
}

.rbt-quickview-sidenav-area.quickview-sidenav-active {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
    z-index: 9999
}

.rbt-quickview-sidenav-area .close-canvas-btn {
    height: 40px;
    width: 40px;
    font-size: 16px;
    position: absolute;
    top: 16px;
    right: 16px
}

.rbt-quickview-sidenav-area .close-canvas-btn::after {
    background: var(--color-brand-100);
    opacity: 1;
    visibility: visible
}

.rbt-quickview-sidenav-area .rbt-compare-title {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.rbt-quickview-sidenav-area .rbt-compare-products {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 16px 0
}

.rbt-quickview-sidenav-area .rbt-compare-products::-webkit-scrollbar {
    display: none
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-quickview-sidenav-area .rbt-popup-action-area {
        flex-direction: row;
        gap: 12px
    }
}

.rbt-inner-onepage-navigation {
    border-radius: 500px;
    background: var(--color-white);
    overflow: hidden;
    box-shadow: var(--shadow-1);
    padding: 7px
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-inner-onepage-navigation {
        padding: 0;
        border-radius: 10px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-inner-onepage-navigation {
        padding: 0;
        border-radius: 10px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-inner-onepage-navigation {
        padding: 0;
        border-radius: 10px
    }
}

@media only screen and (max-width: 575px) {
    .rbt-inner-onepage-navigation {
        position: static
    }
}

.rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu {
    display: flex;
    padding: 0;
    justify-content: space-between;
    margin: -3px;
    flex-wrap: wrap
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu {
        padding: 20px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu {
        padding: 20px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu {
        padding: 17px
    }
}

.rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu li {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    margin: 3px;
    flex-grow: 1;
    text-align: center
}

.rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu li a {
    margin: 0;
    position: relative;
    display: block;
    color: var(--color-heading);
    z-index: 2;
    padding: 10px 25px;
    border-radius: 500px
}

.rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu li a::after {
    position: absolute;
    content: "";
    left: 0;
    background: var(--color-brand-100);
    width: 100%;
    height: 100%;
    bottom: 0;
    opacity: 1;
    transition: .4s;
    z-index: -1;
    border-radius: 500px
}

.rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu li.current a,
.rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu li:hover a {
    color: var(--color-white)
}

.rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu li.current a::after,
.rbt-inner-onepage-navigation .rbt-mainmenu-nav .mainmenu li:hover a::after {
    width: 100%;
    opacity: 1;
    background: var(--color-primary)
}

.rbt-button-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: -10px
}

.rbt-button-group a,
.rbt-button-group button {
    margin: 10px
}

.disabled,
.rbt-btn:disabled,
fieldset:disabled {
    pointer-events: none;
    opacity: .65;
    background: var(--color-gray-300) !important
}

.disabled.rbt-btn-border,
.rbt-btn:disabled.rbt-btn-border,
fieldset:disabled.rbt-btn-border {
    background: 0 0 !important;
    border: 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, .2);
    color: var(--color-white)
}

.rbt-btn.btn-bg-white-opacity:hover {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-btn.rbt-btn-naked {
    background: 0 0;
    color: var(--color-heading)
}

.rbt-btn.rbt-btn-naked:focus,
.rbt-btn.rbt-btn-naked:hover {
    color: var(--color-white);
    background: var(--color-black);
    box-shadow: none
}

.rbt-btn.rbt-btn-border {
    background: 0 0;
    border: 2px solid var(--color-primary);
    color: var(--color-heading);
    line-height: 47px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-btn.rbt-btn-border {
        line-height: 38px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-btn.rbt-btn-border {
        line-height: 28px
    }
}

.rbt-btn.rbt-btn-border.active,
.rbt-btn.rbt-btn-border:focus,
.rbt-btn.rbt-btn-border:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white)
}

.rbt-btn.rbt-btn-border.color-two {
    border-color: var(--color-brand-500)
}

.rbt-btn.rbt-btn-border.color-two:focus,
.rbt-btn.rbt-btn-border.color-two:hover {
    border-color: var(--color-primary)
}

.rbt-btn.rbt-btn-border.color-dark {
    border-color: var(--color-black)
}

.rbt-btn.rbt-btn-border.color-dark:focus,
.rbt-btn.rbt-btn-border.color-dark:hover {
    border-color: var(--color-black);
    background: var(--color-black)
}

.rbt-btn.rbt-btn-border.rbt-btn-xs {
    line-height: 28px
}

.rbt-btn.rbt-btn-border.rbt-btn-sm {
    line-height: 32px
}

@media only screen and (max-width: 479px) {
    .rbt-btn.rbt-btn-border.rbt-btn-sm {
        line-height: 27px
    }
}

.rbt-btn.rbt-btn-border.rbt-btn-md {
    line-height: 36px
}

@media only screen and (max-width: 767px) {
    .rbt-btn.rbt-btn-border.rbt-btn-md {
        line-height: 26px
    }
}

.rbt-btn.rbt-btn-border.rbt-btn-gray-light {
    border-color: var(--color-gray-200);
    color: var(--color-gray-500)
}

.rbt-btn.rbt-btn-border.rbt-btn-gray-light:active,
.rbt-btn.rbt-btn-border.rbt-btn-gray-light:focus,
.rbt-btn.rbt-btn-border.rbt-btn-gray-light:hover {
    background: var(--color-gray-500);
    border-color: var(--color-gray-500);
    color: var(--color-white)
}

.rbt-btn.rbt-btn-border.rbt-btn-border-black {
    border-color: var(--color-black)
}

.rbt-btn.rbt-btn-border.rbt-btn-border-black:active,
.rbt-btn.rbt-btn-border.rbt-btn-border-black:focus,
.rbt-btn.rbt-btn-border.rbt-btn-border-black:hover {
    background: var(--color-black)
}

.rbt-btn.rbt-btn-border.rbt-btn-border-white {
    border-color: var(--color-white);
    background: 0 0;
    color: var(--color-white)
}

.rbt-btn.rbt-btn-border.rbt-btn-border-white:active,
.rbt-btn.rbt-btn-border.rbt-btn-border-white:focus,
.rbt-btn.rbt-btn-border.rbt-btn-border-white:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-black)
}

.rbt-btn.radius-round-6 {
    border-radius: var(--radius)
}

.rbt-btn.radius-round-10 {
    border-radius: 10px
}

.rbt-btn.rbt-bg-color-secondary:hover {
    box-shadow: none
}

.rbt-btn:focus,
.rbt-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-7);
    color: var(--color-white);
    background: var(--color-primary)
}

.rbt-btn:focus.icon-hover .btn-text,
.rbt-btn:hover.icon-hover .btn-text {
    transform: translateX(-5px)
}

.rbt-btn:focus.icon-hover .btn-icon i,
.rbt-btn:hover.icon-hover .btn-icon i {
    opacity: 1;
    transform: translateX(5px)
}

.rbt-btn:focus.hover-icon-reverse .btn-text,
.rbt-btn:hover.hover-icon-reverse .btn-text {
    transition-delay: .1s;
    transform: translateX(23px)
}

.rbt-btn:focus.hover-icon-reverse .btn-icon,
.rbt-btn:hover.hover-icon-reverse .btn-icon {
    opacity: 0;
    transition-delay: 0s;
    transform: translateX(10px)
}

.rbt-btn:focus.hover-icon-reverse .btn-icon+.btn-icon,
.rbt-btn:hover.hover-icon-reverse .btn-icon+.btn-icon {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 225ms
}

.rbt-btn:focus.has-no-hover-transform,
.rbt-btn:hover.has-no-hover-transform {
    transform: translateY(0)
}

.rbt-btn:active {
    transform: translateY(0)
}

.rbt-btn:active.icon-hover .btn-text {
    transform: translateX(0)
}

.rbt-btn:active.icon-hover .btn-icon i {
    opacity: 1;
    transform: translateX(0)
}

.rbt-btn:active.hover-icon-reverse .btn-text {
    transition-delay: .1s;
    transform: translateX(0)
}

.rbt-btn:active.hover-icon-reverse .btn-icon {
    opacity: 0;
    transition-delay: 0s;
    transform: translateX(0)
}

.rbt-btn:active.hover-icon-reverse .btn-icon+.btn-icon {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 225ms
}

.rbt-btn.rounded-player {
    border-radius: var(--radius-full);
    width: 100px;
    height: 100px;
    padding: 0;
    line-height: 100px;
    display: inline-block;
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-btn.rounded-player {
        width: 80px;
        height: 80px;
        line-height: 80px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-btn.rounded-player {
        width: 70px;
        height: 70px;
        line-height: 70px
    }
}

.rbt-btn.rounded-player span {
    display: inline-block
}

.rbt-btn.rounded-player span i {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px !important
}

@media only screen and (max-width: 767px) {
    .rbt-btn.rounded-player span i {
        font-size: 20px
    }
}

.rbt-btn.rounded-player.bg-var-two {
    background: rgba(33, 90, 218, .1);
    color: var(--color-primary)
}

.rbt-btn.rounded-player.bg-var-two:active,
.rbt-btn.rounded-player.bg-var-two:hover {
    background-color: var(--color-primary);
    color: var(--color-white) !important
}

.rbt-btn.rounded-player.bg-var-three {
    background: rgba(255, 255, 255, .3);
    color: var(--color-white)
}

.rbt-btn.rounded-player.bg-var-three:active,
.rbt-btn.rounded-player.bg-var-three:hover {
    background-color: var(--color-primary);
    color: var(--color-white) !important
}

.rbt-btn.rounded-player.border {
    background-image: inherit;
    border-color: var(--color-white) !important;
    border-width: 2px !important
}

.rbt-btn.rounded-player.border:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary) !important
}

.rbt-btn.rounded-player.xl-size {
    width: 120px;
    height: 120px;
    line-height: 120px
}

.rbt-btn.rounded-player.xl-size span i {
    font-size: 30px !important
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-btn.rounded-player.xl-size {
        width: 80px;
        height: 80px;
        line-height: 80px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-btn.rounded-player.xl-size {
        width: 70px;
        height: 70px;
        line-height: 70px
    }
}

.rbt-btn.rounded-player.md-size {
    width: 80px;
    height: 80px;
    line-height: 80px
}

.rbt-btn.rounded-player.md-size span i {
    font-size: 30px !important
}

.rbt-btn.rounded-player.sm-size {
    width: 70px;
    height: 70px;
    line-height: 70px
}

.rbt-btn.rounded-player.xs-size {
    width: 64px;
    height: 64px;
    line-height: 64px
}

.rbt-btn.rounded-player.xs-size span i {
    font-size: 26px !important
}

.rbt-btn.rounded-player.position-center-center {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.rbt-btn.rounded-player:focus {
    outline: 0;
    color: var(--color-white)
}

.rbt-btn.rounded-player:hover {
    transform: scale(1.1);
    background: var(--color-primary)
}

.rbt-btn.rbt-marquee-btn {
    overflow: hidden;
    position: relative;
    max-width: 260px
}

.rbt-btn.rbt-marquee-btn::after,
.rbt-btn.rbt-marquee-btn::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 2;
    width: 30px;
    opacity: 1;
    visibility: visible;
    transition: .3s
}

.rbt-btn.rbt-marquee-btn::after {
    right: -2px;
    background: linear-gradient(90deg, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .9) 45.02%, #fff 86.62%)
}

.rbt-btn.rbt-marquee-btn::before {
    left: -2px;
    background: linear-gradient(270deg, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .9) 45.02%, #fff 86.62%)
}

.rbt-btn.rbt-marquee-btn.has-primary-overlay::after {
    right: -2px;
    background: linear-gradient(90deg, rgba(33, 90, 218, .18) 0, rgba(33, 90, 218, .97) 45.02%, #215ada 86.62%)
}

.rbt-btn.rbt-marquee-btn.has-primary-overlay::before {
    left: -2px;
    background: linear-gradient(270deg, rgba(33, 90, 218, .18) 0, rgba(33, 90, 218, .97) 45.02%, #215ada 86.62%)
}

.rbt-btn.rbt-marquee-btn span {
    display: inline-flex;
    position: relative;
    z-index: 1;
    line-height: 1.2
}

.rbt-btn.rbt-marquee-btn span::after {
    content: attr(data-text);
    position: absolute;
    white-space: nowrap;
    top: 50%;
    left: 100%;
    transform: translate(15%, -50%)
}

.rbt-btn.rbt-marquee-btn.no-white-overlay::after,
.rbt-btn.rbt-marquee-btn.no-white-overlay::before {
    display: none
}

.rbt-btn.rbt-marquee-btn:hover::after,
.rbt-btn.rbt-marquee-btn:hover::before {
    opacity: 0;
    visibility: hidden
}

.rbt-btn.rbt-marquee-btn.marquee-text-y span::after {
    top: 100%;
    left: 50%;
    transform: translate(-50%, 100%)
}

.rbt-btn.rbt-marquee-btn.marquee-auto span {
    animation: btnTxtMarqueeX 5s linear infinite
}

.rbt-btn.rbt-btn-sm {
    padding: 0 32px;
    font-size: var(--font-size-b3);
    height: 36px;
    line-height: 36px
}

.rbt-btn.rbt-btn-sm i {
    font-size: var(--font-size-b3)
}

@media only screen and (max-width: 767px) {
    .rbt-btn.rbt-btn-sm {
        padding: 0 16px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-btn.rbt-btn-sm {
        font-size: var(--font-size-b4);
        padding: 0 8px;
        height: 30px;
        line-height: 30px
    }
}

.rbt-btn.rbt-btn-sm-2 {
    padding: 0 18px;
    font-size: var(--font-size-b3);
    height: 36px;
    line-height: 36px
}

.rbt-btn.rbt-btn-sm-2 i {
    font-size: var(--font-size-b3)
}

@media only screen and (max-width: 767px) {
    .rbt-btn.rbt-btn-sm-2 {
        padding: 0 12px;
        font-size: var(--font-size-b4);
        height: 28px;
        line-height: 28px
    }
}

.rbt-btn.rbt-btn-xs {
    padding: 0 16px;
    font-size: var(--font-size-b3);
    height: 32px;
    line-height: 32px
}

.rbt-btn.rbt-btn-xs i {
    font-size: var(--font-size-b3)
}

.rbt-btn.rbt-btn-md {
    padding: 0 32px;
    font-size: var(--font-size-b1);
    height: 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: .4s
}

.rbt-btn.btn-border-gradient {
    background: linear-gradient(90deg, #cfa2e8, #637fea);
    border: none;
    outline: 0;
    cursor: pointer;
    position: relative;
    z-index: 10;
    color: var(--color-heading);
    box-shadow: 0 10px 13px 0 rgba(209, 211, 237, .39);
    border-radius: 0
}

.rbt-btn.btn-border-gradient::before {
    content: "";
    z-index: -1;
    top: 3px;
    left: 3px;
    position: absolute;
    background: #fff;
    width: calc(100% - 6px);
    height: calc(100% - 6px)
}

.rbt-btn.btn-border-gradient.radius-round {
    border-radius: 500px
}

.rbt-btn.btn-border-gradient.radius-round::before {
    border-radius: 500px
}

.rbt-btn.rbt-btn-gradient-red {
    background: linear-gradient(90deg, #d50000 0, red 5.79%, #ff8e6b 12.11%, red 19.47%, red 37.89%, #e90000 58.42%, #540001 100%), #d8da67
}

.rbt-btn.rbt-btn-gradient-red:hover {
    box-shadow: none
}

.rbt-btn.hover-transform-none:hover {
    transform: none
}

.rbt-btn.rbt-btn-round {
    border-radius: var(--radius-full);
    height: 100px;
    width: auto;
    display: flex;
    text-align: center;
    gap: 4px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5px 15px;
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    white-space: unset;
    max-width: max-content;
    min-width: 100px
}

@media only screen and (max-width: 575px) {
    .rbt-btn.rbt-btn-round {
        height: 80px;
        min-width: 80px;
        font-size: 12px;
        line-height: 12px
    }
}

.rbt-btn.rbt-full-square-btn {
    border-radius: var(--radius-0)
}

.rbt-btn.icon-hover .btn-text {
    transition-timing-function: cubic-bezier(0, .71, .4, 1);
    display: inline-block;
    transition: transform .5s;
    transform: translateX(5px)
}

.rbt-btn.icon-hover .btn-icon {
    margin-inline-start: -5px;
    display: inline-block
}

.rbt-btn.icon-hover .btn-icon i {
    transition-timing-function: cubic-bezier(0, .71, .4, 1);
    display: inline-block;
    opacity: 0;
    transform: translateX(-5px);
    transition: opacity .25s, transform .5s;
    padding-left: 0
}

.rbt-btn.icon-hover.icon-hover-left .btn-text {
    transform: translateX(-5px)
}

.rbt-btn.icon-hover.icon-hover-left .btn-icon {
    margin-inline-start: 0;
    margin-inline-end: -5px
}

.rbt-btn.icon-hover.icon-hover-left .btn-icon i {
    transform: translateX(5px)
}

.rbt-btn.icon-hover.icon-hover-left:hover .btn-icon i {
    transform: translateX(-5px)
}

.rbt-btn.icon-hover.icon-hover-left:hover .btn-text {
    transform: translateX(5px)
}

a.bg-primary-opacity:hover,
button.bg-primary-opacity:hover {
    background: var(--color-primary);
    color: var(--color-white)
}

a.bg-white,
button.bg-white {
    background: var(--color-white);
    color: var(--color-heading)
}

a.bg-white:hover,
button.bg-white:hover {
    color: var(--color-white) !important;
    box-shadow: none
}

a.rbt-btn-link,
button.rbt-btn-link,
span.rbt-btn-link {
    color: var(--color-heading);
    position: relative;
    transition: var(--transition);
    font-size: var(--font-size-b1);
    font-weight: var(--f-medium);
    display: inline-block
}

a.rbt-btn-link i,
button.rbt-btn-link i,
span.rbt-btn-link i {
    position: relative;
    top: 1px;
    display: inline-block;
    padding-left: 4px
}

a.rbt-btn-link::after,
button.rbt-btn-link::after,
span.rbt-btn-link::after {
    position: absolute;
    content: "";
    left: auto;
    bottom: 0;
    background: currentColor;
    width: 0;
    height: 2px;
    transition: var(--transition);
    right: 0
}

a.rbt-btn-link:hover,
button.rbt-btn-link:hover,
span.rbt-btn-link:hover {
    color: var(--color-primary) !important
}

a.rbt-btn-link:hover::after,
button.rbt-btn-link:hover::after,
span.rbt-btn-link:hover::after {
    width: 100%;
    left: 0;
    right: auto
}

a.rbt-btn-link.left-icon i,
button.rbt-btn-link.left-icon i,
span.rbt-btn-link.left-icon i {
    padding-left: 0;
    padding-right: 4px
}

a.rbt-btn-link.color-white:hover,
button.rbt-btn-link.color-white:hover,
span.rbt-btn-link.color-white:hover {
    color: var(--color-white) !important
}

a.rbt-btn-link.b4,
button.rbt-btn-link.b4,
span.rbt-btn-link.b4 {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

a.transparent-button,
button.transparent-button,
span.transparent-button {
    color: var(--color-heading);
    position: relative;
    transition: var(--transition);
    font-size: 14px;
    font-weight: var(--f-medium)
}

a.transparent-button i,
button.transparent-button i,
span.transparent-button i {
    display: inline-block;
    padding-left: 4px;
    transition: .4s
}

a.transparent-button:hover i,
button.transparent-button:hover i,
span.transparent-button:hover i {
    padding-left: 10px
}

.video-popup-wrapper {
    position: relative
}

.video-popup-wrapper .position-to-top {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    cursor: pointer;
    z-index: 2
}

.video-popup-wrapper .rbt-btn.rounded-player:hover {
    transform: translate(-50%, -50%) scale(1.1)
}

.rbt-btn,
a,
button {
    transition: all .4s cubic-bezier(0, 0, .34, .54)
}

.rbt-btn .animated-icon svg,
a .animated-icon svg,
button .animated-icon svg {
    width: 16px
}

@media only screen and (max-width: 767px) {

    .rbt-btn .animated-icon svg,
    a .animated-icon svg,
    button .animated-icon svg {
        width: 12px
    }
}

.rbt-btn .animated-icon svg path,
a .animated-icon svg path,
button .animated-icon svg path {
    fill: var(--color-primary);
    transition: opacity .4s ease, transform .4s cubic-bezier(0, 0, .34, .54)
}

.rbt-btn .animated-icon svg .icon-arrow-el-two,
.rbt-btn .animated-icon svg .icon-arrow-line-two,
a .animated-icon svg .icon-arrow-el-two,
a .animated-icon svg .icon-arrow-line-two,
button .animated-icon svg .icon-arrow-el-two,
button .animated-icon svg .icon-arrow-line-two {
    opacity: 0;
    visibility: hidden;
    transform: translate(-10px, 10px);
    transition: opacity .4s ease, transform .4s cubic-bezier(0, 0, .34, .54)
}

.rbt-btn .animated-icon svg .icon-arrow-el-one,
.rbt-btn .animated-icon svg .icon-arrow-line-one,
a .animated-icon svg .icon-arrow-el-one,
a .animated-icon svg .icon-arrow-line-one,
button .animated-icon svg .icon-arrow-el-one,
button .animated-icon svg .icon-arrow-line-one {
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
    transition: opacity .4s ease, transform .4s cubic-bezier(0, 0, .34, .54)
}

.rbt-btn:hover .animated-icon svg,
a:hover .animated-icon svg,
button:hover .animated-icon svg {
    width: 16px
}

@media only screen and (max-width: 767px) {

    .rbt-btn:hover .animated-icon svg,
    a:hover .animated-icon svg,
    button:hover .animated-icon svg {
        width: 12px
    }
}

.rbt-btn:hover .animated-icon svg path,
a:hover .animated-icon svg path,
button:hover .animated-icon svg path {
    fill: var(--color-white) !important
}

.rbt-btn:hover .animated-icon svg .icon-arrow-el-one,
.rbt-btn:hover .animated-icon svg .icon-arrow-line-one,
a:hover .animated-icon svg .icon-arrow-el-one,
a:hover .animated-icon svg .icon-arrow-line-one,
button:hover .animated-icon svg .icon-arrow-el-one,
button:hover .animated-icon svg .icon-arrow-line-one {
    transform: translate(10px, -10px);
    opacity: 0;
    visibility: hidden
}

.rbt-btn:hover .animated-icon svg .icon-arrow-el-two,
.rbt-btn:hover .animated-icon svg .icon-arrow-line-two,
a:hover .animated-icon svg .icon-arrow-el-two,
a:hover .animated-icon svg .icon-arrow-line-two,
button:hover .animated-icon svg .icon-arrow-el-two,
button:hover .animated-icon svg .icon-arrow-line-two {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0)
}

.rbt-btn.animated-icon-btn.defalt-secondary-bg,
a.animated-icon-btn.defalt-secondary-bg,
button.animated-icon-btn.defalt-secondary-bg {
    background: 0 0;
    color: var(--color-primary);
    position: relative
}

.rbt-btn.animated-icon-btn.defalt-secondary-bg::after,
a.animated-icon-btn.defalt-secondary-bg::after,
button.animated-icon-btn.defalt-secondary-bg::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    height: 100%;
    width: 100%;
    background-color: var(--color-brand-200);
    z-index: -1;
    border-radius: 60px;
    transition: opacity .4s ease, transform .4s cubic-bezier(0, 0, .34, .54)
}

.rbt-btn.animated-icon-btn.defalt-secondary-bg .animated-icon svg path,
a.animated-icon-btn.defalt-secondary-bg .animated-icon svg path,
button.animated-icon-btn.defalt-secondary-bg .animated-icon svg path {
    fill: var(--color-primary)
}

.rbt-btn.animated-icon-btn.defalt-secondary-bg:hover,
a.animated-icon-btn.defalt-secondary-bg:hover,
button.animated-icon-btn.defalt-secondary-bg:hover {
    background: 0 0 !important;
    color: var(--color-primary)
}

.rbt-btn.animated-icon-btn.defalt-secondary-bg:hover .animated-icon svg path,
a.animated-icon-btn.defalt-secondary-bg:hover .animated-icon svg path,
button.animated-icon-btn.defalt-secondary-bg:hover .animated-icon svg path {
    fill: var(--color-primary) !important
}

.rbt-btn.animated-icon-btn.defalt-secondary-bg:hover::after,
a.animated-icon-btn.defalt-secondary-bg:hover::after,
button.animated-icon-btn.defalt-secondary-bg:hover::after {
    transform: translate(-50%, -50%) scale(1.1)
}

.rbt-btn.animated-icon-btn.defalt-primary-bg,
a.animated-icon-btn.defalt-primary-bg,
button.animated-icon-btn.defalt-primary-bg {
    background: 0 0;
    color: var(--color-white);
    position: relative
}

.rbt-btn.animated-icon-btn.defalt-primary-bg::after,
a.animated-icon-btn.defalt-primary-bg::after,
button.animated-icon-btn.defalt-primary-bg::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    height: 100%;
    width: 100%;
    background-color: var(--color-primary);
    z-index: -1;
    border-radius: 60px;
    transition: opacity .4s ease, transform .4s cubic-bezier(0, 0, .34, .54)
}

.rbt-btn.animated-icon-btn.defalt-primary-bg .animated-icon svg path,
a.animated-icon-btn.defalt-primary-bg .animated-icon svg path,
button.animated-icon-btn.defalt-primary-bg .animated-icon svg path {
    fill: var(--color-white)
}

.rbt-btn.animated-icon-btn.defalt-primary-bg:hover,
a.animated-icon-btn.defalt-primary-bg:hover,
button.animated-icon-btn.defalt-primary-bg:hover {
    background: 0 0 !important;
    color: var(--color-white)
}

.rbt-btn.animated-icon-btn.defalt-primary-bg:hover .animated-icon svg path,
a.animated-icon-btn.defalt-primary-bg:hover .animated-icon svg path,
button.animated-icon-btn.defalt-primary-bg:hover .animated-icon svg path {
    fill: var(--color-white) !important
}

.rbt-btn.animated-icon-btn.defalt-primary-bg:hover::after,
a.animated-icon-btn.defalt-primary-bg:hover::after,
button.animated-icon-btn.defalt-primary-bg:hover::after {
    transform: translate(-50%, -50%) scale(1.1)
}

.rbt-btn.animated-icon-btn.round-sm,
a.animated-icon-btn.round-sm,
button.animated-icon-btn.round-sm {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (max-width: 767px) {

    .rbt-btn.animated-icon-btn.round-sm,
    a.animated-icon-btn.round-sm,
    button.animated-icon-btn.round-sm {
        height: 28px;
        width: 28px;
        min-width: none
    }
}

.rbt-btn.animated-icon-btn.round-sm::after,
a.animated-icon-btn.round-sm::after,
button.animated-icon-btn.round-sm::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    height: 100%;
    width: 100%;
    background-color: var(--color-primary);
    z-index: -1;
    border-radius: 50%;
    transition: opacity .4s ease, transform .4s cubic-bezier(0, 0, .34, .54)
}

.rbt-icon-overlay-link-btn {
    height: 32px;
    width: 32px;
    border-radius: var(--radius-full);
    color: var(--color-primary);
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    background: 0 0;
    display: inline-block;
    position: relative;
    overflow: hidden
}

.rbt-icon-overlay-link-btn .rbt-btn-overlay {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
    display: block
}

.rbt-icon-overlay-link-btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    margin-top: -7px;
    margin-left: -4px;
    z-index: 1
}

.rbt-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-icon-overlay-link-btn i.rbt-icon {
    transition: var(--transition)
}

.rbt-icon-overlay-link-btn i.rbt-icon-bottom {
    position: absolute;
    transition: var(--transition);
    transform: translateY(300%) translateX(-475%)
}

.rbt-icon-overlay-link-btn::after {
    transition: var(--transition);
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--color-white);
    border: 1px solid var(--color-extra-four);
    border-radius: var(--radius-full);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.rbt-icon-overlay-link-btn:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-primary)
}

.rbt-icon-overlay-link-btn:hover::after {
    transform: scale(1.1);
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white)
}

.rbt-icon-overlay-link-btn:hover i.rbt-icon {
    transform: translateY(-300%) translateX(475%)
}

.rbt-icon-overlay-link-btn:hover i.rbt-icon-bottom {
    transform: translateY(0) translateX(0) scale(1.1)
}

.rbt-icon-overlay-link-btn.rbt-icon-overlay-link-btn::after {
    border: 2px solid var(--color-brand-400)
}

.rbt-icon-overlay-link-btn.rbt-icon-overlay-link-btn:hover::after {
    background: var(--color-primary);
    border: 2px solid var(--color-primary);
    color: var(--color-white)
}

.rbt-icon-overlay-link-btn:hover {
    background: 0 0;
    border-color: transparent;
    color: var(--color-white)
}

.rbt-icon-overlay-link-btn:hover::after {
    background: var(--color-primary);
    border: 2px solid var(--color-primary);
    color: var(--color-white)
}

.rbt-icon-overlay-link-btn.rbt-icon-overlay-link-btn-dflt-active::after {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white)
}

.rbt-icon-overlay-link-btn.rbt-icon-overlay-link-btn-dflt-active i {
    color: var(--color-white)
}

.rbt-icon-overlay-link-btn.rbt-icon-overlay-link-btn-dflt-active i.rbt-icon {
    transform: translateY(-300%) translateX(300%)
}

.rbt-icon-overlay-link-btn.rbt-icon-overlay-link-btn-dflt-active i.rbt-icon-bottom {
    transform: translateY(0) translateX(0) scale(1.1)
}

.rbt-icon-overlay-link-btn.rbt-icon-overlay-link-btn-dflt-active:hover::after {
    transform: scale(.85)
}

.rbt-underline-btn {
    color: var(--color-primary);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-semi-bold);
    border-bottom: 2px solid var(--color-primary);
    display: inline-block
}

.rbt-underline-btn.btn-white {
    color: var(--color-white);
    border-color: var(--color-white)
}

.rbt-underline-btn i {
    margin-left: 2px;
    transition: var(--transition)
}

.rbt-underline-btn:hover i {
    margin-left: 4px
}

.rbt-btn.rbt-btn-transparent:hover {
    background: var(--color-black)
}

@keyframes btnTxtMarqueeX {
    100% {
        transform: translateX(-115%)
    }
}

@keyframes btnTxtMarqueeY {
    100% {
        transform: translateY(-115%)
    }
}

.rbt-btn-grp {
    display: flex;
    gap: 6px;
    position: relative;
    z-index: 3
}

.rbt-btn-grp.rbt-has-separator-shape>.rbt-btn-single {
    position: relative
}

.rbt-btn-grp.rbt-has-separator-shape>.rbt-btn-single+.rbt-btn-single::before {
    content: "";
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/pagination/pagination-mid-03.svg);
    width: 18px;
    height: 22px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1
}

@media only screen and (max-width: 767px) {
    .rbt-btn-grp.rbt-has-separator-shape>.rbt-btn-single+.rbt-btn-single::before {
        left: -12px
    }
}

.rbt-trns-modern-btn {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: 500;
    position: relative;
    z-index: 1
}

.rbt-trns-modern-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(.8);
    height: calc(100% + 8px);
    width: calc(100% + 16px);
    background: var(--color-gray-200);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: var(--transition);
    border-radius: 30px
}

.rbt-trns-modern-btn:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(calc(-50% + 4px), -50%) scale(1)
}

.rbt-video-area .pause-btn {
    pointer-events: none
}

.rbt-card {
    overflow: hidden;
    position: relative;
    height: 100%
}

.rbt-card:hover .rbt-right-corner-portion {
    opacity: 1;
    visibility: visible;
    right: 0
}

.rbt-card:hover .rbt-icon-overlay-link-btn::after {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white)
}

.rbt-card:hover .rbt-icon-overlay-link-btn i {
    color: var(--color-white)
}

.rbt-card:hover .rbt-icon-overlay-link-btn i.rbt-icon {
    transform: translateY(-300%) translateX(300%)
}

.rbt-card:hover .rbt-icon-overlay-link-btn i.rbt-icon-bottom {
    transform: translateY(0) translateX(0) scale(1.1)
}

.rbt-card .rbt-card-img {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    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(.9);
    background: var(--color-primary)
}

.rbt-card .rbt-left-corner-portion {
    --box-size: 40px;
    position: absolute;
    left: -20px;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    z-index: 3
}

.rbt-card .rbt-left-corner-portion.white-box-style {
    --box-size: 25px
}

.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper {
    position: relative;
    padding: 0 0 10px 10px;
    background: var(--color-white);
    border-radius: 0 0 24px 0
}

.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper::before,
.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper:after {
    content: "";
    position: absolute;
    height: var(--box-size);
    width: var(--box-size);
    background: 0 0;
    border-radius: var(--radius-full);
    box-shadow: -10px 10px 0 0 #fff
}

.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper::before {
    top: 0;
    left: 100%
}

.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper::after {
    top: 100%;
    left: 0
}

.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper .rbt-card-link-btn {
    height: 56px;
    width: 56px;
    border-radius: var(--radius-full);
    background: var(--color-primary);
    font-size: 20px;
    line-height: 56px;
    text-align: center;
    color: var(--color-white);
    display: inline-block
}

.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp {
    position: static
}

.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp.vertical-style {
    display: flex
}

.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp.vertical-style .rbt-quick-btn {
    height: 36px;
    width: 36px
}

.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp.vertical-style .rbt-quick-btn.rbt-quick-btn {
    margin-top: 0;
    margin-left: 4px
}

.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp.vertical-style .rbt-quick-btn.rbt-quick-btn::before {
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    right: 100%;
    left: unset;
    background: var(--color-brand-300)
}

.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp .rbt-quick-btn i {
    position: relative;
    z-index: 2;
    height: 48px;
    width: 48px;
    background: var(--color-brand-300)
}

.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp .rbt-quick-btn:hover i {
    background: var(--color-primary)
}

.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper .rbt-quick-btn-grp .rbt-quick-btn+.rbt-quick-btn::before {
    background: url(../images/icons/card-inner-svg/icon-layout-01-brand-color.svg)
}

.rbt-card .rbt-left-corner-portion .rbt-corner-portion-wrapper .corner-portion-box {
    height: 20px;
    width: 200px
}

.rbt-card .rbt-left-corner-portion.bottom--position {
    bottom: 0;
    top: unset
}

.rbt-card .rbt-left-corner-portion.bottom--position .rbt-corner-portion-wrapper {
    padding: 10px 10px 0 0;
    background: var(--color-white);
    border-radius: 0 24px 0 0
}

.rbt-card .rbt-left-corner-portion.bottom--position .rbt-corner-portion-wrapper::before,
.rbt-card .rbt-left-corner-portion.bottom--position .rbt-corner-portion-wrapper:after {
    box-shadow: -10px 10px 0 0 #fff
}

.rbt-card .rbt-left-corner-portion.bottom--position .rbt-corner-portion-wrapper::before {
    bottom: 0;
    right: 100%;
    top: unset
}

.rbt-card .rbt-left-corner-portion.bottom--position .rbt-corner-portion-wrapper::after {
    bottom: 100%;
    right: 0;
    top: unset
}

.rbt-card .rbt-left-corner-portion.bottom--position .rbt-corner-portion-wrapper .rbt-card-link-btn {
    height: 56px;
    width: 56px;
    border-radius: var(--radius-full);
    background: var(--color-primary);
    font-size: 20px;
    line-height: 56px;
    text-align: center;
    color: var(--color-white);
    display: inline-block
}

.rbt-card .rbt-left-corner-portion.show-rbt-left-corner-portion {
    opacity: 1;
    visibility: visible;
    left: 0
}

.rbt-card .rbt-left-corner-portion.rbt-left-corner-portion-lg .rbt-icon-overlay-link-btn {
    height: 72px;
    width: 72px;
    line-height: 72px;
    font-size: 20px
}

@media only screen and (max-width: 767px) {
    .rbt-card .rbt-left-corner-portion.rbt-left-corner-portion-lg .rbt-icon-overlay-link-btn {
        height: 50px;
        width: 50px;
        line-height: 50px;
        font-size: 18px
    }
}

.rbt-card .rbt-left-corner-portion.rbt-left-corner-portion-lg .rbt-icon-overlay-link-btn i {
    margin-top: -10px;
    margin-left: -5px
}

.rbt-card .rbt-left-corner-portion.rbt-left-corner-portion-lg .rbt-icon-overlay-link-btn:hover::after {
    transform: scale(.85)
}

.rbt-card.rbt-beta-shop-card {
    border-radius: 12px
}

.rbt-card.rbt-beta-shop-card .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    padding: 16px
}

.rbt-card.rbt-beta-shop-card .rbt-card-img {
    max-width: 108px
}

.rbt-card.rbt-beta-shop-card .rbt-card-title {
    margin-bottom: 8px
}

.rbt-card.rbt-beta-shop-card .rbt-card-content {
    margin-top: 16px
}

.rbt-card.rbt-beta-shop-card p.desc {
    margin-bottom: 0;
    padding-top: 24px;
    position: relative
}

@media only screen and (max-width: 479px) {
    .rbt-card.rbt-beta-shop-card p.desc {
        padding-top: 12px
    }
}

.rbt-card.rbt-beta-shop-card p.desc::before {
    content: "";
    width: 32px;
    height: 1px;
    background: var(--color-black);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute
}

.rbt-card.rbt-beta-shop-card .rbt-btn {
    margin-top: 16px
}

.rbt-card.rbt-beta-shop-card .rbt-btn.rbt-btn-white {
    color: var(--color-primary)
}

.rbt-card.rbt-beta-shop-card .rbt-btn.rbt-btn-white:hover {
    background: var(--color-white);
    color: var(--color-primary)
}

.rbt-card.rbt-beta-shop-card.rbt-bg-color-primary .rbt-card-title a {
    color: var(--color-brand-200)
}

.rbt-card.rbt-beta-shop-card.rbt-bg-color-primary .rbt-card-title a:hover {
    color: var(--color-brand-200)
}

.rbt-card.rbt-beta-shop-card.rbt-bg-color-primary p.desc {
    color: var(--color-brand-200)
}

.rbt-card.rbt-beta-shop-card.rbt-bg-color-primary p.desc::before {
    content: "";
    background: var(--color-white)
}

.rbt-product-badge {
    background: var(--color-primary);
    color: var(--color-white);
    padding: 4px 8px;
    border-radius: 4px;
    font-size: var(--font-size-b4);
    line-height: 1;
    font-weight: 500;
    display: inline-block;
    text-transform: uppercase;
    z-index: 2;
    width: max-content
}

@media only screen and (max-width: 479px) {
    .rbt-product-badge {
        padding: 3px 6px;
        font-size: 10px
    }
}

.rbt-product-badge.rbt-product-badge-bg-primary {
    background: var(--color-primary)
}

.rbt-product-badge.rbt-product-badge-bg-secondary {
    background: var(--color-secondary)
}

.rbt-product-badge.rbt-product-badge-bg-primary-gradient {
    background: linear-gradient(90deg, #215ada 2.66%, #001a53 100%), linear-gradient(90deg, #fe3d06 0, #f1a800 100%), linear-gradient(90deg, #feedde 0, #feedde 100%)
}

.rbt-product-badge.rbt-product-badge-bg-secondary-gradient {
    background: linear-gradient(90deg, #fe3d06 0, #f1a800 100%), linear-gradient(90deg, #feedde 0, #feedde 100%)
}

.rbt-product-badge.rbt-product-badge-bg-yellow {
    background: var(--color-warning)
}

.rbt-product-badge.rbt-product-badge-bg-danger {
    background: var(--color-danger)
}

.rbt-product-badge.rbt-product-badge-bg-green {
    background: var(--color-success)
}

.rbt-product-badge.rbt-product-badge-bg-disabled {
    background: #c1c1c1
}

.rbt-product-badge.rbt-product-badge-bg-light-green {
    background: var(--color-light-green);
    color: var(--color-green);
    border: 1px solid var(--color-green)
}

.rbt-product-badge.border-rounded {
    border-radius: 30px
}

.rbt-product-badge.rbt-badge-top-left--position {
    position: absolute;
    top: 16px;
    left: 16px
}

.rbt-product-badge.rbt-badge-top-left--position+.rbt-badge-top-left--position {
    margin-top: 28px
}

.rbt-discount-badge {
    position: absolute !important;
    height: 60px;
    width: 60px;
    border-radius: 4px;
    background: var(--color-primary);
    display: flex !important;
    align-items: end;
    justify-content: center;
    padding: 3px;
    z-index: 1
}

@media only screen and (max-width: 479px) {
    .rbt-discount-badge {
        height: 48px;
        width: 48px
    }
}

.rbt-discount-badge::after {
    content: "";
    width: 150%;
    position: absolute;
    height: 8px;
    background: var(--color-white);
    top: 100%;
    left: -20%
}

@media only screen and (max-width: 479px) {
    .rbt-discount-badge::after {
        height: 4px
    }
}

.rbt-discount-badge.right--corner-style {
    top: -29px;
    right: -29px;
    transform: rotate(45deg)
}

@media only screen and (max-width: 479px) {
    .rbt-discount-badge.right--corner-style {
        top: -24px;
        right: -24px
    }
}

.rbt-discount-badge span {
    color: var(--color-white);
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    font-weight: 700
}

@media only screen and (max-width: 479px) {
    .rbt-discount-badge span {
        font-size: 10px;
        line-height: 1
    }
}

.rbt-discount-badge span i {
    margin-right: 1px;
    font-size: 10px;
    line-height: 1.6
}

@media only screen and (max-width: 479px) {
    .rbt-discount-badge span i {
        font-size: 8px;
        line-height: 1
    }
}

.rbt-discount-badge.rbt-discound-badge-var-2 {
    background: url(../images/bg-shape/badge-bg-shape.webp);
    background-size: cover;
    align-items: center;
    gap: 2px;
    flex-direction: column;
    height: 64px;
    width: 58px
}

.rbt-discount-badge.rbt-discound-badge-var-2::after {
    content: none
}

.rbt-discount-badge.rbt-discound-badge-var-2.rbt-badge-top-left--position {
    left: 12px;
    top: 12px
}

.rbt-discount-badge.rbt-discound-badge-var-2.rbt-badge-top-right--position {
    right: 12px;
    top: 12px
}

.rbt-discount-badge.rbt-discound-badge-var-2 span {
    line-height: 1
}

.rbt-discount-badge.rbt-discound-badge-var-2 span:first-child {
    font-size: var(--h5)
}

.rbt-discount-badge.rbt-discound-badge-var-2 span:last-child {
    font-size: var(--font-size-b4)
}

.rbt-badge-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.rbt-wishlisted-btn.rbt-top-right--position {
    position: absolute;
    top: 16px;
    right: 16px
}

@media only screen and (max-width: 479px) {
    .rbt-wishlisted-btn.rbt-top-right--position {
        width: 20px;
        height: 20px;
        line-height: 17px;
        font-size: 10px;
        top: 8px;
        right: 8px
    }
}

.rbt-rating-icon-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 4px;
    line-height: .9
}

.rbt-rating-icon-list li {
    margin: 0
}

.rbt-rating-icon-list li i {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    color: var(--color-gray-200)
}

@media only screen and (max-width: 479px) {
    .rbt-rating-icon-list li i {
        font-size: 10px;
        line-height: 1
    }
}

.rbt-rating-icon-list li i.rbt-rated-icon {
    color: var(--color-yellow)
}

.rbt-rating-icon-list.rbt-rating-icon-lg li i {
    font-size: 20px;
    line-height: 1
}

.rbt-rating-icon-list.rbt-text-color-white li i {
    color: var(--color-black)
}

.rbt-rating-icon-list.rbt-text-color-white li i.rbt-rated-icon {
    color: var(--color-white)
}

.rbt-offer-badge {
    font-size: 10px;
    line-height: 1.2;
    padding: 3px 6px;
    background: var(--color-danger);
    color: var(--color-white);
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: var(--f-semi-bold);
    white-space: nowrap
}

@media only screen and (max-width: 479px) {
    .rbt-offer-badge {
        font-size: 8px;
        line-height: 1;
        padding: 2px 4px
    }
}

.rbt-offer-badge.rbt-offer-badge-md {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    padding: 4px 8px
}

.rbt-prd-feature-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px
}

.rbt-prd-feature-card.rbt-curved-style-box {
    -webkit-mask-size: cover;
    -webkit-mask-image: url(../images/system/product-single/prd-single-01-bg-shape-01.svg);
    mask-image: url(../images/system/product-single/prd-single-01-bg-shape-01.svg);
    background-image: url(../images/system/product-single/prd-single-01-bg-shape-01.svg)
}

.rbt-prd-feature-card .rbt-inner {
    padding: 32px 24px
}

.rbt-prd-feature-card .rbt-inner .icon {
    font-size: var(--font-size-xl);
    line-height: 1;
    color: var(--color-brand-00)
}

.rbt-prd-feature-card .rbt-inner .title {
    font-weight: var(--f-medium);
    color: var(--color-heading);
    margin-bottom: 0;
    margin-top: 16px
}

.rbt-prd-feature-card .rbt-inner .desc {
    color: var(--color-gray-500);
    margin-top: 16px;
    margin-bottom: 0
}

.rbt-video-review-card {
    border-radius: 12px;
    position: relative;
    overflow: hidden
}

.rbt-video-review-card .video-item img {
    width: 100%;
    height: auto;
    display: block;
    transition: var(--transition)
}

.rbt-video-review-card .video-item .hover-video {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: var(--transition)
}

.rbt-video-review-card:hover .video-item img {
    opacity: 0;
    visibility: hidden
}

.rbt-video-review-card:hover .video-item .hover-video {
    opacity: 1;
    visibility: visible
}

.rbt-video-review-card .rbt-video-body {
    padding: 16px;
    display: flex;
    gap: 8px;
    align-items: baseline
}

.rbt-video-review-card .rbt-video-body span {
    display: block
}

.rbt-video-review-card .rbt-video-body .rbt-title {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    color: var(--color-heading)
}

.rbt-video-review-card .rbt-video-body .rbt-subtitle {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-gray-500);
    margin-top: 8px
}

.rbt-video-review-card .rbt-video-body .rbt-meta-date {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    color: var(--color-gray-500);
    margin-top: 8px
}

.rbt-video-review-card .rbt-video-body .rbt-reviwer-img {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    display: block
}

.pricing-part {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 18px;
    font-weight: 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)
    }
}

.slick-initialized .slick-slide {
    margin-bottom: -10px
}

.swiper-cards .swiper-slide {
    overflow: visible
}

.swiper-3d .swiper-slide-shadow {
    background: 0 0
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0;
    position: absolute
}

.rbt-dot-bottom-center {
    padding-bottom: 60px
}

@media only screen and (max-width: 767px) {
    .rbt-dot-bottom-center {
        padding-bottom: 32px
    }
}

.rbt-dot-bottom-center .rbt-swiper-pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: max-content;
    transform: translateX(-50%)
}

.rbt-dot-bottom-center .rbt-swiper-pagination.has-hide-dot-swipe {
    padding: 10px 0
}

.rbt-dot-bottom-center .rbt-swiper-pagination.swiper-pagination-fraction {
    color: var(--heading-opacity);
    font-size: 18px;
    font-weight: var(--f-medium);
    letter-spacing: 3px
}

.rbt-dot-top-right {
    padding-top: 60px
}

@media only screen and (max-width: 767px) {
    .rbt-dot-top-right {
        padding-top: 32px
    }
}

.rbt-dot-top-right .rbt-swiper-pagination {
    position: absolute;
    top: 0;
    right: 0;
    width: max-content;
    left: unset;
    bottom: unset
}

.rbt-progress-bottom {
    padding-bottom: 40px
}

.rbt-progress-bottom .swiper-pagination-progressbar {
    position: absolute;
    bottom: 0;
    left: 0;
    top: unset
}

.rbt-swiper-progress.swiper-pagination-progressbar.swiper-pagination-horizontal {
    border-radius: 40px;
    background-color: var(--color-gray-200);
    height: 6px;
    overflow: hidden
}

.rbt-swiper-progress.swiper-pagination-progressbar.swiper-pagination-horizontal .swiper-pagination-progressbar-fill {
    border-radius: 40px;
    background-color: var(--color-gray-400)
}

.rbt-single-product-media-area .product-single-slider-two-thumb-activation .swiper-slide button,
.rbt-single-product-media-area .rbt-thumb-slide-part .swiper-slide button {
    outline: 0;
    border: 0;
    padding: 0;
    position: relative
}

.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .product-single-slider-two-thumb-activation .swiper-slide button,
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .rbt-product-thumb-slider-activation .swiper-slide button {
    border: none;
    padding: 0;
    background: 0 0;
    opacity: .9
}

.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .product-single-slider-two-thumb-activation .swiper-slide button::before,
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .rbt-product-thumb-slider-activation .swiper-slide button::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/system/product-single/sm-prd-bg-01-back.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    visibility: hidden;
    opacity: 0;
    transition: var(--transition);
    z-index: 2
}

.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .product-single-slider-two-thumb-activation .swiper-slide button .rbt-thumb-img-sm,
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .rbt-product-thumb-slider-activation .swiper-slide button .rbt-thumb-img-sm {
    background-image: url(../images/system/product-single/sm-prd-bg-01-front.svg);
    -webkit-mask-image: url(../images/system/product-single/sm-prd-bg-01-front.svg);
    mask-image: url(../images/system/product-single/sm-prd-bg-01-front.svg);
    position: relative;
    z-index: 1;
    -webkit-mask-position: 0 0;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    border: 0;
    display: block
}

.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .product-single-slider-two-thumb-activation .swiper-slide-thumb-active.swiper-slide button,
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .rbt-product-thumb-slider-activation .swiper-slide-thumb-active.swiper-slide button {
    opacity: 1
}

.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .product-single-slider-two-thumb-activation .swiper-slide-thumb-active.swiper-slide button::before,
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .rbt-product-thumb-slider-activation .swiper-slide-thumb-active.swiper-slide button::before {
    visibility: visible;
    opacity: 1
}

.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .product-single-slider-two-activation,
.rbt-single-product-media-area.rbt-single-product-media-has-folder-shape .rbt-product-single-slider-activation {
    position: relative;
    background-image: url(../images/system/product-single/lg-prd-bg-front.svg);
    -webkit-mask-image: url(../images/system/product-single/lg-prd-bg-front.svg);
    mask-image: url(../images/system/product-single/lg-prd-bg-front.svg);
    position: relative;
    z-index: 1;
    -webkit-mask-position: 0 0;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    border: 0
}

.rbt-swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    opacity: 1;
    border-radius: var(--radius-full);
    background: 0 0;
    box-shadow: inset 0 0 0 5px var(--color-gray-300);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    margin: 0 8px !important
}

@media only screen and (max-width: 767px) {
    .rbt-swiper-pagination .swiper-pagination-bullet {
        margin: 0 8px !important
    }
}

.rbt-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: 0 0;
    box-shadow: inset 0 0 0 1px var(--color-primary);
    transform: scale(2);
    opacity: 1
}

.rbt-swiper-pagination.rbt-swiper-pagination-var-one .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    box-shadow: inset 0 0 0 7px var(--color-gray-200);
    transition: var(--transition)
}

.rbt-swiper-pagination.rbt-swiper-pagination-var-one .swiper-pagination-bullet:hover {
    box-shadow: inset 0 0 0 7px rgba(33, 90, 218, .5)
}

.rbt-swiper-pagination.rbt-swiper-pagination-var-one .swiper-pagination-bullet.swiper-pagination-bullet-active {
    box-shadow: inset 0 0 0 1px rgba(33, 90, 218, .5)
}

.rbt-swiper-pagination.rbt-swiper-pagination-var-one .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    content: "";
    position: absolute;
    height: 6px;
    width: 6px;
    background: var(--color-primary);
    border-radius: var(--radius-full);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.bg-gradient-3 .rbt-swiper-pagination .swiper-pagination-bullet {
    box-shadow: inset 0 0 0 5px var(--color-white)
}

.bg-gradient-3 .rbt-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    box-shadow: inset 0 0 0 1px var(--color-white)
}

@media only screen and (max-width: 767px) {
    .rbt-default-modal .rbt-arrow-between .rbt-swiper-arrow {
        display: none !important
    }
}

.rbt-arrow-between {
    position: relative
}

.rbt-arrow-between .rbt-swiper-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    transition: .5s;
    opacity: 0;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: var(--radius-full);
    color: var(--color-body);
    background-color: var(--color-white);
    z-index: 3;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .rbt-arrow-between .rbt-swiper-arrow {
        opacity: 0 !important;
        visibility: visible
    }
}

.rbt-arrow-between .rbt-swiper-arrow .custom-overflow {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden
}

.rbt-arrow-between .rbt-swiper-arrow i {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    margin-top: -9px;
    margin-left: -7px;
    z-index: 1;
    font-size: var(--font-size-b1);
    line-height: 1
}

.rbt-arrow-between .rbt-swiper-arrow i.rbt-icon {
    transition: var(--transition);
    transition: transform .4s cubic-bezier(.785, .135, .15, .86), -webkit-transform .4s cubic-bezier(.785, .135, .15, .86)
}

.rbt-arrow-between .rbt-swiper-arrow i.rbt-icon-top {
    position: absolute;
    transition: transform .4s cubic-bezier(.785, .135, .15, .86), -webkit-transform .4s cubic-bezier(.785, .135, .15, .86);
    transform: translateX(300%)
}

.rbt-arrow-between .rbt-swiper-arrow:active {
    scale: .95
}

.rbt-arrow-between .rbt-swiper-arrow::after {
    transition: var(--transition);
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--color-white);
    border-radius: var(--radius-full);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    z-index: -1
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-tranparent {
    background: 0 0;
    border: 2px solid var(--color-white);
    color: #fff
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-tranparent::after {
    background: 0 0
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-tranparent:hover {
    color: var(--color-white);
    border-color: var(--color-primary)
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-tranparent:hover::after {
    background-color: var(--color-primary)
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-gray {
    color: var(--color-heading)
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-gray::after {
    background-color: var(--color-extra-four)
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-brand {
    color: var(--color-primary)
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-brand::after {
    background-color: var(--color-brand-300)
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-brand:hover {
    color: var(--color-white)
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-brand:hover::after {
    background-color: var(--color-primary)
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-lg {
    height: 60px;
    width: 60px;
    font-size: 18px;
    line-height: 1.5
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-lg i {
    margin-top: -9px;
    margin-left: -7px;
    font-size: 18px;
    line-height: 1
}

@media only screen and (max-width: 1199px) {
    .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-lg {
        height: 45px;
        width: 45px;
        font-size: 16px
    }
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-md {
    height: 56px;
    width: 56px;
    font-size: 18px
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (max-width:767px) {
    .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-md {
        height: 36px;
        width: 36px;
        font-size: 16px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-md {
        height: 40px;
        width: 40px;
        font-size: 16px
    }
}

.rbt-arrow-between .rbt-swiper-arrow:hover {
    background: 0 0;
    border-color: transparent;
    color: var(--color-primary)
}

.rbt-arrow-between .rbt-swiper-arrow:hover::after {
    transform: scale(1.1)
}

.rbt-arrow-between .rbt-swiper-arrow:hover i.rbt-icon {
    transform: translateX(-300%)
}

.rbt-arrow-between .rbt-swiper-arrow:hover i.rbt-icon-top {
    transform: translateX(0)
}

.rbt-arrow-between .rbt-swiper-arrow:active::after {
    transform: scale(.9)
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left,
.rbt-arrow-between .rbt-swiper-arrow.rbt-modal-arrow-left {
    left: 24px
}

@media only screen and (max-width: 767px) {

    .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left,
    .rbt-arrow-between .rbt-swiper-arrow.rbt-modal-arrow-left {
        left: 20px
    }
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right,
.rbt-arrow-between .rbt-swiper-arrow.rbt-modal-arrow-right {
    left: auto;
    right: 24px
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right i.rbt-icon-top,
.rbt-arrow-between .rbt-swiper-arrow.rbt-modal-arrow-right i.rbt-icon-top {
    transform: translateX(-300%)
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right:hover i.rbt-icon,
.rbt-arrow-between .rbt-swiper-arrow.rbt-modal-arrow-right:hover i.rbt-icon {
    transform: translateX(300%)
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right:hover i.rbt-icon-top,
.rbt-arrow-between .rbt-swiper-arrow.rbt-modal-arrow-right:hover i.rbt-icon-top {
    transform: translateX(0)
}

@media only screen and (max-width: 767px) {

    .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right,
    .rbt-arrow-between .rbt-swiper-arrow.rbt-modal-arrow-right {
        left: auto;
        right: 20px
    }
}

.rbt-arrow-between .rbt-swiper-arrow.swiper-button-disabled {
    cursor: not-allowed;
    opacity: 0
}

@media only screen and (max-width: 767px) {
    .rbt-arrow-between:hover .rbt-swiper-arrow {
        opacity: 1 !important;
        visibility: visible
    }
}

.rbt-arrow-between.rbt-arrow--top-right .rbt-swiper-arrow {
    top: -60px
}

.rbt-arrow-between.rbt-arrow--top-right .rbt-swiper-arrow.rbt-arrow-left {
    left: unset;
    right: 60px
}

.rbt-arrow-between.rbt-arrow--top-right .rbt-swiper-arrow.rbt-arrow-right {
    right: 0
}

.rbt-arrow-between.rbt-arrow--top-right.rbt-arrow-lg .rbt-swiper-arrow {
    top: -60px
}

.rbt-arrow-between.rbt-arrow--top-right.rbt-arrow-lg .rbt-swiper-arrow.rbt-arrow-left {
    left: unset;
    right: 80px
}

.rbt-arrow-between.rbt-arrow--top-right.rbt-arrow-lg .rbt-swiper-arrow.rbt-arrow-right {
    right: 0
}

@media only screen and (max-width: 767px) {
    .rbt-arrow-between .rbt-swiper-arrow-wrapper-style-one {
        display: none
    }
}

.rbt-arrow-between.rbt-dot-bottom-center .rbt-swiper-arrow {
    margin-top: -29px
}

.rbt-arrow-between.icon-bg-gray .rbt-swiper-arrow {
    background: var(--color-gray-lighter)
}

.rbt-arrow-between.icon-bg-gray .rbt-swiper-arrow::after {
    background: var(--color-gray-lighter)
}

.rbt-arrow-between.rbt-arrow-bg-brand .rbt-swiper-arrow {
    background: var(--color-brand-400);
    color: var(--color-primary)
}

.rbt-arrow-between.rbt-arrow-bg-brand .rbt-swiper-arrow::after {
    background: var(--color-brand-400);
    color: var(--color-white)
}

.rbt-arrow-between.icon-bg-primary .rbt-swiper-arrow {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-arrow-between.icon-bg-primary .rbt-swiper-arrow::after {
    background: var(--color-primary)
}

.rbt-arrow-between.md-size .rbt-swiper-arrow {
    width: 40px;
    height: 40px
}

.rbt-arrow-between.arrow-right-bottom .rbt-swiper-arrow {
    position: absolute;
    top: auto;
    transform: none;
    bottom: 0;
    right: 0;
    opacity: 1
}

.rbt-arrow-between.rbt-arrow-show-dfl .rbt-swiper-arrow {
    opacity: 1
}

.rbt-arrow-between.rbt-arrow-show-dfl .rbt-swiper-arrow.swiper-button-disabled {
    opacity: .5 !important
}

.rbt-arrow-between.rbt-arrow-bottom-right .rbt-swiper-arrow {
    top: 92%
}

.rbt-arrow-between.rbt-arrow-bottom-right .rbt-swiper-arrow.rbt-arrow-left {
    right: 82px;
    left: auto
}

.rbt-arrow-between.rbt-arrow-bottom-right .rbt-swiper-arrow.rbt-arrow-right {
    right: 24px
}

.rbt-arrow-between.rbt-arrow-bottom .rbt-swiper-arrow {
    top: 92%
}

.rbt-arrow-between.rbt-arrow-bottom-between .rbt-swiper-arrow {
    top: 92%
}

.rbt-arrow-between.rbt-arrow-bottom-between .rbt-arrow-left {
    left: 16px
}

.rbt-arrow-between.rbt-arrow-bottom-between .rbt-arrow-right {
    right: 16px
}

.rbt-arrow-between.rbt-swiper-arrow-transparent .rbt-swiper-arrow {
    background: 0 0
}

.rbt-arrow-between.rbt-swiper-arrow-transparent .rbt-swiper-arrow::after {
    background: 0 0
}

.rbt-arrow-between.rbt-swiper-arrow-transparent .rbt-swiper-arrow:hover {
    box-shadow: var(--shadow-8)
}

.rbt-arrow-between.rbt-swiper-arrow-transparent .rbt-swiper-arrow:hover::after {
    background: var(--color-white)
}

.rbt-arrow-between.rbt-swiper-right-bottom-one .rbt-swiper-arrow {
    bottom: 8px;
    left: 50%;
    top: auto;
    right: auto;
    transform: translate(-50%)
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-arrow-between.rbt-swiper-right-bottom-one .rbt-swiper-arrow {
        bottom: 8px;
        left: auto;
        top: 50%;
        right: 0;
        transform: translateY(-50%) rotate(270deg)
    }
}

.rbt-arrow-between:hover .rbt-swiper-arrow {
    opacity: 1
}

.rbt-arrow-between:hover .rbt-swiper-arrow.swiper-button-disabled {
    opacity: .5 !important
}

.parent-swiper {
    margin: -30px
}

.parent-swiper .parent-swiper-inner {
    padding: 30px
}

.parent-swiper .swiper-slide .rbt-card {
    box-shadow: none
}

.parent-swiper .swiper-slide .rbt-card:hover {
    box-shadow: var(--shadow-1);
    transform: scale(1)
}

.parent-swiper .rbt-arrow-between .rbt-swiper-arrow {
    left: 60px
}

.parent-swiper .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right {
    left: auto;
    right: 60px
}

.swiper .rbt-cat-box-1.variation-2 .inner {
    box-shadow: var(--shadow-light)
}

.swiper .rbt-cat-box-1 .inner {
    box-shadow: var(--shadow-light)
}

@media only screen and (max-width: 767px) {
    .banner-swiper-active.rbt-dot-bottom-center .rbt-swiper-pagination {
        bottom: 23px
    }
}

.swiper-right-width {
    width: calc(100% + 200px)
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (max-width:767px) {
    .swiper-right-width {
        width: 100%
    }
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (max-width:767px) {
    .swiper-right-sm-width {
        width: 100%
    }
}

.prd-single-slide-activation-1 {
    overflow: hidden
}

.prd-single-slide-activation-1 .rbt-swiper-arrow {
    opacity: 1
}

.rbt-swiper-container-one {
    position: relative;
    width: 100%
}

.rbt-swiper-container-one .rbt-swiper-arrow {
    opacity: 1
}

.rbt-swiper-container-one .rbt-swiper-arrow.rbt-arrow-left,
.rbt-swiper-container-one .rbt-swiper-arrow.rbt-modal-arrow-left {
    left: -110px
}

@media only screen and (max-width: 1199px),
only screen and (min-width:1200px) and (max-width:1599px) {

    .rbt-swiper-container-one .rbt-swiper-arrow.rbt-arrow-left,
    .rbt-swiper-container-one .rbt-swiper-arrow.rbt-modal-arrow-left {
        left: 20px
    }
}

.rbt-swiper-container-one .rbt-swiper-arrow.rbt-arrow-right,
.rbt-swiper-container-one .rbt-swiper-arrow.rbt-modal-arrow-right {
    right: -110px
}

@media only screen and (max-width: 1199px),
only screen and (min-width:1200px) and (max-width:1599px) {

    .rbt-swiper-container-one .rbt-swiper-arrow.rbt-arrow-right,
    .rbt-swiper-container-one .rbt-swiper-arrow.rbt-modal-arrow-right {
        right: 20px
    }
}

.rbt-swiper-container-one .rbt-swiper-arrow.swiper-button-disabled {
    opacity: .5 !important
}

.rbt-swiper-container-one.rbt-arrow-between-lg-dis>.rbt-swiper-arrow {
    opacity: 1
}

.rbt-swiper-container-one.rbt-arrow-between-lg-dis>.rbt-swiper-arrow.rbt-arrow-left,
.rbt-swiper-container-one.rbt-arrow-between-lg-dis>.rbt-swiper-arrow.rbt-modal-arrow-left {
    left: -140px
}

@media only screen and (max-width: 1199px),
only screen and (min-width:1200px) and (max-width:1599px) {

    .rbt-swiper-container-one.rbt-arrow-between-lg-dis>.rbt-swiper-arrow.rbt-arrow-left,
    .rbt-swiper-container-one.rbt-arrow-between-lg-dis>.rbt-swiper-arrow.rbt-modal-arrow-left {
        left: 20px
    }
}

.rbt-swiper-container-one.rbt-arrow-between-lg-dis>.rbt-swiper-arrow.rbt-arrow-right,
.rbt-swiper-container-one.rbt-arrow-between-lg-dis>.rbt-swiper-arrow.rbt-modal-arrow-right {
    right: -140px
}

@media only screen and (max-width: 1199px),
only screen and (min-width:1200px) and (max-width:1599px) {

    .rbt-swiper-container-one.rbt-arrow-between-lg-dis>.rbt-swiper-arrow.rbt-arrow-right,
    .rbt-swiper-container-one.rbt-arrow-between-lg-dis>.rbt-swiper-arrow.rbt-modal-arrow-right {
        right: 20px
    }
}

.rbt-swiper-container-one.rbt-dot-right-center {
    position: relative
}

@media only screen and (max-width: 767px) {
    .rbt-swiper-container-one.rbt-dot-right-center {
        padding-bottom: 30px !important
    }
}

.rbt-swiper-container-one.rbt-dot-right-center .swiper-pagination-bullets.swiper-pagination-horizontal {
    top: 50%;
    position: absolute;
    right: 0;
    left: auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transform: translateY(-50%);
    bottom: unset;
    width: auto
}

@media only screen and (max-width: 767px) {
    .rbt-swiper-container-one.rbt-dot-right-center .swiper-pagination-bullets.swiper-pagination-horizontal {
        top: unset;
        bottom: 0;
        left: 50%;
        right: unset;
        flex-direction: row;
        transform: translateX(-50%);
        gap: 0
    }
}

.rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one {
    --box-size: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 8px 16px;
    border-radius: 24px 0 0 0
}

.rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one::before,
.rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one:after {
    content: "";
    position: absolute;
    height: var(--box-size);
    width: var(--box-size);
    background: 0 0;
    border-radius: var(--radius-full);
    box-shadow: 15px 15px 0 0 #fff
}

.rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one::before {
    bottom: 0;
    right: 100%
}

.rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one::after {
    bottom: 100%;
    right: 0
}

.rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 8px;
    position: relative
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one ul {
        gap: 4px
    }
}

.rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one ul li {
    position: relative;
    margin: 0
}

.rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one ul li+li::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    width: 32px;
    height: 44px;
    right: calc(100% - 12px);
    left: unset;
    background-image: url(../images/icons/card-inner-svg/icon-layout-01-brand-color.svg);
    z-index: -1
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one ul li+li::before {
        width: 24px;
        height: 32px;
        right: calc(100% - 8px)
    }
}

.rbt-hero-banner-activation-3 .rbt-swiper-arrow {
    position: static;
    transform: translateY(0);
    background-color: transparent
}

.rbt-hero-banner-activation-3 .rbt-swiper-arrow i {
    font-size: var(--font-size-b1);
    line-height: 1
}

.rbt-hero-banner-activation-3 .rbt-swiper-pagination {
    --box-size: 40px;
    width: auto;
    background: var(--color-white);
    bottom: unset;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    flex-direction: column;
    display: flex;
    padding: 16px 20px;
    border-radius: 0 16px 16px 0
}

@media only screen and (max-width: 767px) {
    .rbt-hero-banner-activation-3 .rbt-swiper-pagination {
        display: none
    }
}

.rbt-hero-banner-activation-3 .rbt-swiper-pagination::before,
.rbt-hero-banner-activation-3 .rbt-swiper-pagination:after {
    content: "";
    position: absolute;
    height: var(--box-size);
    width: var(--box-size);
    background: 0 0;
    border-radius: var(--radius-full);
    box-shadow: -15px 15px 0 0 var(--color-white)
}

.rbt-hero-banner-activation-3 .rbt-swiper-pagination::before {
    bottom: 100%;
    left: 0
}

.rbt-hero-banner-activation-3 .rbt-swiper-pagination::after {
    top: 100%;
    left: 0;
    box-shadow: -15px -15px 0 0 var(--color-white)
}

.rbt-hero-banner-activation-3 .rbt-swiper-pagination .swiper-pagination-bullet {
    margin: 10px 0 !important
}

.rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-bottom-center {
    top: unset;
    flex-direction: row;
    bottom: 0;
    transform: translateX(-50%);
    border-radius: 16px 16px 0 0;
    left: 50%
}

.rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-bottom-center::before,
.rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-bottom-center:after {
    box-shadow: 15px 15px 0 0 var(--color-white)
}

.rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-bottom-center::before {
    bottom: 0;
    right: 100%;
    left: unset
}

.rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-bottom-center::after {
    top: unset;
    bottom: 0;
    left: 100%;
    right: unset;
    box-shadow: -15px 15px 0 0 var(--color-white)
}

.rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-bottom-center .swiper-pagination-bullet {
    margin: 0 10px !important
}

.rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-right-center {
    right: 2%;
    left: auto
}

.rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-transparent {
    --box-size: 0;
    background: 0 0
}

.category-activation-one.gutter-swiper-24 {
    margin: -12px
}

@media only screen and (max-width: 767px) {
    .rbt-elctro-hero-banner .rbt-swiper-arrow {
        display: none
    }
}

.rbt-cs-hero-banner-activation .rbt-swiper-pagination {
    padding-left: 12px;
    z-index: 1;
    transform: translateX(-50%);
    left: 50%;
    bottom: 60px
}

.rbt-cs-hero-banner-activation .rbt-swiper-pagination .swiper-pagination-bullet {
    box-shadow: inset 0 0 0 7px var(--color-brand-500)
}

@media only screen and (max-width: 1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-cs-hero-banner-activation .rbt-swiper-pagination {
        bottom: 30px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-cs-hero-banner-activation .rbt-swiper-pagination {
        bottom: 5px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cs-hero-banner-activation .rbt-swiper-pagination {
        bottom: 2px
    }
}

.rbt-glass-hero-products-banner-area .rbt-hero-banner-activation-3 .rbt-swiper-pagination {
    top: unset;
    bottom: 85px;
    transform: none;
    background: 0 0
}

.rbt-glass-hero-products-banner-area .rbt-hero-banner-activation-3 .rbt-swiper-pagination::after,
.rbt-glass-hero-products-banner-area .rbt-hero-banner-activation-3 .rbt-swiper-pagination::before {
    display: none
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-glass-hero-products-banner-area .rbt-hero-banner-activation-3 .rbt-swiper-pagination {
        display: none
    }
}

@media only screen and (max-width: 1199px),
only screen and (max-width:767px) {
    .rbt-glass-hero-products-banner-area .rbt-hero-banner-activation-3 .rbt-swiper-pagination {
        display: none
    }
}

.rbt-single-product-media-area .swiper-slide a {
    border: 2px solid transparent
}

.rbt-single-product-media-area .swiper-slide.swiper-slide-thumb-active a {
    border: 2px solid var(--color-primary)
}

.rbt-arrow-between .rbt-swiper-arrow:focus-visible {
    outline: 0
}

.rbt-swiper-pagination-dot-extend.swiper-pagination {
    bottom: 10px
}

.rbt-swiper-pagination-dot-extend .swiper-pagination-bullet {
    width: 92px;
    height: 4px;
    border-radius: 0;
    position: relative;
    overflow: hidden;
    background: unset;
    opacity: 1
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-swiper-pagination-dot-extend .swiper-pagination-bullet {
        width: 60px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-swiper-pagination-dot-extend .swiper-pagination-bullet {
        width: 40px
    }
}

.rbt-swiper-pagination-dot-extend .swiper-pagination-bullet::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.rbt-swiper-pagination-dot-extend .swiper-pagination-bullet::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--color-white);
    opacity: .4;
    z-index: 1
}

.rbt-swiper-pagination-dot-extend .swiper-pagination-bullet:first-child {
    border-radius: 0 0 0 var(--radius-12)
}

.rbt-swiper-pagination-dot-extend .swiper-pagination-bullet:last-child {
    border-radius: 0 0 var(--radius-12) 0
}

.rbt-swiper-pagination-dot-extend .swiper-pagination-bullet-active::before {
    background-color: var(--color-primary);
    animation: rbt-slide-progress-anim 3s ease-out forwards
}

.swiper-paused .rbt-swiper-pagination-dot-extend .swiper-pagination-bullet-active::before {
    animation-play-state: paused
}

.rbt-swiper-pagination-center .rbt-swiper-pagination {
    width: fit-content;
    left: 50%;
    transform: translateX(-50%)
}

.rbt-scroll-text-animation {
    padding: 8px 0
}

.rbt-scroll-text-animation .swiper-wrapper {
    transition-timing-function: linear !important
}

.rbt-scroll-text-animation a {
    color: var(--color-white);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-medium);
    display: flex;
    gap: 8px;
    align-items: center;
    white-space: nowrap
}

.rbt-scroll-text-animation .rbt-catagory-icon {
    display: inline-block;
    height: 14px;
    min-width: 14px;
    border-radius: var(--radius-full);
    border: 2px solid var(--color-white)
}

.rbt-medea-lg-img-area-sm-wider {
    max-width: 375px;
    margin: 0
}

.rbt-medea-lg-img-area-md-wider {
    margin: 0
}

.rbt-couponSwiper .swiper-slide {
    max-width: 70%
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-couponSwiper .swiper-slide {
        max-width: 80%
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-couponSwiper .swiper-slide {
        max-width: 50%
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-couponSwiper .swiper-slide {
        max-width: 55%
    }
}

@media only screen and (max-width: 575px) {
    .rbt-couponSwiper .swiper-slide {
        max-width: 100%
    }
}

.rbt-swiper-scrollbar-bottom {
    padding-bottom: 24px;
    position: relative
}

.rbt-swiper-scrollbar-bottom .rbt-swiper-scrollbar {
    position: absolute;
    background: var(--color-gray-200);
    border-radius: 40px;
    height: 6px;
    width: 100%;
    bottom: 0;
    left: 0
}

.rbt-swiper-scrollbar-bottom .rbt-swiper-scrollbar .swiper-scrollbar-drag {
    background: var(--color-gray-400);
    border-radius: 40px
}

.product-single-slider-three-activation {
    max-height: 1860px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .product-single-slider-three-activation.rbt-medea-lg-img-area-sm-wider {
        max-width: unset
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .product-single-slider-three-activation {
        max-height: 1440px
    }
}

.product-single-slider-three-activation .thumbnail {
    height: 100%
}

.product-single-slider-three-activation .thumbnail .rbt-product-single-img {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-single-slider-three-activation .thumbnail .rbt-product-single-img img {
    height: 100%;
    object-fit: cover
}

.product-single-slider-three-thumb-activation {
    max-width: 70px
}

@media only screen and (max-width: 767px) {
    .product-single-slider-three-thumb-activation {
        max-width: 320px
    }
}

.product-single-slider-two-thumb-activation {
    max-height: 457px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .product-single-slider-two-thumb-activation {
        max-height: auto
    }
}

.product-single-slider-two-thumb-activation.thumb-height-var-one {
    max-height: 530px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .product-single-slider-two-thumb-activation.thumb-height-var-one {
        max-height: auto
    }
}

.product-single-slider-two-thumb-activation.thumb-height-var-two {
    max-height: 360px
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .product-single-slider-two-thumb-activation.thumb-height-var-two {
        max-height: 524px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .product-single-slider-two-thumb-activation.thumb-height-var-two {
        max-height: auto
    }
}

.product-single-slider-two-thumb-activation.thumb-height-var-lg {
    max-height: 530px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .product-single-slider-two-thumb-activation.thumb-height-var-lg {
        max-height: auto
    }
}

.product-single-slider-three-thumb-activation {
    height: 430px
}

@media only screen and (max-width: 767px) {
    .product-single-slider-three-thumb-activation {
        height: auto
    }
}

.product-single-slider-three-thumb-activation.thumb-height-var-one {
    max-height: 330px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .product-single-slider-three-thumb-activation.thumb-height-var-one {
        max-height: auto
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-thumb-slide-part {
        max-width: 100%;
        position: static !important;
        display: flex;
        align-items: center;
        gap: 16px;
        width: 80% !important
    }

    .rbt-thumb-slide-part .swiper {
        max-width: unset;
        margin: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-thumb-slide-part {
        max-width: 100%;
        position: static !important
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-medea-lg-img-area.w-82 {
        width: 100% !important
    }
}

@media only screen and (max-width: 767px) {
    .rbt-swiper-arrow.sm_d-none {
        display: none
    }
}

@keyframes rbt-slide-progress-anim {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

.swiper.has-right-bg-shape {
    position: relative
}

.swiper.has-right-bg-shape::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 0;
    width: 200px;
    background: linear-gradient(90deg, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .9) 45.02%, #fff 86.62%);
    z-index: 2;
    max-height: 120px
}

.swiper.has-right-bg-shape-sm-width::before {
    width: 100px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .product-single-slider-three-thumb-activation {
        height: 100%;
        margin: 0
    }
}

.swiper.rbt-thumb-has-bg-shape-overlay {
    position: relative
}

.swiper.rbt-thumb-has-bg-shape-overlay::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .9) 45.02%, #fff 86.62%);
    z-index: 2;
    max-height: 120px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .swiper.rbt-thumb-has-bg-shape-overlay::after {
        width: 50px;
        height: 100%;
        background: linear-gradient(90deg, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .9) 45.02%, #fff 86.62%);
        max-height: unset
    }
}

.rbt-swiper-lr-shadow {
    position: relative
}

.rbt-swiper-lr-shadow::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 10%;
    height: 100%;
    background: linear-gradient(90deg, #e9f1fc 0, rgba(249, 249, 249, 0) 100%);
    z-index: 2
}

.rbt-swiper-lr-shadow::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 10%;
    height: 100%;
    background: linear-gradient(270deg, #e9f1fc 0, rgba(249, 249, 249, 0) 100%);
    z-index: 2
}

.rbt-megamenu-prd-card-activation-1 .rbt-swiper-pagination-center .rbt-swiper-pagination {
    bottom: 8px;
    line-height: normal
}

.rbt-component-section-title {
    margin-bottom: 40px;
    padding-bottom: 22px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 16px;
    border-bottom: 2px solid var(--color-gray-100)
}

@media only screen and (max-width: 767px) {
    .rbt-component-section-title {
        margin-bottom: 20px;
        gap: 8px
    }
}

.rbt-component-section-title span.rbt-card-subtitle {
    font-weight: 400;
    margin-bottom: 0
}

.rbt-component-section-title .rbt-title,
.rbt-component-section-title .title {
    margin-bottom: 0;
    font-weight: var(--f-regular)
}

.rbt-component-section-title .rbt-title .rbt-bold--text,
.rbt-component-section-title .title .rbt-bold--text {
    font-weight: 700
}

@media only screen and (max-width: 767px) {

    .rbt-component-section-title .rbt-title.h1,
    .rbt-component-section-title .title.h1 {
        font-size: 24px
    }
}

.rbt-component-section-title .description {
    color: var(--color-gray-500);
    max-width: 542px;
    margin-bottom: 0
}

.rbt-component-section-title .rbt-link {
    transition: var(--transition)
}

.rbt-component-section-title .rbt-link:hover {
    color: var(--color-primary);
    transform: translateY(-2px)
}

.title-sm-fsize {
    margin-bottom: 24px
}

@media only screen and (max-width: 767px) {
    .title-sm-fsize {
        margin-bottom: 8px
    }
}

.title-sm-fsize .rbt-title,
.title-sm-fsize .title {
    margin-bottom: 0;
    font-weight: var(--f-medium);
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2)
}

.title-sm-fsize .rbt-title .rbt-bold--text,
.title-sm-fsize .title .rbt-bold--text {
    font-weight: 600
}

.rbt-short-title {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    padding-bottom: 12px;
    font-weight: 500;
    margin-bottom: 6px;
    border-bottom: 2px solid var(--color-gray-100);
    text-align: left;
    color: var(--color-gray-400);
    font-weight: 500
}

.rbt-exclusive-section-title {
    margin-bottom: 40px;
    position: relative
}

.rbt-exclusive-section-title .icons {
    font-size: 32px;
    display: flex;
    gap: 24px;
    margin-bottom: 24px
}

.rbt-exclusive-section-title .subtitle {
    font-size: 20px;
    display: inline-block;
    margin-bottom: 8px;
    color: var(--color-black);
    font-family: var(--font-primary);
    position: relative;
    z-index: 2
}

.rbt-exclusive-section-title .rbt-title {
    font-size: 52px;
    color: var(--color-black);
    line-height: 1;
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-exclusive-section-title .rbt-title {
        font-size: 44px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-exclusive-section-title .rbt-title {
        font-size: 32px
    }
}

.rbt-exclusive-section-title .rbt-title .rbt-title-sm-text {
    font-size: 40px;
    font-weight: var(--f-regular)
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-exclusive-section-title .rbt-title .rbt-title-sm-text {
        font-size: 36px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-exclusive-section-title .rbt-title .rbt-title-sm-text {
        font-size: 28px
    }
}

.rbt-exclusive-section-title .rbt-title .rbt-overlay-text {
    font-size: 280px;
    font-weight: 700;
    padding: 6px 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -54%;
    line-height: .7;
    z-index: -1;
    white-space: nowrap;
    user-select: none
}

.rbt-exclusive-section-title .rbt-title .rbt-overlay-text.overlay-sm {
    font-size: 112px
}

.rbt-exclusive-section-title .rbt-title .rbt-overlay-text.overlay-text-color-var-2 {
    background: linear-gradient(180deg, #d8e8ff 0, #eff1f4 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-exclusive-section-title .rbt-title .rbt-overlay-text.overlay-text-color-var-3 {
    background: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, 0) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: .1
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-exclusive-section-title .rbt-title .rbt-overlay-text {
        font-size: 160px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-exclusive-section-title .rbt-title .rbt-overlay-text {
        font-size: 110px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-exclusive-section-title .rbt-title .rbt-overlay-text {
        font-size: 80px
    }
}

.rbt-exclusive-section-title .rbt-title .rbt-text-sm {
    font-size: 40px;
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .rbt-exclusive-section-title .rbt-title .rbt-text-sm {
        font-size: 30px
    }
}

.rbt-exclusive-section-title p {
    color: #333
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .exclusive-btn {
        font-size: var(--font-size-b1);
        padding: 0 28px;
        height: 44px;
        line-height: 44px !important
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .exclusive-btn {
        font-size: var(--font-size-b1);
        padding: 0 20px;
        height: 40px;
        line-height: 40px !important
    }
}

.exclusive-btn.icon-reverse-left .icon-left {
    margin-left: -24px;
    opacity: 0;
    transition: opacity .6s cubic-bezier(.68, -.55, .27, 1.55), margin .6s cubic-bezier(.68, -.55, .27, 1.55)
}

.exclusive-btn.icon-reverse-left .icon-right {
    margin-right: 0;
    transition: opacity .6s cubic-bezier(.68, -.55, .27, 1.55), margin .6s cubic-bezier(.68, -.55, .27, 1.55)
}

.exclusive-btn.icon-reverse-left:focus .icon-left,
.exclusive-btn.icon-reverse-left:hover .icon-left {
    opacity: 1;
    margin-left: 0
}

.exclusive-btn.icon-reverse-left:focus .icon-right,
.exclusive-btn.icon-reverse-left:hover .icon-right {
    margin-right: -24px;
    opacity: 0
}

.exclusive-btn.icon-reverse-right .icon-left {
    transition: var(--transition);
    transition: opacity .6s cubic-bezier(.68, -.55, .27, 1.55), margin .6s cubic-bezier(.68, -.55, .27, 1.55)
}

.exclusive-btn.icon-reverse-right .icon-right {
    margin-right: -24px;
    opacity: 0;
    transition: var(--transition);
    transition: opacity .6s cubic-bezier(.68, -.55, .27, 1.55), margin .6s cubic-bezier(.68, -.55, .27, 1.55)
}

.exclusive-btn.icon-reverse-right:focus .icon-left,
.exclusive-btn.icon-reverse-right:hover .icon-left {
    margin-left: -24px;
    opacity: 0
}

.exclusive-btn.icon-reverse-right:focus .icon-right,
.exclusive-btn.icon-reverse-right:hover .icon-right {
    margin-right: 0;
    opacity: 1
}

.exclusive-btn+.exclusive-btn.rbt-btn-border:focus,
.exclusive-btn+.exclusive-btn.rbt-btn-border:hover {
    background: 0 0
}

.exclusive-btn:focus,
.exclusive-btn:hover {
    transform: translate3d(0, -2px, 0);
    box-shadow: var(--shadow-7);
    color: var(--color-white)
}

.exclusive-btn:focus.icon-hover .btn-text,
.exclusive-btn:hover.icon-hover .btn-text {
    transform: translateX(-5px)
}

.exclusive-btn:focus.icon-hover .btn-icon i,
.exclusive-btn:hover.icon-hover .btn-icon i {
    opacity: 1;
    transform: translateX(5px)
}

.rbt-overlay-counter {
    font-size: 280px;
    line-height: 1;
    font-weight: 700;
    user-select: none
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-overlay-counter {
        font-size: 160px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-overlay-counter {
        font-size: 110px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-overlay-counter {
        font-size: 80px
    }
}

.rbt-overlay-counter .odometer .odometer-digit .odometer-value {
    background: linear-gradient(180deg, rgba(33, 90, 218, .3) 0, rgba(239, 241, 244, .3) 87.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-overlay-counter .counter-suffix {
    background: linear-gradient(180deg, rgba(33, 90, 218, .3) 0, rgba(239, 241, 244, .3) 87.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-overlay-counter.counter-sm {
    font-size: 112px
}

.rbt-overlay-counter.color-variation-2 .odometer .odometer-digit .odometer-value {
    background: linear-gradient(180deg, rgba(33, 90, 218, .6) 0, rgba(0, 0, 0, .6) 87.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-overlay-counter.color-variation-2 .counter-suffix {
    background: linear-gradient(180deg, rgba(33, 90, 218, .6) 0, rgba(0, 0, 0, .6) 87.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-overlay-counter {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -132%
}

.rbt-overlay-counter.counter-sm .counter-suffix {
    margin-left: -28px
}

.rbt-overlay-counter .counter-suffix {
    margin-left: -72px
}

.rbt-exclusive-section-title .rbt-overlay-text {
    background: linear-gradient(180deg, rgba(33, 90, 218, .3) 0, rgba(239, 241, 244, .3) 87.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-exclusive-section-title .section-indicator {
    right: -72px;
    top: -64px
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-exclusive-section-title .section-indicator {
        right: 0
    }
}

.rbt-exclusive-section-title .section-indicator {
    position: absolute;
    right: -16px;
    top: 28px;
    color: #000;
    font-family: var(--font-secondary);
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
    display: flex;
    gap: 16px;
    align-items: center;
    z-index: 1
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1399px) {
    .rbt-exclusive-section-title .section-indicator {
        font-size: 24px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-exclusive-section-title .section-indicator {
        display: none
    }
}

.rbt-component-area.rbt-bg-color-black .rbt-component-section-title {
    border-color: var(--color-gray-black-three)
}

.container-fluid,
.rbt-fullwidth-wrapper,
.wrapper {
    margin: 0 auto;
    max-width: 2560px;
    width: 100%
}

.rbt-cat-box {
    position: relative;
    transition: var(--transition);
    height: 100%;
    overflow: hidden
}

.rbt-cat-box .rbt-image-portion img {
    transition: all .3s ease-in-out;
    object-fit: cover
}

.rbt-cat-box:hover .rbt-image-portion img {
    transform: scale(1.04)
}

.rbt-cat-box:hover .rbt-icon-overlay-link-btn i {
    color: var(--color-white)
}

.rbt-cat-box:hover .rbt-icon-overlay-link-btn i.rbt-icon {
    transform: translateY(-300%) translateX(300%)
}

.rbt-cat-box:hover .rbt-icon-overlay-link-btn i.rbt-icon-bottom {
    transform: translateY(0) translateX(0) scale(1.04)
}

.rbt-cat-box:hover .rbt-icon-overlay-link-btn::after {
    transform: scale(1);
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white)
}

.rbt-cat-box:hover .rbt-icon-overlay-link-btn:hover {
    background: 0 0 !important;
    border-color: transparent !important
}

.rbt-cat-box:hover .rbt-icon-overlay-link-btn:hover::after {
    transform: scale(.9) !important
}

.rbt-cat-box.rbt-cat-box-1 .content {
    margin-top: 16px
}

@media only screen and (max-width: 479px) {
    .rbt-cat-box.rbt-cat-box-1 .content {
        margin-top: 4px
    }
}

.rbt-cat-box.rbt-cat-box-1 .content .title {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    margin-bottom: 0;
    font-weight: var(--f-medium)
}

@media only screen and (max-width: 479px) {
    .rbt-cat-box.rbt-cat-box-1 .content .title {
        font-size: 12px
    }
}

.rbt-cat-box.rbt-cat-box-1:hover .rbt-image-portion img {
    transform: scale(1.04)
}

.rbt-cat-box.rbt-cat-box-1.rbt-cat-box-1-rounded .inner {
    display: grid;
    justify-content: center
}

.rbt-cat-box.rbt-cat-box-1.rbt-cat-box-1-rounded .rbt-image-portion {
    height: 100%;
    width: 100%;
    border-radius: var(--radius-full);
    position: relative;
    overflow: hidden
}

.rbt-cat-box.rbt-cat-box-1.rbt-cat-box-1-lg .inner {
    display: flex;
    flex-direction: column;
    align-items: center
}

.rbt-cat-box.rbt-cat-box-1.rbt-cat-box-1-lg .rbt-image-portion {
    height: 100%;
    width: 100%
}

.rbt-cat-box.rbt-cat-box-2 {
    padding: 32px;
    border-radius: 12px;
    background: var(--color-brand-200);
    display: block
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-2 {
        padding: 16px 8px;
        border-radius: 4px
    }
}

.rbt-cat-box.rbt-cat-box-2.text-center .inner {
    display: flex;
    flex-direction: column;
    align-items: center
}

.rbt-cat-box.rbt-cat-box-2 .rbt-image-portion {
    height: 173px;
    width: 173px;
    border-radius: var(--radius-full);
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-2 .rbt-image-portion {
        height: 80px;
        width: 80px
    }
}

.rbt-cat-box.rbt-cat-box-2 .rbt-image-portion img {
    transition: var(--transition);
    transform: scale(1.04)
}

.rbt-cat-box.rbt-cat-box-2 .content {
    margin-top: 16px
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-2 .content {
        margin-top: 8px
    }
}

.rbt-cat-box.rbt-cat-box-2 .content .title {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    margin-bottom: 0;
    font-weight: var(--f-medium)
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-2 .content .title {
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4)
    }
}

.rbt-cat-box.rbt-cat-box-2:hover .rbt-image-portion img {
    transform: scale(1)
}

.rbt-cat-box.rbt-cat-box-3 {
    overflow: unset
}

.rbt-cat-box.rbt-cat-box-3 .inner {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.rbt-cat-box.rbt-cat-box-3 .rbt-image-portion {
    height: 100%;
    width: 100%;
    border-radius: var(--radius-full);
    position: relative;
    overflow: hidden
}

.rbt-cat-box.rbt-cat-box-3 .rbt-image-portion a img {
    transform: scale(1.04);
    height: 100%;
    width: 100%
}

.rbt-cat-box.rbt-cat-box-3 .content {
    margin-top: -22px
}

@media only screen and (max-width: 479px) {
    .rbt-cat-box.rbt-cat-box-3 .rbt-btn {
        height: 28px;
        line-height: 28px;
        font-size: 10px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-cat-box.rbt-cat-box-3 .rbt-btn i {
        font-size: 10px
    }
}

.rbt-cat-box.rbt-cat-box-3:hover .rbt-image-portion a img {
    transform: scale(1)
}

.rbt-cat-box.rbt-cat-box-3.cat-var-two .rbt-image-portion {
    max-width: 320px
}

.rbt-cat-box.rbt-cat-box-4 {
    padding: 24px;
    padding-top: 32px;
    border-radius: 12px;
    background: var(--color-brand-50);
    border: 2px solid var(--color-brand-50);
    display: block;
    transition: var(--transition-3)
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-4 {
        padding: 8px;
        padding-top: 16px;
        border-radius: 4px
    }
}

.rbt-cat-box.rbt-cat-box-4:hover {
    background: var(--color-brand-200);
    border-color: var(--color-primary)
}

.rbt-cat-box.rbt-cat-box-4 .content .title {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    margin-bottom: 0;
    font-weight: 600
}

.rbt-cat-box.rbt-cat-box-4 .content .quick-link-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-4 .content .quick-link-list {
        gap: 4px;
        margin-top: 8px
    }
}

.rbt-cat-box.rbt-cat-box-4 .content .quick-link-list li {
    margin: 0;
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3)
}

.rbt-cat-box.rbt-cat-box-4 .rbt-image-portion {
    margin-top: 16px
}

.rbt-cat-box.rbt-cat-box-5 {
    border-radius: unset
}

.rbt-cat-box.rbt-cat-box-5 .rbt-image-portion {
    border-radius: 24px;
    position: relative;
    overflow: hidden
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-cat-box.rbt-cat-box-5 .rbt-image-portion {
        border-radius: 8px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-cat-box.rbt-cat-box-5 .rbt-image-portion {
        border-radius: 12px
    }
}

.rbt-cat-box.rbt-cat-box-5 .inner {
    transition: var(--transition)
}

.rbt-cat-box.rbt-cat-box-5 .inner .rbt-image-portion a {
    display: block;
    transition: var(--transition);
    position: relative;
    overflow: hidden;
    border-radius: 12px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-cat-box.rbt-cat-box-5 .inner .rbt-image-portion a {
        border-radius: 8px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-cat-box.rbt-cat-box-5 .inner .rbt-image-portion a {
        border-radius: 12px
    }
}

.rbt-cat-box.rbt-cat-box-5 .inner .rbt-image-portion a img {
    width: 100%;
    object-fit: cover;
    min-height: 305px
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-5 .inner .rbt-image-portion a img {
        min-height: 220px
    }
}

.rbt-cat-box.rbt-cat-box-5 .inner .rbt-btn {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    word-break: break-all;
    text-wrap: auto;
    height: auto;
    padding: 5px 15px;
    line-height: 1.5;
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-cat-box.rbt-cat-box-5 .inner .rbt-btn {
        padding: 5px 20px
    }
}

.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion {
    --box-size: 40px;
    position: absolute;
    z-index: 2;
    right: -20px;
    top: -20px;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition-short)
}

.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion .rbt-corner-portion-wrapper {
    position: relative;
    padding: 0 0 10px 10px;
    background: var(--color-white);
    border-radius: 0 0 0 24px
}

.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion .rbt-corner-portion-wrapper::before,
.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion .rbt-corner-portion-wrapper:after {
    content: "";
    position: absolute;
    height: var(--box-size);
    width: var(--box-size);
    background: 0 0;
    border-radius: var(--radius-full);
    box-shadow: 13px -13px 0 0 #fff
}

.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion .rbt-corner-portion-wrapper::before {
    top: 0;
    right: 100%
}

.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion .rbt-corner-portion-wrapper::after {
    top: 100%;
    right: 0
}

.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-card-link-btn {
    height: 56px;
    width: 56px;
    border-radius: var(--radius-full);
    background: var(--color-primary);
    font-size: 20px;
    line-height: 56px;
    text-align: center;
    color: var(--color-white);
    display: inline-block;
    transform: scale(1);
    transition: var(--transition)
}

.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-card-link-btn:hover {
    transform: scale(.9)
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion .rbt-corner-portion-wrapper .rbt-card-link-btn {
        height: 44px;
        width: 44px;
        line-height: 44px;
        font-size: 16px
    }
}

.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion.bottom--position {
    bottom: -20px;
    top: unset
}

.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper {
    padding: 10px 0 0 10px;
    background: var(--color-white);
    border-radius: 24px 0 0 0
}

.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper::before,
.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper:after {
    box-shadow: 15px 15px 0 0 #fff
}

.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper::before {
    bottom: 0;
    right: 100%;
    top: unset
}

.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper::after {
    bottom: 100%;
    right: 0;
    top: unset
}

.rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper .rbt-card-link-btn {
    height: 56px;
    width: 56px;
    border-radius: var(--radius-full);
    background: var(--color-primary);
    font-size: 20px;
    line-height: 56px;
    text-align: center;
    color: var(--color-white);
    display: inline-block
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper .rbt-card-link-btn {
        height: 44px;
        width: 44px;
        line-height: 44px;
        font-size: 16px
    }
}

.rbt-cat-box.rbt-cat-box-5.wider-coloumn {
    max-width: none
}

.rbt-cat-box.rbt-cat-box-5.wider-coloumn .rbt-image-portion img {
    min-height: 242px
}

.rbt-cat-box.rbt-cat-box-5.wider-coloumn .content {
    position: absolute;
    top: 32px;
    left: 32px;
    bottom: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.rbt-cat-box.rbt-cat-box-5.wider-coloumn .content .subtitle {
    margin-top: 16px;
    margin-bottom: 0;
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    font-weight: var(--f-medium);
    color: var(--color-heading)
}

.rbt-cat-box.rbt-cat-box-5.wider-coloumn .content .title {
    margin: 0;
    font-weight: 400;
    color: var(--color-heading)
}

.rbt-cat-box.rbt-cat-box-5.wider-coloumn .content .title .rbt-bold--text {
    font-weight: 700
}

.rbt-cat-box.rbt-cat-box-5.wider-coloumn .content .bottom-content>.rbt-btn {
    position: static;
    transform: none;
    top: 0;
    left: 0;
    width: unset;
    display: flex
}

.rbt-cat-box.rbt-cat-box-5.wider-coloumn .content .bottom-content>.rbt-btn.rbt-marquee-btn {
    width: 180px;
    text-wrap: nowrap;
    word-wrap: normal;
    position: relative
}

.rbt-cat-box.rbt-cat-box-5.variation-two .content {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 24px;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-5.variation-two .content {
        padding: 12px
    }
}

.rbt-cat-box.rbt-cat-box-5.variation-two .content .rbt-btn {
    position: static;
    width: unset;
    transform: none;
    text-align: center
}

.rbt-cat-box.rbt-cat-box-5.variation-two .content .title {
    color: var(--color-white);
    margin-bottom: 12px;
    width: 75%
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-5.variation-two .content .title {
        width: 100%
    }
}

.rbt-cat-box.rbt-cat-box-5:hover .rbt-icon-overlay-link-btn {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 20px;
    display: block
}

.rbt-cat-box.rbt-cat-box-5:hover .rbt-icon-overlay-link-btn::after {
    transform: scale(1);
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white)
}

.rbt-cat-box.rbt-cat-box-5:hover .rbt-icon-overlay-link-btn i {
    margin-top: -10px;
    margin-left: -5px;
    color: var(--color-white)
}

.rbt-cat-box.rbt-cat-box-5:hover .rbt-icon-overlay-link-btn i.rbt-icon {
    transform: translateY(-300%) translateX(300%)
}

.rbt-cat-box.rbt-cat-box-5:hover .rbt-icon-overlay-link-btn i.rbt-icon-bottom {
    transform: translateY(0) translateX(0) scale(1.04)
}

.rbt-cat-box.rbt-cat-box-5:hover .rbt-right-corner-portion {
    opacity: 1;
    visibility: visible;
    right: 0;
    top: 0
}

.rbt-cat-box.rbt-cat-box-5:hover .rbt-right-corner-portion .rbt-card-link-btn:hover {
    background: var(--color-primary)
}

.rbt-cat-box.rbt-cat-box-5:hover .rbt-right-corner-portion.bottom--position {
    top: unset;
    bottom: 0
}

.rbt-cat-box.rbt-cat-box-5.variation-one {
    border-radius: unset
}

.rbt-cat-box.rbt-cat-box-5.variation-one .content .title {
    margin-top: 16px;
    margin-bottom: 0;
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    font-weight: var(--f-medium)
}

.rbt-cat-box.rbt-cat-box-5.variation-one .content .title a {
    display: block
}

.rbt-cat-box.rbt-cat-box-5.variation-one .rbt-image-portion {
    border-radius: 12px
}

.rbt-cat-box.rbt-cat-box-5.variation-three .inner {
    height: 100%
}

.rbt-cat-box.rbt-cat-box-5.variation-three .rbt-image-portion {
    border-radius: var(--radius-10);
    height: 100%
}

.rbt-cat-box.rbt-cat-box-5.variation-three .rbt-image-portion a {
    height: 100%
}

.rbt-cat-box.rbt-cat-box-5.variation-three .rbt-image-portion a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 23.85%, rgba(0, 0, 0, .6) 100%)
}

.rbt-cat-box.rbt-cat-box-5.variation-three .rbt-image-portion a img {
    transform: scale(1);
    height: 100%
}

.rbt-cat-box.rbt-cat-box-5.variation-three .content {
    position: absolute;
    width: 100%;
    bottom: 24px;
    padding: 0 12px;
    z-index: 2
}

.rbt-cat-box.rbt-cat-box-5.variation-three:hover .rbt-image-portion img {
    transform: scale(1.02)
}

.rbt-cat-box.rbt-cat-box-5.variation-four .inner .rbt-image-portion a img {
    min-height: unset
}

.rbt-cat-box.rbt-cat-box-5.variation-four .inner .content .title {
    margin-top: 16px
}

.rbt-cat-box.rbt-cat-box-6 {
    background: var(--color-brand-200);
    border-radius: 16px;
    padding: 32px 40px
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-6 {
        padding: 12px 16px
    }
}

.rbt-cat-box.rbt-cat-box-6 .title {
    font-weight: 700;
    margin-bottom: 0
}

.rbt-cat-box.rbt-cat-box-6 .rbt-image-portion {
    margin-top: 16px
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-6 .rbt-image-portion {
        margin-top: 12px
    }
}

.rbt-cat-box.rbt-cat-box-6 .quick-button-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    gap: 16px
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-6 .quick-button-list {
        margin-top: 12px;
        gap: 8px
    }
}

.rbt-cat-box.rbt-cat-box-6 .quick-button-list li {
    margin: 0
}

.rbt-cat-box.rbt-cat-box-6 .quick-button-list li .rbt-btn {
    display: block;
    padding: 0 10px
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-6 .quick-button-list li .rbt-btn {
        height: 28px;
        line-height: 28px
    }
}

.rbt-cat-box.rbt-cat-box-6 .rbt-image-portion a img {
    max-height: 150px
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-6 .rbt-image-portion a img {
        max-height: 80px
    }
}

.rbt-cat-box.rbt-cat-box-7 {
    border-radius: 16px;
    border: 1px solid var(--color-extra-four);
    background: var(--color-white)
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-7 {
        border-radius: var(--radius)
    }
}

.rbt-cat-box.rbt-cat-box-7 .inner {
    display: flex
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-7 .inner {
        padding: 8px 12px;
        padding-bottom: 52px;
        position: relative;
        flex-direction: column-reverse;
        align-items: flex-start
    }
}

.rbt-cat-box.rbt-cat-box-7 .content {
    padding: 24px;
    padding-right: 0;
    flex-basis: 70%
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-7 .content {
        padding: 0;
        flex-basis: 100%
    }
}

.rbt-cat-box.rbt-cat-box-7 .content .title {
    font-size: var(--font-size-b1);
    line-height: 1;
    margin-bottom: 0;
    font-weight: 600
}

.rbt-cat-box.rbt-cat-box-7 .content .quick-link-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px
}

.rbt-cat-box.rbt-cat-box-7 .content .quick-link-list li {
    margin: 0;
    font-size: var(--font-size-b3);
    line-height: 1.1;
    font-weight: 400
}

.rbt-cat-box.rbt-cat-box-7 .content .quick-link-list li a {
    color: var(--color-gray-600)
}

.rbt-cat-box.rbt-cat-box-7 .content .quick-link-list li a:hover {
    color: var(--color-primary)
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-7 .rbt-icon-overlay-link-btn {
        position: absolute;
        bottom: 8px;
        left: 12px
    }
}

.rbt-cat-box.rbt-cat-box-7 .rbt-image-portion {
    text-align: center
}

.rbt-cat-box.rbt-cat-box-7 .rbt-image-portion a img {
    max-width: 93px;
    height: auto
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-7 .rbt-image-portion a img {
        max-width: 64px;
        margin-bottom: 4px
    }
}

.rbt-cat-box.rbt-cat-box-8 {
    padding: 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, .2);
    color: var(--color-white)
}

.rbt-cat-box.rbt-cat-box-8 .content .rbt-btn:hover {
    background: var(--color-primary)
}

.rbt-cat-box.rbt-cat-box-8 .rbt-image-portion {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1
}

.rbt-cat-box.rbt-cat-box-8 .rbt-image-portion img {
    transform: scale(1.04);
    min-height: 100%;
    width: 100%
}

.rbt-cat-box.rbt-cat-box-8 .has-rbt-sectioin-overlay {
    position: relative;
    height: 100%;
    display: block
}

.rbt-cat-box.rbt-cat-box-8 .has-rbt-sectioin-overlay::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(rgba(118, 65, 31, .1) 0, rgba(49, 19, 0, .7) 100%);
    opacity: .9
}

.rbt-cat-box.rbt-cat-box-8 .has-rbt-sectioin-overlay.rbt-sectioin-overlay-black::after {
    opacity: .7;
    background: linear-gradient(180deg, #000 0, rgba(0, 0, 0, 0) 100%)
}

.rbt-cat-box.rbt-cat-box-8 .has-rbt-sectioin-overlay.rbt-sectioin-overlay-white::after {
    opacity: .7;
    background: linear-gradient(180deg, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .5) 100%)
}

.rbt-cat-box.rbt-cat-box-8 .has-rbt-sectioin-overlay.rbt-sectioin-overlay-black-reverse::after {
    opacity: 1;
    background: linear-gradient(180deg, rgba(3, 14, 3, 0) 22.08%, rgba(3, 14, 3, .8) 86.53%)
}

.rbt-cat-box.rbt-cat-box-8.rbt-curved-style-box {
    mask-image: url(../images/system/catagory-8-curved-top-mask.webp);
    -webkit-mask-image: url(../images/system/catagory-8-curved-top-mask.webp);
    background-image: url(../images/system/catagory-8-curved-top-mask.webp)
}

.rbt-cat-box.rbt-cat-box-8:hover .rbt-image-portion img {
    transform: scale(1)
}

.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-one {
    min-height: 630px
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-one {
        min-height: 464px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-one {
        min-height: 400px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-one {
        min-height: 324px
    }
}

.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-one .subtitle {
    font-size: 20px;
    line-height: 1.5
}

.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-two {
    padding: 0
}

.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-two .content {
    position: absolute
}

.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-two .rbt-image-portion {
    position: static
}

.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-two .inner {
    justify-content: center;
    align-items: center;
    text-align: center
}

.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-two .title {
    margin-bottom: 0
}

.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-three {
    min-height: 416px
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-three {
        padding: 16px;
        min-height: 250px
    }
}

.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-three .rbt-btn {
    display: block;
    text-align: center;
    backdrop-filter: blur(12px)
}

.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-three .title {
    width: 75%
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-three .title {
        width: 100%;
        margin-bottom: 8px
    }
}

.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four {
    padding: 0
}

.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four .inner {
    flex-direction: column-reverse
}

.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four .rbt-image-portion {
    position: static;
    border-radius: var(--radius-12);
    overflow: hidden
}

.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four .content {
    text-align: center;
    padding-top: 24px;
    width: unset
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four .content {
        padding-top: 16px
    }
}

.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four .content .subtitle {
    color: var(--color-gray-400);
    font-weight: var(--f-medium);
    font-size: var(--font-size-b2)
}

.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four .content .title {
    color: var(--color-black)
}

.rbt-cat-box.rbt-cat-box-8.rbt-cat-box-8-var-four .content .rbt-btn {
    background: var(--color-primary)
}

.rbt-cat-box.rbt-cat-box-8.h-650 {
    min-height: 650px
}

.rbt-cat-box.rbt-cat-box-9 {
    background: var(--color-gray-light);
    border-radius: var(--radius-12)
}

.rbt-cat-box.rbt-cat-box-9 .inner {
    padding: 32px;
    min-height: 204px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1
}

.rbt-cat-box.rbt-cat-box-9 .content {
    position: relative;
    z-index: 1;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.rbt-cat-box.rbt-cat-box-9 .content .top-content .rbt-badge {
    position: absolute;
    right: -8px;
    top: -8px
}

.rbt-cat-box.rbt-cat-box-9 .content .top-content .title {
    margin-bottom: 8px
}

.rbt-cat-box.rbt-cat-box-9 .rbt-image-portion {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    display: flex;
    justify-content: end;
    align-items: center
}

.rbt-cat-box.rbt-cat-box-9 .rbt-image-portion img {
    max-height: 204px
}

.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two {
    border-radius: var(--radius-md);
    overflow: visible;
    transition: var(--transition)
}

.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two .inner {
    padding: 24px;
    min-height: 175px
}

.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two .content {
    justify-content: center
}

.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two .content .title {
    margin-bottom: 0;
    color: var(--color-white)
}

.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two .rbt-image-portion img {
    max-height: 220px;
    border-radius: var(--radius-md);
    position: absolute;
    bottom: 0;
    right: 0
}

.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two .rbt-image-portion img.rbt-cat-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two:hover {
    transform: translateY(-3px)
}

.rbt-cat-box.rbt-cat-box-9.rbt-cat-box-9-var-two:hover .rbt-image-portion img {
    transform: none
}

.rbt-cat-box.banner-card {
    padding-top: 28px;
    background-color: #e2f2d8;
    border-radius: 16px
}

.rbt-cat-box.banner-card .inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.rbt-cat-box.banner-card .subtitle {
    margin-bottom: 0;
    color: var(--color-heading)
}

.rbt-cat-box.banner-card .rbt-title {
    margin-top: 8px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1
}

.rbt-cat-box.banner-card .rbt-title .rbt-bold--text {
    font-weight: 700
}

.rbt-cat-box.banner-card .secondary-title {
    margin-bottom: 0;
    margin-top: 8px;
    color: var(--color-primary);
    font-family: var(--font-secondary);
    font-weight: 700;
    line-height: 1
}

.rbt-cat-box.banner-card .rbt-image-portion {
    margin-top: 8px;
    margin-bottom: -12px
}

.rbt-cat-box.banner-card:hover .rbt-image-portion img {
    transform: scale(1.04)
}

.rbt-tea-loose-leafs-section .rbt-tea-leaf-type-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 30px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-tea-loose-leafs-section .rbt-tea-leaf-type-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 18px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-tea-loose-leafs-section .rbt-tea-leaf-type-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-tea-loose-leafs-section .rbt-tea-leaf-type-list {
        gap: 14px
    }
}

.rbt-tea-loose-leafs-section .rbt-tea-leaf-type-list li {
    margin: 0
}

.rbt-tea-loose-leafs-section .rbt-tea-leaf-type-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px
}

@media only screen and (max-width: 767px) {
    .rbt-tea-loose-leafs-section .rbt-tea-leaf-type-item {
        min-width: 50px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-tea-loose-leafs-section .rbt-tea-leaf-type-item {
        min-width: 90px
    }
}

.rbt-tea-loose-leafs-section .rbt-tea-leaf-type-item:hover .rbt-tea-leaf-swatch {
    transform: scale(1.04)
}

.rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch {
    width: 116px;
    height: 116px;
    border-radius: var(--radius-full);
    border: 1px solid #b9b9b9;
    box-shadow: inset 0 0 0 8px var(--color-white);
    transition: var(--transition)
}

.rbt-tea-loose-leafs-section .rbt-tea-leaf-label {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-heading);
    font-weight: var(--f-medium)
}

.rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch-white {
    background: #f0f0ef
}

.rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch-green {
    background: #bfcc41
}

.rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch-matcha {
    background: #90ad3c
}

.rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch-oolong {
    background: #e8d7a5
}

.rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch-black {
    background: #343036
}

.rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch-organic {
    background: #a03905
}

.rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch-herbals {
    background: #d8bd45
}

.rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch-jasmine {
    background: #ecd775
}

.rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch-decaf {
    background: #96605a
}

@media only screen and (max-width: 479px) {
    .rbt-tea-loose-leafs-section .rbt-component-section-title .rbt-title {
        font-size: var(--b1)
    }

    .rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch {
        width: 50px;
        height: 50px;
        box-shadow: inset 0 0 0 4px var(--color-white)
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-tea-loose-leafs-section .rbt-tea-leaf-swatch {
        width: 90px;
        height: 90px
    }
}

.rbt-catagories-list-area {
    display: flex;
    justify-content: center;
    align-items: baseline;
    max-width: none;
    gap: 24px
}

@media only screen and (max-width: 479px) {
    .rbt-catagories-list-area {
        font-size: 16px
    }
}

@media only screen and (max-width: 1199px),
only screen and (min-width:1200px) and (max-width:1599px),
only screen and (min-width:1600px) and (max-width:1919px) {
    .rbt-catagories-list-area {
        margin: 0;
        width: 100%;
        max-width: 100%
    }
}

.rbt-catagories-list-area .title {
    margin-bottom: 0;
    white-space: nowrap
}

@media only screen and (max-width: 479px) {
    .rbt-catagories-list-area .title {
        font-size: 16px
    }
}

.rbt-catagories-list-area.rbt-catagories-list-area {
    margin-top: 26px
}

@media only screen and (max-width: 479px) {
    .rbt-catagories-list-area.rbt-catagories-list-area {
        margin-top: 16px
    }
}

.rbt-catagories-grp {
    display: flex;
    align-items: center;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    justify-content: flex-start !important
}

.rbt-catagories-grp li {
    margin: 0
}

.rbt-catagories-grp .rbt-catagory-btn {
    height: 48px;
    line-height: 46px;
    font-size: var(--font-size-b1);
    background: 0 0;
    border: 2px solid var(--color-gray-200)
}

@media only screen and (max-width: 767px) {
    .rbt-catagories-grp .rbt-catagory-btn {
        height: 36px;
        line-height: 32px;
        font-size: 12px
    }
}

.rbt-bg-color-gray-light .rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion .rbt-corner-portion-wrapper {
    background-color: var(--color-gray-light)
}

.rbt-bg-color-gray-light .rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper::before,
.rbt-bg-color-gray-light .rbt-cat-box.rbt-cat-box-5 .rbt-right-corner-portion.bottom--position .rbt-corner-portion-wrapper:after {
    box-shadow: 15px 15px 0 0 var(--color-gray-light)
}

.rbt-category-update {
    position: relative;
    height: 44px !important;
    z-index: 2
}

.rbt-category-update:hover {
    border-radius: 6px 6px 0 0
}

.rbt-category-update .rbt-category-btn {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 100%;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    gap: 8px;
    padding: 12px 16px;
    min-width: 280px;
    border-radius: var(--radius);
    background: var(--color-primary);
    color: var(--color-white);
    position: relative;
    cursor: pointer;
    transition: var(--transition)
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-category-update .rbt-category-btn {
        min-width: 180px
    }
}

.rbt-category-update .rbt-category-btn .fa-chevron-down {
    position: absolute;
    right: 16px;
    font-size: 12px;
    line-height: 12px;
    top: 50%;
    transform: translateY(-50%)
}

.rbt-category-update .rbt-update-category-dropdown {
    position: absolute;
    left: 0;
    top: 105%;
    cursor: default;
    visibility: hidden;
    opacity: 0;
    transition: 0s ease;
    background: #fff;
    box-shadow: 0 4px 30px 10px rgba(0, 0, 0, .05);
    border-radius: 0 0 0 6px;
    z-index: 1;
    width: 100%
}

.rbt-category-update .rbt-update-category-dropdown .inner {
    max-width: 100%
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list {
    margin: 0;
    position: relative
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list+.dropdown-parent-list {
    border-top: 2px solid var(--color-gray-light)
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list>a {
    font-weight: var(--f-medium);
    padding: 12px 16px;
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    gap: 8px;
    display: flex;
    align-items: center;
    position: relative;
    color: var(--color-heading);
    margin: 0;
    border-radius: 3px
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list>a .rbt-chevron-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list>a:hover {
    color: var(--color-primary);
    background: var(--color-gray-light)
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper {
    position: absolute;
    top: 0;
    left: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    background-color: var(--color-white);
    opacity: 0;
    visibility: hidden;
    transition: .3s ease;
    min-width: 415px;
    min-height: 100%;
    z-index: 1;
    border-radius: 0 8px 8px 8px;
    box-shadow: var(--shadow-1);
    overflow: hidden
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    align-self: flex-start
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .dropdown-child-list {
    position: relative;
    width: 50%;
    z-index: 100;
    margin: 0
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .dropdown-child-list a {
    font-size: 15px;
    line-height: 18px;
    text-transform: none;
    font-weight: 300;
    display: block;
    color: var(--color-heading);
    display: block;
    padding: 9px 10px;
    transition: .4s
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .dropdown-child-list a:hover {
    color: var(--color-primary)
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu-wrapper {
    margin-top: 0
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu .rbt-short-title {
    margin-bottom: 0;
    padding: 12px;
    border-bottom: 2px solid var(--color-gray-100)
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu .rbt-small-title {
    font-weight: 700;
    color: var(--color-black)
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu .mega-menu-item {
    padding: 0;
    margin: 0;
    height: 100%;
    margin-top: 8px;
    list-style: none
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu .mega-menu-item li {
    margin: 4px 0
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu .mega-menu-item li a {
    font-weight: var(--f-medium);
    padding: 4px 12px;
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    display: block;
    color: var(--color-gray-700);
    margin: 0;
    border-radius: 4px;
    transition: var(--transition);
    display: flex;
    align-items: center
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu .mega-menu-item li a .rbt-badge-card {
    margin-left: 10px
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu .mega-menu-item li a.active,
.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu .mega-menu-item li a:hover {
    color: var(--color-primary) !important;
    background: var(--color-gray-100)
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu .rbt-mega-menu-img img {
    border-radius: var(--radius)
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu .rbt-quick-info-tag {
    margin-top: 20px
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper .rbt-child-inner .rbt-megamenu .rbt-ads-wrapper img {
    width: 100%;
    object-fit: cover;
    border-radius: 4px
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper.rbt-dropdown-child-wrapper-lg {
    min-width: 734px
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list .rbt-dropdown-child-wrapper.rbt-dropdown-child-wrapper-left-align {
    right: 100%;
    left: unset;
    border-radius: 8px 0 8px 8px
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list:hover .rbt-dropdown-child-wrapper {
    opacity: 1;
    visibility: visible
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list.active>a {
    color: var(--color-primary);
    background: var(--color-brand-100)
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list.active .rbt-dropdown-child-wrapper {
    opacity: 1;
    visibility: visible
}

.rbt-category-update .rbt-update-category-dropdown .inner .rbt-dropdown-parent-wrapper .dropdown-parent-list.active .rbt-dropdown-child-wrapper {
    display: block !important
}

.rbt-category-update:hover .rbt-update-category-dropdown {
    opacity: 1;
    visibility: visible;
    transition: .3s ease;
    top: 100%
}

.rbt-category-update:hover .rbt-category-btn {
    border-radius: 6px 6px 0 0
}

.rbt-category-update.rbt-category-menu-wrapper-var-one {
    text-align: left;
    height: 36px !important
}

.rbt-category-update.rbt-category-menu-wrapper-var-one .rbt-category-btn {
    padding: 8px 16px;
    background: rgba(255, 255, 255, .15)
}

.rbt-category-update.rbt-category-menu-wrapper-var-one:hover .rbt-category-btn {
    border-radius: 6px 6px 0 0
}

.rbt-dropdown-child-wrapper {
    display: none
}

.rbt-cat-cat-box-1 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px;
    border-radius: 4px;
    transition: var(--transition);
    z-index: 1
}

.rbt-cat-cat-box-1 .rbt-cat-icon {
    font-size: 18px;
    line-height: 1;
    color: var(--color-primary);
    transition: var(--transition)
}

.rbt-cat-cat-box-1 .title {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-heading);
    font-weight: 500;
    transition: var(--transition)
}

.rbt-cat-cat-box-1::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    transform: translate(-50%, -50%) scale(.85);
    background: var(--color-primary);
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    z-index: -1
}

.rbt-cat-cat-box-1:hover {
    color: var(--color-white)
}

.rbt-cat-cat-box-1:hover .rbt-cat-icon,
.rbt-cat-cat-box-1:hover .title {
    color: var(--color-white)
}

.rbt-cat-cat-box-1:hover::after {
    transform: translate(-50%, -50%) scale(1);
    visibility: visible;
    opacity: 1
}

@media only screen and (max-width: 767px) {
    .rbt-sm-max-height {
        max-height: 100px !important;
        width: 100% !important
    }
}

.countdown-style-1 .countdown {
    display: flex;
    margin: 0 -20px;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: -10px
}

.countdown-style-1 .countdown .countdown-container {
    margin: 10px;
    position: relative;
    transition: var(--transition);
    text-align: center;
    background: var(--white-opacity);
    border-radius: 10px;
    min-width: 120px
}

.countdown-style-1 .countdown .countdown-container .countdown-heading {
    display: block;
    color: var(--color-white);
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    display: block;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    transition: var(--transition);
    opacity: .7
}

.countdown-style-1 .countdown .countdown-container .countdown-value {
    display: block;
    font-weight: 600;
    font-size: 40px;
    line-height: 1.24;
    color: var(--color-white);
    text-align: center;
    position: relative;
    transition: var(--transition);
    margin: 0
}

@media only screen and (max-width: 767px) {
    .countdown-style-1 .countdown .countdown-container .countdown-value {
        font-size: 24px
    }
}

.rbt-countdown-one .countdown {
    display: flex;
    gap: 8px
}

.rbt-countdown-one .countdown .countdown-container {
    position: relative;
    transition: var(--transition);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 8px 12px;
    background: var(--color-gray-100);
    border-radius: 4px;
    width: 50px
}

.rbt-countdown-one .countdown .countdown-container .countdown-heading {
    display: block;
    color: var(--color-gray-500);
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    text-align: center;
    margin: 0;
    display: block;
    transition: var(--transition)
}

.rbt-countdown-one .countdown .countdown-container .countdown-value {
    display: block;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: var(--color-heading);
    text-align: center;
    position: relative;
    transition: var(--transition);
    margin: 0
}

@media only screen and (max-width: 767px) {
    .rbt-countdown-one .countdown .countdown-container .countdown-value {
        font-size: 14px
    }
}

.rbt-countdown-one.rbt-countdown-lg .countdown {
    gap: 24px
}

.rbt-countdown-one.rbt-countdown-lg .countdown .countdown-container {
    min-height: 96px;
    min-width: 80px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-countdown-one.rbt-countdown-lg .countdown .countdown-container {
        min-height: 72px;
        min-width: 64px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-countdown-one.rbt-countdown-lg .countdown .countdown-container {
        min-height: 56px;
        min-width: 48px
    }
}

.rbt-countdown-one.rbt-countdown-lg .countdown .countdown-container .countdown-heading {
    font-size: 20px;
    line-height: 1.2
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-countdown-one.rbt-countdown-lg .countdown .countdown-container .countdown-heading {
        font-size: var(--font-size-b2)
    }
}

.rbt-countdown-one.rbt-countdown-lg .countdown .countdown-container .countdown-value {
    font-size: 32px;
    line-height: 1.2
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-countdown-one.rbt-countdown-lg .countdown .countdown-container .countdown-value {
        font-size: var(--font-size-b1)
    }
}

@media only screen and (max-width: 767px) {
    .rbt-countdown-one.rbt-countdown-lg .countdown .countdown-container .countdown-value {
        font-size: 14px
    }
}

.rbt-countdown-one.bg-variation-black .countdown .countdown-container {
    background-color: var(--color-black)
}

.rbt-countdown-one.bg-variation-black .countdown .countdown-container .countdown-heading,
.rbt-countdown-one.bg-variation-black .countdown .countdown-container .countdown-value {
    color: var(--color-white)
}

.rbt-countdown-one.bg-variation-primary .countdown .countdown-container {
    background-color: var(--color-primary)
}

.rbt-countdown-one.bg-variation-primary .countdown .countdown-container .countdown-heading,
.rbt-countdown-one.bg-variation-primary .countdown .countdown-container .countdown-value {
    color: var(--color-white)
}

.rbt-countdown-one.bg-variation-green .countdown .countdown-container {
    background-color: var(--color-success)
}

.rbt-countdown-one.bg-variation-green .countdown .countdown-container .countdown-heading,
.rbt-countdown-one.bg-variation-green .countdown .countdown-container .countdown-value {
    color: var(--color-white)
}

.rbt-countdown-one.cd-border-style .countdown .countdown-container {
    padding: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.rbt-countdown-one.cd-border-style .countdown .countdown-container .countdown-heading,
.rbt-countdown-one.cd-border-style .countdown .countdown-container .countdown-value {
    color: var(--color-white);
    padding: 4px
}

.rbt-countdown-one.cd-border-style .countdown .countdown-container .countdown-value {
    padding-bottom: 7px
}

.rbt-countdown-one.cd-border-style.bg-variation-black .countdown .countdown-container {
    -webkit-mask-image: url(../images/countdown/cd-bg-black-01.webp);
    mask-image: url(../images/countdown/cd-bg-black-01.webp);
    background-color: var(--color-black);
    -webkit-mask-position: 0 0;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.rbt-countdown-one.cd-border-style.bg-variation-primary .countdown .countdown-container {
    -webkit-mask-image: url(../images/countdown/cd-bg-primary-01.webp);
    mask-image: url(../images/countdown/cd-bg-primary-01.webp);
    background-color: var(--color-primary);
    -webkit-mask-position: 0 0;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.rbt-countdown-one.cd-border-style.bg-variation-primary .countdown .countdown-container .countdown-heading {
    border-top: .5px dashed rgba(255, 255, 255, .5)
}

.rbt-countdown-one.cd-border-style.bg-variation-green .countdown .countdown-container {
    -webkit-mask-image: url(../images/countdown/cd-bg-green-01.webp);
    mask-image: url(../images/countdown/cd-bg-green-01.webp);
    background-color: var(--color-success);
    -webkit-mask-position: 0 0;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.rbt-countdown-one.cd-border-style.bg-variation-green .countdown .countdown-container .countdown-heading {
    border-top: .5px dashed var(--color-white)
}

.rbt-countdown-one.cd-border-style.bg-variation-secondary .countdown .countdown-container {
    -webkit-mask-image: url(../images/countdown/cd-bg-primary-01.webp);
    mask-image: url(../images/countdown/cd-bg-primary-01.webp);
    background-color: var(--color-secondary);
    -webkit-mask-position: 0 0;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.rbt-countdown-one.cd-border-style.bg-variation-secondary .countdown .countdown-container .countdown-heading {
    border-top: .5px dashed var(--color-white)
}

.rbt-countdown-one.cd-border-style.bg-variation-white .countdown .countdown-container {
    -webkit-mask-image: url(../images/countdown/cd-bg-white-01.webp);
    mask-image: url(../images/countdown/cd-bg-white-01.webp);
    background-color: var(--color-white);
    -webkit-mask-position: 0 0;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.rbt-countdown-one.cd-border-style.bg-variation-white .countdown .countdown-container .countdown-heading,
.rbt-countdown-one.cd-border-style.bg-variation-white .countdown .countdown-container .countdown-value {
    color: var(--color-primary)
}

.rbt-countdown-one.cd-border-style.bg-variation-white .countdown .countdown-container .countdown-heading {
    padding: 2px 0;
    border-top: 0
}

.rbt-countdown-one.cd-border-style.bg-variation-white .countdown .countdown-container .countdown-value {
    padding: 2px 0
}

.rbt-countdown-one.cd-border-style.bg-variation-purple .countdown .countdown-container {
    -webkit-mask-image: url(../images/countdown/cd-bg-purple-01.svg);
    mask-image: url(../images/countdown/cd-bg-purple-01.svg);
    background-color: var(--color-white);
    -webkit-mask-position: 0 0;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #703ccd
}

.rbt-countdown-one.cd-border-style.bg-variation-purple .countdown .countdown-container .countdown-heading,
.rbt-countdown-one.cd-border-style.bg-variation-purple .countdown .countdown-container .countdown-value {
    color: var(--color-white)
}

.rbt-countdown-one.cd-border-style.bg-variation-purple .countdown .countdown-container .countdown-heading {
    border-top: .5px dashed #703ccd
}

.rbt-countdown-one.cd-border-style.bg-variation-purple .countdown .countdown-container .countdown-heading {
    padding: 2px 0;
    border-top: 0
}

.rbt-countdown-one.cd-border-style.bg-variation-purple .countdown .countdown-container .countdown-value {
    padding: 2px 0
}

.rbt-counterdown-section {
    padding: 80px;
    border-radius: 16px;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .rbt-counterdown-section {
        padding: 40px;
        border-radius: 8px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-counterdown-section {
        padding: 40px 20px
    }
}

.rbt-counterdown-section.rbt-counterdown-section-style-one {
    background-image: url(../images/product-banner/product-countd-banner-01.webp);
    background-position: center 24%;
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-counterdown-section.rbt-counterdown-section-style-one {
        min-height: 65vh
    }
}

.rbt-counterdown-section.rbt-counterdown-section-style-one .rbt-subtitle {
    font-size: 18px;
    line-height: 1.45;
    color: var(--color-gray-500)
}

.rbt-counterdown-section.rbt-counterdown-section-style-one .rbt-title {
    margin-top: 8px;
    margin-bottom: 0;
    font-weight: 400
}

.rbt-counterdown-section.rbt-counterdown-section-style-one .rbt-btn {
    margin-top: 32px
}

@media only screen and (max-width: 767px) {
    .rbt-counterdown-section.rbt-counterdown-section-style-one .rbt-btn {
        margin-top: 16px
    }
}

.rbt-counterdown-section.rbt-counterdown-section-style-one .rbt-countdown-section {
    margin-top: 32px
}

@media only screen and (max-width: 767px) {
    .rbt-counterdown-section.rbt-counterdown-section-style-one .rbt-countdown-section {
        margin-top: 16px
    }
}

.rbt-counterdown-section.rbt-counterdown-bg-two {
    background-image: url(../images/product-banner/product-banner-furniture-c-03.webp)
}

.rbt-counterdown-section.rbt-counterdown-bg-three {
    background-image: url(../images/product-banner/product-banner-img-f-03.webp)
}

.rbt-counterdown-section.rbt-count-down-bg-cake-01 {
    background-image: url(../images/countdown/countdown-banner-cake-lg-01.webp)
}

.rbt-counterdown-section.rbt-counterdown-section-style-two {
    padding: 0
}

.rbt-counterdown-section.rbt-counterdown-section-style-two .rbt-counterdown-content {
    padding: 140px 88px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    height: 100%
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-counterdown-section.rbt-counterdown-section-style-two .rbt-counterdown-content {
        padding: 40px;
        border-radius: 8px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-counterdown-section.rbt-counterdown-section-style-two .rbt-counterdown-content {
        padding: 40px 20px
    }
}

.rbt-counterdown-section.rbt-counterdown-section-style-two .rbt-counterdown-content .rbt-btn {
    width: max-content
}

.rbt-counterdown-section.rbt-counterdown-section-style-two .rbt-counterdown-content.rbt-counterdown-content-var-two .rbt-title {
    font-size: 48px;
    text-align: center;
    font-family: var(--font-quaternary)
}

@media only screen and (max-width: 767px) {
    .rbt-counterdown-section.rbt-counterdown-section-style-two .rbt-counterdown-content.rbt-counterdown-content-var-two .rbt-title {
        font-size: 32px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-counterdown-section.rbt-counterdown-section-style-two .rbt-counterdown-content.rbt-counterdown-content-var-two .rbt-title {
        font-size: 24px
    }
}

.rbt-fshape-tab {
    position: relative;
    z-index: 1;
    --shape-width: 52px
}

.rbt-fshape-tab.rbt-fshape-tab-sm .nav-tabs .nav-item:first-child .nav-link {
    padding-left: 16px
}

.rbt-fshape-tab.rbt-fshape-tab-sm .tab-content .tab-pane {
    padding: 12px 16px
}

.rbt-fshape-tab.rbt-fshape-tab-sm .rbt-product-card.rbt-list-view-variation.list-view-md+.list-view-md {
    margin-top: 12px;
    padding-top: 12px
}

.rbt-fshape-tab .rbt-tab-nav-wrapper {
    max-width: calc(100% - 20px)
}

.rbt-fshape-tab .nav-tabs {
    border: 0;
    border: 0;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    padding-top: 2px;
    -ms-overflow-style: none
}

.rbt-fshape-tab .nav-tabs::-webkit-scrollbar {
    width: 0 !important;
    display: none
}

.rbt-fshape-tab .nav-tabs .nav-link {
    margin-bottom: 0;
    background: 0 0;
    border: 0;
    border-radius: 0;
    padding: 12px var(--shape-width);
    position: relative;
    z-index: 2;
    margin: 0 calc(-.5 * (var(--shape-width)));
    color: var(--color-gray-700);
    font-weight: 500;
    white-space: nowrap
}

.rbt-fshape-tab .nav-tabs .nav-link::before {
    content: "";
    position: absolute;
    top: -2px;
    left: var(--shape-width);
    width: calc(100% - 2 * var(--shape-width));
    height: 2px;
    background-color: transparent;
    transition: var(--transition)
}

.rbt-fshape-tab .nav-tabs .nav-link::after {
    content: "";
    position: absolute;
    top: 0;
    left: var(--shape-width);
    width: calc(100% - 2 * var(--shape-width));
    height: 100%;
    background-color: transparent;
    transition: var(--transition);
    z-index: -1
}

.rbt-fshape-tab .nav-tabs .nav-link.disabled {
    background: unset !important
}

.rbt-fshape-tab .nav-tabs .nav-link .rbt-fshape-portion {
    position: absolute;
    top: -2px;
    width: var(--shape-width);
    height: calc(100% + 2px);
    opacity: 0;
    visibility: hidden;
    transition: var(--transition)
}

.rbt-fshape-tab .nav-tabs .nav-link .rbt-fshape-portion.rbt-fshape-left-portion {
    left: 0
}

.rbt-fshape-tab .nav-tabs .nav-link .rbt-fshape-portion.rbt-fshape-right-portion {
    right: 0
}

.rbt-fshape-tab .nav-tabs .nav-link .rbt-fshape-portion.rbt-fshape-right-portion-sm {
    width: 48px
}

.rbt-fshape-tab .nav-tabs .nav-link .rbt-fshape-portion svg {
    height: 100%;
    width: 100%;
    display: inline-block;
    transition: var(--transition)
}

.rbt-fshape-tab .nav-tabs .nav-link .rbt-fshape-portion svg .rbt-svg-fill-one {
    fill: var(--color-gray-light)
}

.rbt-fshape-tab .nav-tabs .nav-link .rbt-fshape-portion svg .rbt-svg-fill-two {
    fill: var(--color-brand-100)
}

.rbt-fshape-tab .nav-tabs .nav-link.active {
    color: var(--color-primary)
}

.rbt-fshape-tab .nav-tabs .nav-link.active .rbt-fshape-portion {
    opacity: 1;
    visibility: visible
}

.rbt-fshape-tab .nav-tabs .nav-link.active .rbt-fshape-portion svg .rbt-svg-fill-one {
    fill: var(--color-white)
}

.rbt-fshape-tab .nav-tabs .nav-link.active .rbt-fshape-portion svg .rbt-svg-fill-two {
    fill: var(--color-brand-100)
}

.rbt-fshape-tab .nav-tabs .nav-link.active::before {
    background-color: var(--color-brand-100)
}

.rbt-fshape-tab .nav-tabs .nav-link.active::after {
    background-color: var(--color-white)
}

.rbt-fshape-tab .nav-tabs .nav-item {
    margin: 0
}

.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link {
    padding-left: 32px;
    margin-left: 0
}

@media only screen and (max-width: 767px) {
    .rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link {
        padding-left: 16px
    }
}

.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link::after {
    width: calc(100% - 50px);
    left: 0;
    top: -2px;
    height: calc(100% + 2px);
    border-top-left-radius: 16px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent
}

.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link.active {
    border-top-left-radius: 16px
}

.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link.active::before {
    display: none
}

.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link.active .rbt-fshape-left-portion {
    display: none
}

.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link.active::after {
    border-color: var(--color-brand-100)
}

.rbt-fshape-tab .tab-content .tab-pane {
    padding: 26px 32px;
    border: 2px solid transparent;
    border-radius: 18px;
    background-color: var(--color-white);
    position: relative;
    margin-top: -2px
}

.rbt-fshape-tab .tab-content .tab-pane:first-child {
    border-top-left-radius: 0
}

.rbt-fshape-tab .tab-content .tab-pane.active {
    border-color: var(--color-brand-100)
}

@media only screen and (max-width: 767px) {
    .rbt-fshape-tab .tab-content .tab-pane {
        padding: 16px
    }
}

.rbt-megamenu-tab>.nav-link {
    font-weight: var(--f-medium);
    padding: 16px;
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    gap: 8px;
    display: flex;
    align-items: center;
    position: relative;
    color: var(--color-heading);
    border-radius: 6px;
    padding-left: 24px;
    transition: var(--transition);
    position: relative;
    z-index: 1;
    overflow: hidden
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-megamenu-tab>.nav-link {
        padding: 12px 16px
    }
}

.rbt-megamenu-tab>.nav-link.disabled {
    background: 0 0 !important;
    pointer-events: none
}

.rbt-megamenu-tab>.nav-link::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    transform: translate(-50%, -50%) scale(.9);
    background: var(--color-white);
    border-radius: 6px;
    opacity: 0;
    transition: opacity .4s ease, transform .4s cubic-bezier(0, 0, .34, .54)
}

.rbt-megamenu-tab>.nav-link .rbt-chevron-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-10px);
    right: 16px;
    opacity: 0;
    transition: opacity .4s ease, transform .4s cubic-bezier(0, 0, .34, .54)
}

.rbt-megamenu-tab>.nav-link.active,
.rbt-megamenu-tab>.nav-link:hover {
    color: var(--color-primary);
    background: 0 0
}

.rbt-megamenu-tab>.nav-link.active .rbt-chevron-right,
.rbt-megamenu-tab>.nav-link:hover .rbt-chevron-right {
    transform: translateY(-50%) translateX(0);
    opacity: 1
}

.rbt-megamenu-tab>.nav-link.active::after,
.rbt-megamenu-tab>.nav-link:hover::after {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1
}

.rbt-isotop-tabs {
    display: flex;
    gap: 8px;
    margin: 0 auto;
    justify-content: center
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-isotop-tabs {
        justify-content: start
    }
}

.rbt-isotop-tabs .rbt-product-nav-grp {
    position: relative;
    gap: 0
}

.rbt-isotop-tabs .rbt-product-nav-grp+.rbt-product-nav-grp::before {
    content: "";
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/pagination/pagination-mid-01.svg);
    width: 22px;
    height: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.rbt-tab-btn-list.rbt-tab-btn-primary a.active,
.rbt-tab-btn-list.rbt-tab-btn-primary button.active {
    background: 0 0;
    color: var(--color-white)
}

.rbt-tab-btn-list.rbt-tab-btn-primary a:hover,
.rbt-tab-btn-list.rbt-tab-btn-primary button:hover {
    color: var(--color-gray-400)
}

.rbt-tab-btn-list a,
.rbt-tab-btn-list button {
    padding: 4px 16px;
    background: 0 0;
    color: var(--color-heading);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    line-height: 1.6;
    font-weight: var(--f-medium);
    border-radius: 20px;
    transition: var(--transition);
    white-space: nowrap;
    border: none;
    display: block;
    position: relative;
    z-index: 1;
    text-align: center;
    transition: .3s ease
}

.rbt-tab-btn-list a:focus,
.rbt-tab-btn-list button:focus {
    outline: 0
}

.rbt-bg-highlight.isotop-tab-bg-highlight {
    background: var(--color-primary)
}

.rbt-menu-tab-content-wrapper .rbt-megamenu-tab-content {
    position: relative
}

.rbt-menu-tab-content-wrapper .rbt-megamenu-tab-content>.tab-pane {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-20px);
    transition: opacity .2s cubic-bezier(.4, 0, 1, 1), visibility .3s cubic-bezier(.4, 0, 1, 1), transform .4s cubic-bezier(.4, 0, .2, 1);
    position: absolute;
    top: 0;
    max-width: 100%;
    display: block !important;
    z-index: 1
}

.rbt-menu-tab-content-wrapper .rbt-megamenu-tab-content>.tab-pane.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    z-index: 10
}

.rbt-product-single-details-tab-sm.rbt-fshape-tab .nav-tabs .nav-item:first-child .nav-link {
    padding-left: 16px
}

.rbt-product-single-details-tab-sm.rbt-fshape-tab .tab-content .tab-pane {
    padding: 12px 16px
}

.tab-button-style-2 {
    border-bottom: 2px solid var(--color-border);
    justify-content: center;
    margin-bottom: 30px;
    padding: 0;
    list-style: none
}

@media only screen and (max-width: 767px) {
    .tab-button-style-2 {
        margin-bottom: 20px
    }
}

.tab-button-style-2 li {
    margin-top: 0;
    margin-bottom: 0
}

.tab-button-style-2 li a {
    position: relative;
    display: block;
    outline: 0;
    padding: 16px 28px;
    border: 0 none;
    box-shadow: none
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .tab-button-style-2 li a {
        padding: 16px 12px
    }
}

@media only screen and (max-width: 767px) {
    .tab-button-style-2 li a {
        padding: 14px 10px
    }
}

.tab-button-style-2 li a::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 0;
    background-color: var(--color-primary);
    transform: scaleX(0);
    transition: transform .3s
}

.tab-button-style-2 li a.active {
    border: 0 none;
    outline: 0;
    color: var(--color-primary)
}

.tab-button-style-2 li a.active::after {
    transform: scaleX(1)
}

.tab-button-style-2 li a .title {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 500
}

.advance-tab-content-style-2 {
    text-align: center
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .advance-tab-content-style-2 {
        padding: 0 6%
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .advance-tab-content-style-2 {
        padding: 0 7%
    }
}

@media only screen and (max-width: 767px) {
    .advance-tab-content-style-2 {
        padding: 0
    }
}

.advance-tab-content-style-2.text-start {
    padding: 0
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .advance-tab-content-style-2.text-start {
        padding: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .advance-tab-content-style-2.text-start {
        padding: 0
    }
}

@media only screen and (max-width: 767px) {
    .advance-tab-content-style-2.text-start {
        padding: 0
    }
}

.rbt-accordion-style .card {
    background: var(--color-gray-light);
    border: 0;
    border-radius: var(--radius) !important
}

.rbt-accordion-style .card .card-header {
    background-color: transparent;
    border-bottom: 0 none;
    box-shadow: none;
    padding: 20px 30px;
    margin-bottom: 0;
    padding-right: 38px
}

@media only screen and (max-width: 767px) {
    .rbt-accordion-style .card .card-header {
        padding-left: 20px
    }
}

.rbt-accordion-style .card .card-header button {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    outline: 0;
    text-decoration: none;
    box-shadow: none;
    width: 100%;
    text-align: left;
    padding: 0;
    background-color: transparent;
    position: relative;
    font-weight: 500
}

@media only screen and (max-width: 575px) {
    .rbt-accordion-style .card .card-header button {
        display: block
    }
}

@media only screen and (max-width: 575px) {
    .rbt-accordion-style .card .card-header button .rbt-badge-5 {
        margin-left: 0 !important;
        margin-top: 7px
    }
}

.rbt-accordion-style .card .card-header button[aria-expanded=true] {
    color: var(--color-primary)
}

.rbt-accordion-style .card .card-header button[aria-expanded=true]::before {
    color: var(--color-primary)
}

.rbt-accordion-style .card .card-header button::before {
    position: absolute;
    content: "\f068";
    font-family: "Font Awesome 7 Pro", sans-serif !important;
    right: -18px;
    top: 50%;
    transform: translateY(-50%);
    transition: .4s;
    font-size: 14px
}

.rbt-accordion-style .card .card-header button.collapsed {
    color: var(--color-heading)
}

.rbt-accordion-style .card .card-header button.collapsed::before {
    content: "+"
}

.rbt-accordion-style .card .card-body {
    border-top: 1px solid var(--color-brand-200);
    padding: 20px 30px 25px;
    color: var(--color-gray-400);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3)
}

@media only screen and (max-width: 767px) {
    .rbt-accordion-style .card .card-body {
        padding: 20px 20px
    }
}

.rbt-accordion-style .card+.card {
    margin-top: 12px
}

.rbt-accordion-style.rbt-accordion-01 .card {
    border: 0 none;
    background: 0 0;
    border-radius: var(--radius) !important
}

.rbt-accordion-style.rbt-accordion-01 .card .card-header {
    padding: 0;
    border-radius: none !important
}

.rbt-accordion-style.rbt-accordion-01 .card .card-header button {
    padding-left: 24px
}

.rbt-accordion-style.rbt-accordion-01 .card .card-header button::before {
    right: auto;
    left: 0
}

.rbt-accordion-style.rbt-accordion-01 .card .card-body {
    border-top: 0 none;
    padding: 0;
    margin-top: 12px;
    background: 0 0
}

.rbt-accordion-style.rbt-accordion-01 .card+.card {
    margin-top: 24px
}

.rbt-accordion-style.rbt-accordion-02 .card {
    background: 0 0;
    border-radius: 0 !important
}

.rbt-accordion-style.rbt-accordion-02 .card .card-header {
    border-bottom: 1px solid var(--color-border);
    padding: 0 12px 12px 0
}

.rbt-accordion-style.rbt-accordion-02 .card .card-header button::before {
    right: -20px
}

.rbt-accordion-style.rbt-accordion-02 .card .card-header .accordion-button::after {
    display: none
}

.rbt-accordion-style.rbt-accordion-02 .card .card-body {
    padding: 12px 12px 12px 0;
    border-top: 0;
    background: 0 0
}

.rbt-accordion-style.rbt-accordion-02.right-no-padding .card .card-body {
    padding-right: 0
}

.rbt-accordion-style.rbt-accordion-02.for-right-content .card .card-header {
    padding: 12px 44px 12px 16px
}

.rbt-accordion-style.rbt-accordion-02.for-right-content .card .card-body {
    padding: 10px 16px
}

.rbt-accordion-style.rbt-accordion-03 .card {
    background: 0 0;
    border-radius: 0 !important
}

.rbt-accordion-style.rbt-accordion-03 .card .card-header {
    border: 1px solid var(--color-border);
    padding: 15px 20px;
    border-radius: var(--radius) !important
}

.rbt-accordion-style.rbt-accordion-03 .card .card-body {
    padding: 15px 20px 10px 0;
    border: 0;
    background: 0 0
}

.rbt-accordion-style.rbt-accordion-04 .card {
    border: 2px solid var(--color-border);
    background: 0 0;
    border-radius: var(--radius) !important
}

.rbt-accordion-style.rbt-accordion-04 .card .card-header {
    padding: 15px 20px;
    padding-right: 38px;
    border-radius: var(--radius) !important
}

.rbt-accordion-style.rbt-accordion-04 .card .card-body {
    border-top: 2px solid var(--color-border);
    background: 0 0
}

.rbt-accordion-style.rbt-accordion-05 .card {
    border: 0 none;
    background: 0 0;
    border-radius: var(--radius) !important
}

.rbt-accordion-style.rbt-accordion-05 .card .card-header {
    padding: 0;
    border-radius: 0 !important
}

.rbt-accordion-style.rbt-accordion-05 .card .card-header button {
    padding-left: 32px
}

.rbt-accordion-style.rbt-accordion-05 .card .card-header button::before {
    right: auto;
    left: 0
}

.rbt-accordion-style.rbt-accordion-05 .card .card-body {
    border-top: 0 none;
    padding: 0;
    margin-top: 12px;
    background: 0 0
}

.rbt-accordion-style.rbt-accordion-06 .card .card-body {
    background: 0 0;
    border-top: 1px solid var(--color-border)
}

.accordion-button::after {
    visibility: hidden
}

.rbt-list-style-1 li {
    display: flex;
    font-size: 18px;
    margin: 7px 0;
    line-height: 1.45
}

@media only screen and (max-width: 767px) {
    .rbt-list-style-1 li {
        font-size: 16px
    }
}

.rbt-list-style-1 li i {
    padding-right: 10px;
    margin-top: 5px;
    color: var(--color-primary)
}

.rbt-list-style-1 li:first-child {
    margin-top: 0
}

.rbt-list-style-1 li:last-child {
    margin-bottom: 0
}

.rbt-list-style-1.color-white li {
    color: var(--color-white)
}

.rbt-list-style-2 {
    display: flex;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    list-style: none;
    margin: -10px;
    margin-bottom: 40px
}

@media only screen and (max-width: 575px) {
    .rbt-list-style-2 {
        display: block;
        text-align: left
    }
}

.rbt-list-style-2 li {
    margin: 10px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.5px;
    text-align: center
}

@media only screen and (max-width: 575px) {
    .rbt-list-style-2 li {
        text-align: left
    }
}

.rbt-list-style-2 li i {
    width: 30px;
    height: 30px;
    background: var(--color-white);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    border-radius: 100%;
    color: var(--color-primary);
    display: inline-block;
    line-height: 29px;
    margin-right: 10px;
    font-weight: 700;
    text-align: center
}

.rbt-list-style-3 li {
    display: flex;
    font-size: 16px;
    margin: 7px 0;
    line-height: 1.45;
    color: var(--color-body)
}

.rbt-list-style-3 li i {
    padding-right: 10px;
    margin-top: 4px
}

.rbt-list-style-3 li:first-child {
    margin-top: 0
}

.rbt-list-style-3 li:last-child {
    margin-bottom: 0
}

.rbt-list-style-3.color-white li {
    color: var(--color-white)
}

.rbt-list-style-4 {
    list-style: none;
    padding-left: 0
}

.rbt-list-style-4 li {
    position: relative;
    padding-left: 16px
}

.rbt-list-style-4 li::before {
    content: "";
    display: inline-block;
    height: 6px;
    width: 6px;
    background: var(--color-body);
    position: absolute;
    left: 0;
    top: 12px;
    border-radius: var(--radius-full)
}

.plan-offer-list {
    margin: -10px
}

.plan-offer-list li {
    font-size: 16px;
    margin: 10px
}

.plan-offer-list li i {
    width: 22px;
    height: 22px;
    background: var(--color-success);
    margin: 0 auto;
    line-height: 22px;
    text-align: center;
    border-radius: 100%;
    color: var(--color-white);
    font-size: 14px;
    margin-right: 10px;
    display: inline-block
}

.plan-offer-list li.off {
    opacity: .5
}

.plan-offer-list li.off i {
    background: var(--color-danger)
}

.plan-offer-list.rbt-list-primary-opacity li i {
    background: var(--color-brand-200) !important;
    color: var(--color-primary) !important
}

.plan-offer-list.rbt-list-white-opacity li i {
    background: var(--white-opacity) !important;
    color: var(--color-white) !important
}

.rbt-modern-select .bootstrap-select button.btn-light {
    border: 0 none;
    height: 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, .1);
    background-color: var(--color-gray-200);
    border-radius: 40px;
    height: 337px
}

.rbt-modern-select .bootstrap-select .dropdown-menu .inner.show::-webkit-scrollbar {
    width: 4px;
    height: 337px;
    background-color: var(--color-gray-200)
}

.rbt-modern-select .bootstrap-select .dropdown-menu .inner.show::-webkit-scrollbar-thumb {
    border-radius: 40px;
    background-color: var(--color-gray-400)
}

.rbt-modern-select .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    top: 11px
}

.rbt-modern-select .dropdown-menu {
    padding: 0;
    box-shadow: var(--shadow-3);
    border: 0 none;
    border-radius: 6px !important;
    background-color: var(--color-white);
    min-width: 170px;
    max-width: 100%;
    z-index: 10
}

.rbt-modern-select .dropdown-item {
    padding: 5px 10px;
    color: var(--color-body);
    border-radius: 4px;
    font-size: var(--font-size-b3);
    font-weight: 500
}

.rbt-modern-select .bootstrap-select .dropdown-menu li {
    margin: 2px 0;
    padding: 0
}

.rbt-modern-select .bootstrap-select .dropdown-menu li.no-results {
    padding: 4px 8px;
    background: 0 0;
    white-space: nowrap;
    font-size: 12px;
    color: var(--color-danger);
    padding-bottom: 10px
}

.rbt-modern-select .dropdown-item.active,
.rbt-modern-select .dropdown-item:active {
    background-color: var(--color-gray-100);
    color: var(--color-heading)
}

.rbt-modern-select .bootstrap-select .dropdown-menu li a span.text {
    font-size: var(--font-size-b3)
}

.rbt-modern-select .bootstrap-select .dropdown-toggle .filter-option {
    display: flex;
    width: 100%;
    position: relative;
    flex: inherit;
    min-width: 100%;
    align-items: center
}

.rbt-modern-select .filter-option-inner {
    display: block;
    width: 100%
}

.rbt-modern-select .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow-x: scroll;
    display: block;
    position: relative;
    padding-bottom: 0;
    scrollbar-width: none;
    z-index: -1
}

.rbt-modern-select .bootstrap-select .dropdown-toggle .filter-option-inner-inner::-webkit-scrollbar {
    display: none
}

.rbt-modern-select .bootstrap-select .dropdown-toggle:focus {
    outline: 0 !important
}

.rbt-modern-select .dropdown-toggle {
    transition: var(--transition)
}

.rbt-modern-select .dropdown-toggle::after {
    content: "\f078";
    font-size: 10px;
    font-family: "Font Awesome 7 Pro", sans-serif;
    font-weight: 900;
    border: 0;
    margin-left: 6px;
    z-index: 0;
    position: relative
}

.rbt-modern-select .dropdown-toggle.show::after {
    content: "\f077"
}

.rbt-modern-select .btn-check:active+.btn-light:focus,
.rbt-modern-select .btn-check:checked+.btn-light:focus,
.rbt-modern-select .btn-light.active:focus,
.rbt-modern-select .btn-light:active:focus,
.rbt-modern-select .show>.btn-light.dropdown-toggle:focus {
    box-shadow: none
}

.rbt-modern-select .bs-searchbox .form-control {
    outline: 0;
    box-shadow: none;
    border: 2px solid var(--color-border);
    border-radius: var(--radius);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-body);
    height: 30px
}

.rbt-modern-select .bs-searchbox .form-control::placeholder {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-body)
}

.rbt-modern-select .dropdown-item:focus,
.rbt-modern-select .dropdown-item:hover {
    color: var(--color-heading);
    background-color: var(--color-gray-100)
}

.rbt-modern-select .btn-group>.btn-group:not(:last-child)>.btn,
.rbt-modern-select .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius)
}

.rbt-modern-select .bs-actionsbox,
.rbt-modern-select .bs-donebutton,
.rbt-modern-select .bs-searchbox {
    padding: 10px;
    padding-bottom: 0
}

.rbt-modern-select .bs-searchbox+.bs-actionsbox {
    padding: 0 10px 4px
}

.rbt-modern-select .bs-actionsbox .btn-group button {
    width: calc(50% - 10px);
    margin: 5px;
    margin-left: 5px !important
}

.rbt-modern-select .bs-actionsbox .btn-group {
    display: block;
    margin: -5px
}

.rbt-modern-select .bootstrap-select>select {
    left: 0
}

.rbt-modern-select.rbt-rounded-styled .bootstrap-select button.btn-light {
    border-radius: 60px;
    border: 2px solid var(--color-gray-200);
    background: var(--color-brand-50);
    box-shadow: none
}

.rbt-modern-select.rbt-sm-size .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto;
    min-width: 120px
}

.rbt-modern-select.rbt-sm-size button.btn-light {
    padding: 6px 12px;
    padding-right: 30px;
    background-color: transparent;
    border: 2px solid var(--color-gray-200);
    height: 36px;
    box-shadow: none;
    color: var(--color-heading)
}

.rbt-modern-select.rbt-modern-select-md-width .dropdown-menu {
    min-width: 300px
}

.rbt-modern-select.rbt-modern-select-btn .bootstrap-select {
    width: 100% !important
}

.rbt-modern-select.rbt-modern-select-btn .bootstrap-select button.btn-light {
    background: 0 0;
    border: 2px solid var(--color-gray-200);
    color: var(--color-gray-400)
}

.rbt-modern-select.rbt-modern-select-btn .dropdown-menu {
    width: 100%
}

.rbt-modern-select.inner-width-100 .dropdown-menu {
    width: 100%
}

.rbt-modern-select.rbt-bordered-style .bootstrap-select button.btn-light {
    border: 2px solid var(--color-gray-200)
}

.rbt-combo-prd-content-section .rbt-modern-select .bootstrap-select button.btn-light {
    box-shadow: none;
    background-color: transparent;
    border: 2px solid var(--color-gray-200)
}

.rbt-combo-prd-content-section .rbt-modern-select .bootstrap-select button.btn-light .filter-option-inner-inner {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    font-weight: var(--f-medium)
}

.rbt-search-with-category .rbt-modern-select .dropdown-toggle::before {
    content: "";
    position: absolute;
    right: 2px;
    top: 0;
    height: 100%;
    z-index: 0;
    width: 52px;
    background: linear-gradient(90deg, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .9) 45.02%, #fff 86.62%)
}

.rbt-product-card {
    height: unset;
    overflow: visible;
    transition: var(--transition)
}

.rbt-product-card .rbt-card-img {
    border-radius: 8px 8px 0 0
}

@media only screen and (max-width: 767px) {
    .rbt-product-card .rbt-card-img {
        border-radius: 4px 4px 0 0
    }
}

.rbt-product-card .rbt-card-img.rbt-card-img-bg-blue {
    background-color: var(--color-element-bg-blue)
}

.rbt-product-card .rbt-card-img.rbt-card-img-bg-yellow {
    background-color: var(--color-element-bg-yellow)
}

.rbt-product-card .rbt-card-img.rbt-card-img-bg-green {
    background-color: var(--color-extra-six)
}

.rbt-product-card .rbt-card-img .rbt-btn {
    --margin-width: 16px;
    margin: 0 var(--margin-width);
    width: calc(100% - 2 * var(--margin-width))
}

.rbt-product-card .rbt-card-img .rbt-btn.bottom-position {
    position: absolute;
    bottom: 16px;
    left: 0
}

.rbt-product-card .rbt-card-img .hover-appear-element {
    opacity: 0;
    visibility: hidden;
    transition: var(--transition)
}

.rbt-product-card .rbt-card-img.rbt-bg-color-default {
    background: var(--color-brand-100)
}

.rbt-product-card .rbt-card-img.top-rounded-md {
    border-radius: 12px 12px 0 0
}

.rbt-product-card .rbt-card-img.rbt-has-hover-img {
    position: relative;
    transition: opacity .4s ease, transform .6s cubic-bezier(0, 0, .34, .54)
}

.rbt-product-card .rbt-card-img.rbt-has-hover-img .rbt-hover-img {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity .4s ease, transform .6s cubic-bezier(0, 0, .34, .54)
}

.rbt-product-card .rbt-card-img.rbt-has-hover-img:hover .rbt-hover-img {
    opacity: 1;
    visibility: visible;
    transform: scale(1.04)
}

.rbt-product-card .rbt-card-img.rbt-has-hover-img:hover .rbt-prd-img {
    opacity: 0;
    visibility: hidden
}

.rbt-product-card .rbt-card-img.rbt-has-hover-video {
    position: relative;
    transition: opacity .4s ease, transform .6s cubic-bezier(0, 0, .34, .54)
}

.rbt-product-card .rbt-card-img.rbt-has-hover-video .rbt-hover-video {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity .4s ease, transform .6s cubic-bezier(0, 0, .34, .54);
    height: 100%
}

.rbt-product-card .rbt-card-img.rbt-has-hover-video .rbt-hover-video video {
    object-fit: cover
}

.rbt-product-card .rbt-card-img.rbt-has-hover-video:hover .rbt-hover-video {
    opacity: 1;
    visibility: visible;
    transform: scale(1.04)
}

.rbt-product-card .rbt-card-img.rbt-has-hover-video:hover .rbt-prd-img {
    opacity: 0;
    visibility: hidden
}

.rbt-product-card .rbt-card-img.rbt-card-img-h-md img {
    min-height: 312px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card .rbt-card-img.rbt-card-img-h-md img {
        min-height: 200px
    }
}

.rbt-product-card .rbt-card-video {
    height: 100%;
    width: 100%;
    transition: var(--transition);
    position: relative;
    border-radius: 8px 8px 0 0;
    overflow: hidden
}

.rbt-product-card .rbt-card-video video {
    object-fit: cover;
    height: 100%;
    width: 100%;
    transition: var(--transition);
    border-radius: 8px 8px 0 0
}

.rbt-product-card:hover .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn i {
    background: var(--color-brand-300)
}

.rbt-product-card:hover .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn i:hover {
    background: var(--color-primary)
}

.rbt-product-card:hover .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn+.rbt-quick-btn::before {
    background: url(../images/icons/card-inner-svg/icon-layout-01-brand-color.svg)
}

.rbt-product-card:hover .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn {
    opacity: 1;
    visibility: visible
}

.rbt-product-card:hover .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn i {
    background: var(--color-brand-300);
    color: var(--color-primary)
}

.rbt-product-card:hover .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn i:hover {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-product-card:hover .hover-appear-element {
    opacity: 1;
    visibility: visible
}

.rbt-product-card .rbt-prd-qty-area p {
    margin-bottom: 0;
    color: var(--color-gray-500)
}

.rbt-product-card .rbt-prd-qty-area p strong {
    color: var(--color-black);
    font-weight: 600
}

.rbt-product-card .rbt-prd-qty-area .progress {
    margin-top: 8px;
    border-radius: 50px;
    background: #e5fae5;
    height: 6px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card .rbt-prd-qty-area .progress {
        margin-top: 4px
    }
}

.rbt-product-card .rbt-prd-qty-area .progress .progress-bar {
    background: #24bd25;
    border-radius: 5px
}

.rbt-product-card .prd-btn-grp {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .prd-btn-grp {
        margin-top: 12px;
        gap: 4px
    }
}

.rbt-product-card .prd-btn-grp .rbt-btn {
    text-align: center;
    border-width: 1px;
    color: var(--color-primary)
}

.rbt-product-card .prd-btn-grp .rbt-btn.rbt-btn-border.rbt-btn-sm {
    line-height: 34px
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .prd-btn-grp .rbt-btn.rbt-btn-border.rbt-btn-sm {
        line-height: 28px
    }
}

.rbt-product-card .prd-btn-grp .rbt-btn.has-left-icon i {
    margin-right: 4px
}

.rbt-product-card .prd-btn-grp .rbt-btn.rbt-btn-primary {
    color: var(--color-white)
}

.rbt-product-card .prd-btn-grp .rbt-btn i {
    font-size: var(--font-size-b2);
    line-height: 15px
}

.rbt-product-card .prd-btn-grp .rbt-btn:focus,
.rbt-product-card .prd-btn-grp .rbt-btn:hover {
    color: var(--color-white) !important
}

.rbt-product-card .prd-btn-grp .rbt-btn.rbt-btn-transparent {
    border: none;
    color: var(--color-gray-700)
}

.rbt-product-card .prd-btn-grp .rbt-btn.rbt-btn-transparent:hover {
    color: var(--color-white)
}

.rbt-product-card .prd-btn-grp .rbt-btn.rbt-compare-btn-activation.added-compare {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-product-card .prd-btn-grp .rbt-btn.rbt-compare-btn-activation.added-compare .fa-file-plus-minus::before {
    content: "\f00c"
}

.rbt-product-card .rbt-product-switch-area {
    display: flex;
    align-items: center;
    gap: 4px 12px;
    flex-wrap: wrap
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-product-switch-area {
        gap: 4px 8px
    }
}

.rbt-product-card .rbt-product-switch-area .rbt-switcher-product-list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 8px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card .rbt-product-switch-area .rbt-switcher-product-list {
        gap: 4px
    }
}

.rbt-product-card .rbt-product-switch-area .rbt-switcher-product-list li {
    display: block;
    width: 40px;
    transition: all .6s cubic-bezier(0, 0, .34, .54);
    border: 1px solid var(--color-gray-200);
    border-radius: 8px;
    padding: 2px;
    margin: 0
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-product-switch-area .rbt-switcher-product-list li {
        width: 24px;
        padding: 1px
    }
}

.rbt-product-card .rbt-product-switch-area .rbt-switcher-product-list li .rbt-switcher--prd {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 6px
}

.rbt-product-card .rbt-product-switch-area .rbt-switcher-product-list li .rbt-switcher--prd img {
    object-fit: cover;
    width: 100%;
    transform: scale(1);
    transition: all .4s cubic-bezier(0, 0, .34, .54)
}

.rbt-product-card .rbt-product-switch-area .rbt-switcher-product-list li.active {
    border-color: var(--color-primary)
}

.rbt-product-card .rbt-product-switch-area .rbt-switcher-product-list li.active .rbt-switcher--prd img {
    transform: scale(1.2)
}

.rbt-product-card .rbt-product-switch-area .prd-link-text {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-product-switch-area .prd-link-text {
        font-size: 8px
    }
}

.rbt-product-card .rbt-product-feature-badge {
    border-radius: 40px;
    background: linear-gradient(90deg, #feedde 0, rgba(254, 237, 222, 0) 100%);
    padding: 4px 8px;
    margin-top: 8px;
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    font-weight: 600;
    display: inline-block;
    color: #cd6e00
}

.rbt-product-card .inner {
    padding: 8px;
    border-radius: 12px;
    border: 2px solid var(--color-gray-200);
    background: var(--color-white);
    transition: var(--transition)
}

@media only screen and (max-width: 767px) {
    .rbt-product-card .inner {
        padding: 4px;
        border-radius: var(--radius)
    }
}

.rbt-product-card .rbt-quick-btn-grp {
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease, transform .4s cubic-bezier(0, 0, .34, .54);
    z-index: 2
}

.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn {
    position: relative;
    padding: 0;
    background: 0 !important;
    display: block;
    border: 0
}

.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn i {
    border-radius: var(--radius-full);
    height: 36px;
    width: 36px;
    background: var(--color-white);
    color: var(--color-primary);
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    transition: var(--transition)
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn i {
        height: 28px;
        width: 28px;
        font-size: 14px
    }
}

.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn+.rbt-quick-btn {
    margin-top: 6px
}

.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn+.rbt-quick-btn::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    height: 24px;
    width: 15px;
    background: url(../images/icons/card-inner-svg/icon-layout-01.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom
}

.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn:hover i {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.added-compare,
.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.added-wishlist {
    background: 0 0
}

.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.added-compare i,
.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.added-wishlist i {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.added-compare:hover i,
.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.added-wishlist:hover i {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.rbt-stockout-btn:hover i {
    background: var(--color-gray-400);
    color: var(--color-white)
}

.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.rbt-stockout-btn:hover.tooltips span {
    background: var(--color-gray-400);
    color: var(--color-white)
}

.rbt-product-card .rbt-quick-btn-grp .rbt-quick-btn.rbt-stockout-btn:hover.tooltips span::after {
    border-left-color: var(--color-gray-400)
}

.rbt-product-card .rbt-quick-btn-grp.rbt-top-right--position {
    position: absolute;
    top: 16px;
    right: 16px;
    transform: translateX(10px)
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-quick-btn-grp.rbt-top-right--position {
        top: 8px;
        right: 8px
    }
}

.rbt-product-card .rbt-quick-btn-grp.bottom-right--position {
    position: absolute;
    bottom: 12px;
    right: 12px;
    transform: translateX(10px)
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-quick-btn-grp.bottom-right--position {
        bottom: 8px;
        right: 8px
    }
}

.rbt-product-card .rbt-quick-btn-grp.hover-variation-one {
    opacity: 1;
    visibility: visible;
    transform: translate(0)
}

.rbt-product-card .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn {
    opacity: 0;
    visibility: hidden
}

.rbt-product-card .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn i {
    transition: var(--transition);
    background: rgba(255, 255, 255, .5);
    color: var(--color-gray-300)
}

.rbt-product-card .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn:first-child {
    opacity: 1;
    visibility: visible
}

.rbt-product-card .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn.bg-light-one {
    background: 0 0
}

.rbt-product-card .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn.bg-light-one i {
    background: var(--color-brand-300);
    color: var(--color-primary)
}

.rbt-product-card .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn.bg-light-one.added-compare i,
.rbt-product-card .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn.bg-light-one.added-wishlist i {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-product-card .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn.bg-light-one.added-compare:hover i,
.rbt-product-card .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn.bg-light-one.added-wishlist:hover i {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-product-card .rbt-quick-btn-grp.hover-variation-one .rbt-quick-btn+.rbt-quick-btn::before {
    background: url(../images/icons/card-inner-svg/icon-layout-01-brand-color.svg)
}

.rbt-product-card:hover .rbt-quick-btn-grp {
    opacity: 1;
    visibility: visible;
    transform: translate(0)
}

.rbt-product-card .rbt-product-badge.rbt-badge-top-left--position {
    position: absolute;
    top: 16px;
    left: 16px
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-product-badge.rbt-badge-top-left--position {
        top: 8px;
        left: 8px
    }
}

.rbt-product-card .rbt-product-badge.rbt-badge-top-left--position+.rbt-badge-top-left--position {
    margin-top: 28px
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-product-badge.rbt-badge-top-left--position+.rbt-badge-top-left--position {
        margin-top: 18px
    }
}

.rbt-product-card .rbt-card-body {
    padding: 8px;
    padding-top: 16px;
    text-align: left
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-card-body {
        padding: 4px;
        padding-top: 12px
    }
}

.rbt-product-card .rbt-card-body .rbt-card-subtitle {
    margin-top: 16px
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-card-body .rbt-card-subtitle {
        margin-top: 8px !important
    }
}

.rbt-product-card .rbt-card-body>:nth-child(1) {
    margin-top: 0 !important
}

.rbt-product-card .rbt-card-body>:nth-child(1) :nth-child(1) {
    margin-top: 0 !important
}

.rbt-product-card .rbt-card-body .pricing-part {
    margin-top: 8px;
    flex-wrap: nowrap
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-card-body .pricing-part {
        margin-top: 4px;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-product-card .rbt-card-body .pricing-part {
        flex-wrap: wrap
    }
}

.rbt-product-card .rbt-card-body .rbt-card-top-content.has-two-align {
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px 16px
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-card-body .rbt-card-top-content.has-two-align {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px 8px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-card-body .rbt-card-top-content.has-two-align .right-part {
        align-items: flex-start
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-card-body .rbt-card-top-content.has-two-align .right-part .bottom-part {
        text-align: left
    }
}

.rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn {
    margin-top: 18px;
    gap: 8px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn {
        margin-top: 12px
    }
}

.rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn .rbt-quick-btn-grp {
    flex-basis: 14%;
    display: flex
}

.rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn .rbt-quick-btn-grp .rbt-quick-btn i {
    background: var(--color-brand-300)
}

.rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn .rbt-quick-btn-grp .rbt-quick-btn:hover i {
    background: var(--color-primary)
}

.rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn .rbt-quick-btn-grp .rbt-quick-btn.added-compare i,
.rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn .rbt-quick-btn-grp .rbt-quick-btn.added-wishlist i {
    background: var(--color-green);
    color: var(--color-white)
}

.rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn .rbt-quick-btn-grp .rbt-quick-btn.added-compare:hover i,
.rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn .rbt-quick-btn-grp .rbt-quick-btn.added-wishlist:hover i {
    background: var(--color-green);
    color: var(--color-white)
}

.rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn .rbt-quick-btn-grp .rbt-quick-btn+.rbt-quick-btn {
    margin-top: 0;
    margin-left: 6px
}

.rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn .rbt-quick-btn-grp .rbt-quick-btn+.rbt-quick-btn::before {
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    width: 15px;
    right: calc(100% - 5px);
    left: unset;
    background: url(../images/icons/card-inner-svg/icon-layout-01-brand-color.svg)
}

.rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn .rbt-btn {
    flex-basis: 85%;
    text-align: center
}

.rbt-product-card .rbt-card-body .right-part {
    text-align: end;
    display: flex;
    flex-direction: column;
    align-items: end
}

.rbt-product-card .rbt-card-body.has-two-align {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .rbt-product-card .rbt-card-body.has-two-align {
        flex-wrap: wrap
    }
}

.rbt-product-card .rbt-card-body.rbt-card-body-center-align {
    text-align: center;
    justify-content: center
}

.rbt-product-card .rbt-card-body.rbt-card-body-center-align .pricing-part,
.rbt-product-card .rbt-card-body.rbt-card-body-center-align .rbt-card-rating,
.rbt-product-card .rbt-card-body.rbt-card-body-center-align .rbt-card-subtitle {
    justify-content: center
}

.rbt-product-card .rating-digit {
    margin-bottom: 0
}

.rbt-product-card .rbt-card-rating {
    gap: 8px
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-card-rating {
        gap: 4px
    }
}

.rbt-product-card .rbt-card-rating .rbt-text-group {
    font-size: var(--font-size-b4);
    height: 24px;
    line-height: 24px
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-card-rating .rbt-text-group {
        height: 16px;
        line-height: 16px
    }
}

.rbt-product-card .rbt-card-rating .icon {
    color: var(--color-heading)
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-card-rating .icon {
        font-size: var(--font-size-b4);
        line-height: 1
    }
}

.rbt-product-card .rbt-countdown-one {
    margin-top: 16px
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-countdown-one {
        margin-top: 8px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-countdown-one .countdown {
        gap: 4px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-countdown-one .countdown .countdown-container {
        padding: 4px 8px;
        width: 32px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-card .rbt-countdown-one .countdown .countdown-container .countdown-value {
        font-size: 12px
    }
}

.rbt-product-card .rbt-prd-qty-area {
    margin-top: 12px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card .rbt-prd-qty-area {
        margin-top: 8px
    }
}

.rbt-product-card .prd-details-area {
    position: absolute;
    width: 100%;
    top: calc(100% - 16px);
    left: 0;
    height: auto;
    opacity: 0;
    visibility: hidden;
    padding: 16px;
    padding-top: 16px;
    clip: rect(0, 200vw, 0, 0);
    transform: translateZ(0);
    background: var(--color-white);
    border-radius: 0 0 10px 10px;
    border: 2px solid var(--color-gray-200);
    border-top: 0;
    z-index: 7;
    box-shadow: var(--shadow-product-item);
    transition: all .4s cubic-bezier(0, 0, .34, .54)
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .prd-details-area {
        padding: 4px;
        padding-top: 8px;
        top: calc(100% - 8px)
    }
}

.rbt-product-card .prd-details-area .wrapper {
    padding-top: 16px;
    border-top: 1px solid var(--color-border);
    padding-bottom: 16px
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .prd-details-area .wrapper {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.rbt-product-card .prd-details-area .product-details-list {
    margin: 0;
    padding: 0;
    padding-left: 26px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .prd-details-area .product-details-list {
        padding-left: 8px;
        gap: 4px
    }
}

.rbt-product-card .prd-details-area .product-details-list li {
    margin: 0;
    position: relative;
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-gray-500)
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .prd-details-area .product-details-list li {
        font-size: var(--font-size-b4);
        line-height: 1
    }
}

.rbt-product-card .prd-details-area .product-details-list li::before {
    content: "";
    position: absolute;
    left: -15px;
    top: 8px;
    height: 4px;
    width: 4px;
    background: var(--color-heading);
    border-radius: var(--radius-full)
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .prd-details-area .product-details-list li::before {
        left: -8px;
        top: 7px;
        height: 3px;
        width: 3px
    }
}

.rbt-product-card .prd-details-area .product-details-list li .rbt-bold--text {
    color: var(--color-heading)
}

.rbt-product-card .prd-details-area .product-details-list li .text {
    color: var(--color-gray-400)
}

.rbt-product-card .prd-details-area .product-details-list li .shipment-quick-link {
    font-size: var(--font-size-b3);
    list-style: var(--line-height-b3);
    color: var(--color-primary)
}

.rbt-product-card .prd-details-area .product-details-list.shipment-details-list {
    margin-top: 12px;
    padding: 0
}

.rbt-product-card .prd-details-area .product-details-list.shipment-details-list li {
    display: flex
}

.rbt-product-card .prd-details-area .product-details-list.shipment-details-list li::before {
    display: none
}

.rbt-product-card .prd-details-area .product-details-list.shipment-details-list li .icon {
    margin: 0 8px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card .rbt-show-more-btn-area::before {
        height: 60px !important
    }
}

.rbt-product-card .product-hover-slider-list {
    display: flex;
    margin: 0;
    padding: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    list-style: none;
    top: 0;
    left: 0;
    gap: 5px;
    overflow: hidden
}

.rbt-product-card .product-hover-slider-list li {
    flex-basis: 25%;
    margin: 0;
    margin: 0
}

.rbt-product-card .product-hover-slider-list li a {
    display: block;
    height: 100%;
    border-bottom: 4px solid var(--color-gray-200)
}

.rbt-product-card .product-hover-slider-list li a.active,
.rbt-product-card .product-hover-slider-list li a:active,
.rbt-product-card .product-hover-slider-list li a:focus,
.rbt-product-card .product-hover-slider-list li a:hover {
    border-color: var(--color-primary)
}

.rbt-product-card .rbt-btn:hover {
    box-shadow: none
}

.rbt-product-card .rbt-countdown-wrap {
    transition: opacity .4s ease, transform .6s cubic-bezier(0, 0, .34, .54)
}

.rbt-product-card.has-hover-box-shadow .inner {
    transition: all .6s cubic-bezier(0, 0, .34, .54)
}

.rbt-product-card.has-hover-box-shadow:hover .inner {
    z-index: 5;
    position: relative;
    border-color: transparent;
    box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .14)
}

.rbt-product-card:hover .prd-details-area {
    height: auto;
    opacity: 1;
    visibility: visible;
    clip: rect(0, 100vw, 200vh, -30px);
    border-color: transparent
}

.rbt-product-card:hover .rbt-card-img img {
    transform: scale(1.04);
    border-radius: 16px
}

.rbt-product-card:hover .rbt-countdown-wrap {
    transform: translateX(-50%) translateY(50%);
    opacity: 0
}

.rbt-product-card.rbt-list-view-variation {
    height: 100%
}

.rbt-product-card.rbt-list-view-variation .inner {
    display: flex;
    height: 100%;
    gap: 12px;
    border: 0;
    padding: 0;
    align-items: center;
    background: 0 0
}

@media only screen and (max-width: 479px) {
    .rbt-product-card.rbt-list-view-variation .inner {
        flex-wrap: wrap;
        flex-direction: column-reverse
    }
}

.rbt-product-card.rbt-list-view-variation .rbt-card-body {
    padding: 0
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-list-view-variation .rbt-card-body {
        padding: 0 !important
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .inner {
        flex-wrap: nowrap;
        flex-direction: row
    }
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm+.rbt-list-view-sm {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--color-border)
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .rbt-card-title {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    margin: 0;
    margin-top: 4px
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .rbt-rating-icon-list li i {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .pricing-part {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    margin-top: 4px
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .pricing-part del {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .rbt-card-img {
    border-radius: 8px;
    flex-basis: 51%;
    width: 100%
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .rbt-card-body {
    flex-basis: 49%;
    width: 100%
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .rbt-card-rating {
    margin-top: 0
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm.rbt-prd-sing-add-card {
    justify-content: space-between
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm.rbt-prd-sing-add-card .rbt-card-img {
    flex-basis: 25%
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm.rbt-prd-sing-add-card .rbt-card-body {
    flex-basis: 75%
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm.rbt-prd-sing-add-card .rbt-card-body.rbt-card-body-sm-wider {
    flex-basis: 66%
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm.rbt-prd-sing-add-card .rbt-card-title {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3)
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm.rbt-prd-sing-add-card .rbt-card-subtitle {
    color: var(--color-green)
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm.rbt-prd-sing-add-card .pricing-part {
    font-size: 18px;
    line-height: 1
}

@media only screen and (max-width: 479px) {
    .rbt-product-card.rbt-list-view-variation.list-view-md .inner {
        flex-wrap: nowrap;
        flex-direction: row
    }
}

.rbt-product-card.rbt-list-view-variation.list-view-md+.list-view-md {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 2px solid var(--color-border)
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-list-view-variation.list-view-md+.list-view-md {
        margin-top: 12px;
        padding-top: 12px
    }
}

.rbt-product-card.rbt-list-view-variation.list-view-md .rbt-card-title {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    margin-top: 8px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-list-view-variation.list-view-md .rbt-card-title {
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4)
    }
}

.rbt-product-card.rbt-list-view-variation.list-view-md .rbt-rating-icon-list li i {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-list-view-variation.list-view-md .rbt-rating-icon-list li i {
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4)
    }
}

.rbt-product-card.rbt-list-view-variation.list-view-md .rbt-card-img {
    border-radius: 10px !important;
    flex-basis: 46%;
    width: 100%
}

.rbt-product-card.rbt-list-view-variation.list-view-md .rbt-card-img a img {
    max-height: 164px
}

.rbt-product-card.rbt-list-view-variation.list-view-md .rbt-card-body {
    flex-basis: 54%;
    width: 100%;
    padding: 0
}

.rbt-product-card.rbt-list-view-variation.list-view-md .rbt-rating-icon-list {
    gap: 4px
}

.rbt-product-card.rbt-list-view-variation.list-view-md .rbt-card-rating {
    margin-top: 0;
    gap: 4px
}

.rbt-product-card.rbt-list-view-variation.list-view-md .pricing-part {
    margin-top: 10px
}

.rbt-product-card.rbt-list-view-variation.list-view-md.list-view-md-var-one+.list-view-md-var-one {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 2px solid var(--color-border)
}

.rbt-product-card.rbt-list-view-variation.list-view-md.list-view-md-var-one .rbt-card-img {
    border-radius: var(--radius);
    flex-basis: 54%
}

.rbt-product-card.rbt-list-view-variation.list-view-md.list-view-md-var-one .rbt-card-body {
    flex-basis: 46%
}

.rbt-product-card.rbt-list-view-variation.list-view-md.list-view-md-var-one .pricing-part,
.rbt-product-card.rbt-list-view-variation.list-view-md.list-view-md-var-one .rbt-card-title {
    margin-top: 4px
}

.rbt-product-card.rbt-list-view-variation.list-view-md.list-view-md-var-one .rbt-card-title {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    font-weight: 500
}

.rbt-product-card.rbt-list-view-variation.list-view-md.list-view-md-var-one .rbt-rating-icon-list li i {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .inner {
    gap: 50px;
    padding: 16px;
    border: 2px solid var(--color-gray-200);
    justify-content: space-between;
    border-radius: 16px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .inner {
        flex-wrap: wrap;
        flex-direction: column-reverse
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .inner {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        gap: 16px !important;
        padding: 8px
    }
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-discount-badge {
    height: 70px;
    width: 79px
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-discount-badge.right--corner-style {
    top: -32px;
    right: -36px
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-discount-badge span {
    color: var(--color-white);
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2)
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-img {
    width: 100%;
    border-radius: 12px;
    height: 100%
}

@media only screen and (max-width: 1199px) {
    .rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-img {
        height: auto
    }
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-img a {
    height: 100%
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-img a img {
    min-height: 330px
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-body {
    width: 100%;
    padding: 8px 0;
    padding-left: 16px
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-prd-qty-area {
    margin-top: 12px
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-subtitle {
    margin-top: 12px
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-title {
    font-size: var(--h5);
    line-height: 1.5
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-title {
        font-size: var(--font-size-b1)
    }
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-countdown-one {
    position: absolute;
    bottom: 16px;
    transform: translateX(-50%);
    left: 50%
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-countdown-one .countdown-container {
    background: var(--color-black)
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-countdown-one .countdown-heading,
.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-countdown-one .countdown-value {
    color: var(--color-white)
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-countdown-one .countdown-value {
    line-height: 1
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg:hover .inner {
    border-color: var(--color-primary)
}

.rbt-product-card.rbt-product-card-style-2 {
    --footer-h-sm: 54px;
    overflow: hidden;
    border-radius: 12px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-2 {
        border-radius: 8px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-card.rbt-product-card-style-2 {
        --footer-h-sm: 46px
    }
}

.rbt-product-card.rbt-product-card-style-2 .rbt-card-title {
    margin-top: 4px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-2 .rbt-card-title {
        margin-top: 4px
    }
}

.rbt-product-card.rbt-product-card-style-2 .rbt-card-img {
    border-radius: 16px !important
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-2 .rbt-card-img {
        border-radius: 8px !important
    }
}

.rbt-product-card.rbt-product-card-style-2 .rbt-card-img img {
    transform: scale(1.04)
}

.rbt-product-card.rbt-product-card-style-2 .rbt-card-img.top-rounded-md {
    border-radius: 12px 12px 0 0 !important
}

.rbt-product-card.rbt-product-card-style-2 .rbt-card-img.bg-gray {
    background: rgba(193, 193, 193, .1) !important
}

.rbt-product-card.rbt-product-card-style-2 .product-hover-slider-list {
    transition: var(--transition)
}

.rbt-product-card.rbt-product-card-style-2 .rbt-card-body {
    margin-bottom: calc(-1 * var(--footer-h-sm));
    transition: var(--transition);
    background: var(--color-white);
    padding: 16px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-2 .rbt-card-body {
        padding: 12px 8px
    }
}

.rbt-product-card.rbt-product-card-style-2 .rbt-card-body:first-child {
    margin-top: 0 !important
}

.rbt-product-card.rbt-product-card-style-2 .rbt-card-body.no-footer-body {
    margin-bottom: 0
}

.rbt-product-card.rbt-product-card-style-2 .rbt-card-body.has-rbt-top-right-corner-portion {
    position: relative
}

.rbt-product-card.rbt-product-card-style-2 .rbt-card-body.has-rbt-top-right-corner-portion .rbt-right-corner-portion {
    bottom: 99%;
    transition: .5s
}

.rbt-product-card.rbt-product-card-style-2 .rbt-card-body.rbt-card-body-top-botttom-space {
    padding: 16px 15px;
}

.rbt-product-card.rbt-product-card-style-2.transform-variation-one .rbt-card-body {
    margin-bottom: -104px;
    padding: 16px;
    padding-top: 28px;
    background-color: var(--color-white)
}

@media only screen and (max-width: 575px) {
    .rbt-product-card.rbt-product-card-style-2.transform-variation-one .rbt-card-body {
        margin-bottom: -80px;
        padding-top: 12px;
        padding: 12px
    }
}

.rbt-product-card.rbt-product-card-style-2.transform-variation-one:hover .rbt-card-body {
    transform: translateY(-104px)
}

@media only screen and (max-width: 575px) {
    .rbt-product-card.rbt-product-card-style-2.transform-variation-one:hover .rbt-card-body {
        transform: translateY(-80px)
    }
}

.rbt-product-card.rbt-product-card-style-2.transform-variation-two {
    overflow: unset;
    --footer-h-sm: 96px
}

.rbt-product-card.rbt-product-card-style-2.transform-variation-two .rbt-card-body {
    padding: 16px
}

.rbt-product-card.rbt-product-card-style-2.transform-variation-two .rbt-card-img img {
    transform: scale(1)
}

.rbt-product-card.rbt-product-card-style-2.transform-variation-two .card-inner {
    overflow: hidden;
    border-radius: 12px
}

.rbt-product-card.rbt-product-card-style-2.transform-variation-two .background-expand {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: var(--color-white);
    border-radius: 12px;
    transition: transform .4s cubic-bezier(.2, .75, .5, 1);
    pointer-events: none;
    z-index: -1
}

.rbt-product-card.rbt-product-card-style-2.transform-variation-two .background-expand::before {
    content: "";
    position: absolute;
    z-index: -2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform-origin: center;
    background-color: transparent;
    background-color: transparent;
    opacity: 0;
    border-radius: 12px;
    box-shadow: var(--shadow-1);
    transition: opacity .4s cubic-bezier(.2, .75, .5, 1)
}

.rbt-product-card.rbt-product-card-style-2.transform-variation-two:hover .background-expand {
    transform: scale(1.04, 1.04) translateY(0) translateZ(0)
}

.rbt-product-card.rbt-product-card-style-2.transform-variation-two:hover .background-expand::before {
    opacity: 1;
    pointer-events: all
}

.rbt-product-card.rbt-product-card-style-2.transform-variation-two:hover .rbt-card-img img {
    transform: scale(.96)
}

.rbt-product-card.rbt-product-card-style-2:hover .rbt-card-img img {
    transform: scale(1)
}

.rbt-product-card.rbt-product-card-style-2:hover .product-hover-slider-list {
    height: calc(100% - (var(--footer-h-sm)))
}

.rbt-product-card.rbt-product-card-style-2:hover .rbt-card-body {
    transform: translateY(calc(-1 * var(--footer-h-sm)))
}

.rbt-product-card.rbt-product-card-style-2:hover .rbt-card-body.no-footer-body {
    transform: none
}

.rbt-product-card.rbt-product-card-style-2.wider-variation {
    transition: var(--transition);
    border-radius: 12px;
    padding: 16px;
    background: var(--color-white)
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-2.wider-variation {
        padding: 12px
    }
}

.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-card-body {
    background: var(--color-white) !important;
    padding: 16px 4px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-card-body {
        padding: 12px 4px
    }
}

.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-card-top-content.has-two-align {
    flex-wrap: nowrap;
    flex-direction: row
}

.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-card-img {
    border-radius: 8px !important
}

.rbt-product-card.rbt-product-card-style-2.wider-variation img {
    max-height: 375px;
    transition: var(--transition)
}

.rbt-product-card.rbt-product-card-style-2.wider-variation img.sm--size {
    opacity: 0;
    visibility: hidden
}

.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-right-corner-portion {
    opacity: 1;
    visibility: visible;
    right: 0
}

.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-color-select-area {
    justify-content: flex-end;
    gap: 8px 12px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-color-select-area {
        flex-wrap: wrap
    }
}

.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-corner-portion-wrapper {
    background: var(--color-white) !important
}

.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-corner-portion-wrapper::after,
.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-corner-portion-wrapper::before {
    box-shadow: 15px 15px 0 0 var(--color-white) !important
}

.rbt-product-card.rbt-product-card-style-2.wider-variation.active .rbt-card-img img,
.rbt-product-card.rbt-product-card-style-2.wider-variation:hover .rbt-card-img img {
    border-radius: 8px !important;
    transform: scale(1)
}

.rbt-product-card.rbt-product-card-style-2.transform-variation-two {
    --footer-h-sm: 96px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-2.transform-variation-two {
        --footer-h-sm: 100px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-card.rbt-product-card-style-2.transform-variation-two {
        --footer-h-sm: 88px
    }
}

.rbt-product-card.rbt-product-card-style-3 {
    position: relative
}

.rbt-product-card.rbt-product-card-style-3 .rbt-card-body {
    position: absolute;
    width: calc(100% - 32px);
    left: 16px;
    bottom: 16px;
    border-radius: 16px;
    border: 2px solid rgba(255, 255, 255, .8);
    background: linear-gradient(168deg, rgba(255, 255, 255, .9) 0, rgba(255, 255, 255, .5) 100%);
    backdrop-filter: blur(50px);
    padding: 24px;
    padding-bottom: 28px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-3 .rbt-card-body {
        padding: 8px;
        padding-bottom: 12px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-product-card.rbt-product-card-style-3 .rbt-card-body {
        padding: 8px;
        padding-bottom: 12px
    }
}

.rbt-product-card.rbt-product-card-style-3.variation-two {
    border-radius: 8px
}

.rbt-product-card.rbt-product-card-style-3.variation-two .rbt-card-body {
    width: fit-content;
    left: 50%;
    transform: translate(-50%, 50%);
    padding: 40px 80px;
    border-radius: 8px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-3.variation-two .rbt-card-body {
        padding: 16px;
        padding-bottom: 24px
    }
}

.rbt-product-card.rbt-product-card-style-3.variation-two .rbt-card-title-2 {
    white-space: nowrap
}

.rbt-product-card.rbt-stock-out-product-card .rbt-card-img img,
.rbt-product-card.rbt-stock-out-product-card .rbt-card-img video {
    filter: grayscale(1);
    opacity: .9
}

.card-grp-area {
    display: flex;
    gap: 48px;
    justify-content: center
}

.rbt-list-card-box {
    padding: 24px;
    background: 0 0;
    border-radius: 16px;
    border: 2px solid var(--color-brand-100);
    transition: var(--transition)
}

@media only screen and (max-width: 767px) {
    .rbt-list-card-box {
        padding: 8px;
        border-radius: 8px
    }
}

.rbt-list-card-box.rbt-list-card-box-lg {
    padding: 24px 32px
}

@media only screen and (max-width: 767px) {
    .rbt-list-card-box.rbt-list-card-box-lg {
        padding: 16px
    }
}

.rbt-list-card-box.rbt-list-card-box-primary-bordered {
    border-color: var(--color-primary)
}

.rbt-list-card-box:hover {
    border-color: var(--color-primary)
}

.rbt-product-card:hover .rbt-card-img.top-rounded-md img {
    border-radius: 12px 12px 0 0
}

@media only screen and (max-width: 479px) {
    .mobile-horizontal-scroll-section {
        overflow-x: auto;
        width: 100%
    }

    .mobile-horizontal-scroll-section::-webkit-scrollbar {
        display: none
    }
}

.rbt-product-nav-section {
    display: flex;
    gap: 5px
}

.rbt-product-nav-section .rbt-product-nav-grp {
    position: relative
}

.rbt-product-nav-section .rbt-product-nav-grp+.rbt-product-nav-grp::before {
    content: "";
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/pagination/pagination-mid-01.svg);
    width: 22px;
    height: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.rbt-product-nav-section .rbt-product-nav-grp.rbt-product-nav-grp-sm {
    padding: 3px 4px;
    gap: 4px
}

.rbt-product-nav-section .rbt-product-nav-grp.rbt-product-nav-grp-sm li .rbt-product-nav {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

.rbt-product-nav-section.rbt-product-nav-var-primary .rbt-product-nav-grp {
    background: var(--color-brand-200)
}

.rbt-product-nav-section.rbt-product-nav-var-primary .rbt-product-nav-grp+.rbt-product-nav-grp::before {
    background-image: url(../images/pagination/pagination-mid-02.svg)
}

.rbt-product-nav-section.rbt-product-nav-var-primary li .rbt-product-nav.active,
.rbt-product-nav-section.rbt-product-nav-var-primary li .rbt-product-nav:hover {
    background: var(--color-primary) !important;
    color: var(--color-white)
}

.rbt-product-nav-section.rbt-product-nav-var-primary .rbt-bg-highlight {
    background: var(--color-primary)
}

.rbt-product-nav-section.rbt-product-nav-var-brand .rbt-product-nav-grp {
    background: var(--color-white);
    border: 1px solid var(--color-gray-200)
}

.rbt-product-nav-section.rbt-product-nav-var-brand .rbt-product-nav-grp+.rbt-product-nav-grp::before {
    background-image: url(../images/pagination/pagination-mid-02.svg)
}

.rbt-product-nav-section.rbt-product-nav-var-brand .rbt-bg-highlight {
    background: var(--color-brand-200)
}

.rbt-product-nav-grp {
    padding: 6px 8px;
    display: flex;
    gap: 12px;
    background: var(--color-extra-three);
    border-radius: 40px
}

.rbt-product-nav-grp li {
    margin: 0
}

.rbt-product-nav-grp li .rbt-product-nav {
    padding: 4px 12px;
    background: 0 0;
    color: var(--color-gray-400);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    line-height: 1.6;
    font-weight: var(--f-medium);
    border-radius: 20px;
    transition: var(--transition);
    display: block;
    position: relative;
    z-index: 1;
    text-align: center;
    white-space: nowrap
}

@media only screen and (max-width: 479px) {
    .rbt-product-nav-grp li .rbt-product-nav {
        padding: 4px 6px;
        font-size: 12px;
        line-height: var(--line-height-b4)
    }
}

.rbt-product-nav-grp li .rbt-product-nav.active,
.rbt-product-nav-grp li .rbt-product-nav:hover {
    background: var(--color-white);
    color: var(--color-heading)
}

.rbt-nav-effect-activation {
    position: relative;
    overflow: hidden
}

.rbt-nav-effect-activation .transp-link {
    position: relative;
    z-index: 3
}

.rbt-nav-effect-activation .rbt-bg-highlight {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: var(--color-white);
    border-radius: 8px;
    transition: all .3s;
    z-index: 0;
    border-radius: 40px
}

@media only screen and (max-width: 1199px) {
    .rbt-nav-effect-activation .rbt-product-nav-grp {
        overflow-x: scroll
    }
}

.rbt-nav-effect-activation .rbt-product-nav-grp::-webkit-scrollbar {
    display: none
}

.rbt-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav.active,
.rbt-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav:hover {
    background: 0 0
}

.rbt-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav:hover {
    color: var(--color-heading)
}

.rbt-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav.active:hover {
    color: var(--color-heading)
}

.rbt-nav-effect-activation.rbt-product-nav-var-primary .rbt-product-nav-grp li .rbt-product-nav.active {
    color: var(--color-white)
}

.rbt-nav-effect-activation.rbt-product-nav-var-primary .rbt-product-nav-grp li .rbt-product-nav.active:hover {
    color: var(--color-white)
}

.rbt-nav-effect-activation.rbt-product-nav-var-primary .rbt-product-nav-grp li .rbt-product-nav:hover {
    color: #ffffff
}

.rbt-nav-effect-activation.rbt-product-nav-var-primary .rbt-bg-highlight {
    background: var(--color-primary)
}

.rbt-nav-effect-activation.rbt-product-nav-var-black .rbt-product-nav-grp li .rbt-product-nav.active {
    color: var(--color-white)
}

.rbt-nav-effect-activation.rbt-product-nav-var-black .rbt-product-nav-grp li .rbt-product-nav.active:hover {
    color: var(--color-white)
}

.rbt-nav-effect-activation.rbt-product-nav-var-black .rbt-bg-highlight {
    background: var(--color-black)
}

.rbt-product-card .rbt-card-body .rbt-scroll-animation {
    width: 1000px
}

.rbt-product-card .rbt-card-body .rbt-scroll-animation-wrapper {
    padding: 6px;
    overflow: hidden;
    margin: 0 -16px;
    position: absolute;
    top: -28px;
    background: var(--color-brand-400)
}

@media only screen and (max-width: 767px) {
    .rbt-product-card .rbt-card-body .rbt-scroll-animation-wrapper {
        top: -26px
    }
}

.rbt-product-card .rbt-card-body .rbt-scroll-animation-wrapper .rbt-category-list {
    gap: 12px
}

.rbt-product-card .rbt-card-body .rbt-scroll-animation-wrapper .rbt-category-list a {
    font-size: 12px;
    line-height: 1.2;
    align-items: baseline
}

.rbt-product-card .rbt-card-body .rbt-scroll-animation-wrapper .rbt-catagory-icon img {
    max-width: 12px;
    height: auto
}

.rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner {
    position: absolute;
    top: -29px;
    --box-size: 30px;
    width: 100%;
    left: 0;
    z-index: 2
}

.rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before,
.rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner:after {
    content: "";
    position: absolute;
    height: var(--box-size);
    width: var(--box-size);
    background: 0 0;
    border-radius: var(--radius-full);
    box-shadow: -12px 12px 0 0 var(--color-white)
}

.rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before {
    top: 0;
    left: 0
}

.rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::after {
    top: 0;
    right: 0;
    box-shadow: 12px 12px 0 0 var(--color-white)
}

.rbt-component-area .rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before,
.rbt-component-area .rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner:after,
.rbt-component-area.rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before,
.rbt-component-area.rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner:after {
    box-shadow: -12px 12px 0 0 var(--color-gray-light)
}

.rbt-component-area .rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before,
.rbt-component-area.rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before {
    top: 0;
    left: 0
}

.rbt-component-area .rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::after,
.rbt-component-area.rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::after {
    top: 0;
    right: 0;
    box-shadow: 12px 12px 0 0 var(--color-gray-light)
}

.rbt-component-area .rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before,
.rbt-component-area .rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner:after,
.rbt-component-area.rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before,
.rbt-component-area.rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner:after {
    box-shadow: -12px 12px 0 0 var(--color-white)
}

.rbt-component-area .rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before,
.rbt-component-area.rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before {
    top: 0;
    left: 0
}

.rbt-component-area .rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::after,
.rbt-component-area.rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::after {
    top: 0;
    right: 0;
    box-shadow: 12px 12px 0 0 var(--color-white)
}

.rbt-wishlisted-btn.active i {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-wishlisted-btn.added-wishlist {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-wishlisted-btn.added-wishlist::after,
.rbt-wishlisted-btn.added-wishlist:hover {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-wishlisted-btn.added-wishlist i::before {
    content: "\f00c"
}

.rbt-wishlisted-btn.bg-light-one.active i {
    background: var(--color-black);
    color: var(--color-white)
}

.rbt-wishlisted-btn.bg-light-one.added-wishlist {
    background: var(--color-black);
    color: var(--color-white)
}

.rbt-wishlisted-btn.bg-light-one.added-wishlist::after,
.rbt-wishlisted-btn.bg-light-one.added-wishlist:hover {
    background: var(--color-black);
    color: var(--color-white)
}

.rbt-compare-btn.active i {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-compare-btn.added-compare {
    background: var(--color-green);
    color: var(--color-white)
}

.rbt-compare-btn.added-compare::after,
.rbt-compare-btn.added-compare:hover {
    background: var(--color-green);
    color: var(--color-white)
}

.rbt-compare-btn.added-compare i::before {
    content: "\f00c"
}

.rbt-compare-btn.bg-light-one.active i {
    background: var(--color-black);
    color: var(--color-white)
}

.rbt-compare-btn.bg-light-one.added-wishlist {
    background: var(--color-black);
    color: var(--color-white)
}

.rbt-compare-btn.bg-light-one.added-wishlist::after,
.rbt-compare-btn.bg-light-one.added-wishlist:hover {
    background: var(--color-black);
    color: var(--color-white)
}

.rbt-content-top-left {
    position: absolute;
    top: 16px;
    left: 16px
}

@media only screen and (max-width: 479px) {
    .rbt-content-top-left {
        top: 8px;
        left: 8px
    }
}

.rbt-content-top-left+.rbt-content-top-left {
    margin-top: 32px
}

@media only screen and (max-width: 479px) {
    .rbt-content-top-left+.rbt-content-top-left {
        margin-top: 18px
    }
}

.rbt-content-top-right {
    position: absolute;
    top: 16px;
    right: 16px
}

@media only screen and (max-width: 479px) {
    .rbt-content-top-right {
        top: 8px;
        right: 8px
    }
}

.rbt-content-top-right+.rbt-content-top-right {
    margin-top: 32px
}

@media only screen and (max-width: 479px) {
    .rbt-content-top-right+.rbt-content-top-right {
        margin-top: 18px
    }
}

.rbt-content-bottom-left {
    position: absolute;
    bottom: 16px;
    left: 16px
}

@media only screen and (max-width: 479px) {
    .rbt-content-bottom-left {
        bottom: 8px;
        left: 8px
    }
}

.rbt-content-bottom-left+.rbt-content-bottom-left {
    margin-bottom: 32px
}

@media only screen and (max-width: 479px) {
    .rbt-content-bottom-left+.rbt-content-bottom-left {
        margin-bottom: 18px
    }
}

.rbt-content-bottom-right {
    position: absolute;
    bottom: 16px;
    right: 16px
}

@media only screen and (max-width: 479px) {
    .rbt-content-bottom-right {
        bottom: 8px;
        right: 8px
    }
}

.rbt-content-bottom-right+.rbt-content-bottom-right {
    margin-bottom: 32px
}

@media only screen and (max-width: 479px) {
    .rbt-content-bottom-right+.rbt-content-bottom-right {
        margin-bottom: 18px
    }
}

.rbt-content-bottom-center {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%)
}

.tooltip {
    position: relative;
    display: inline-block;
    opacity: 0;
    transition: opacity .15s linear;
    z-index: 9999;
    padding: 0 !important
}

.tooltip.show {
    opacity: 1
}

.tooltip-inner {
    color: var(--color-white);
    background: var(--color-black-opacity);
    padding: 6px 12px;
    border-radius: var(--radius);
    font-size: var(--font-size-b4);
    line-height: 1.4;
    text-align: center;
    max-width: 150px;
    transition: var(--transiton)
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0
}

.tooltip-arrow::before {
    display: none
}

.tooltip.top .tooltip-inner {
    margin-top: 10px
}

.tooltip.top .tooltip-arrow {
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-color: var(--color-black) transparent transparent transparent;
    display: none
}

.tooltip.right .tooltip-inner {
    margin-left: 10px
}

.tooltip.right .tooltip-arrow {
    left: 100%;
    top: 50%;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent var(--color-black)
}

.tooltip.bottom .tooltip-inner {
    margin-top: 10px
}

.tooltip.bottom .tooltip-arrow {
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-color: transparent transparent var(--color-black) transparent
}

.tooltip.left .tooltip-inner {
    margin-right: 10px
}

.tooltip.left .tooltip-arrow {
    right: 100%;
    top: 50%;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-color: transparent var(--color-black) transparent transparent
}

.tooltip[data-tooltip-type=primary] .tooltip-inner {
    background-color: var(--color-primary)
}

.tooltip[data-tooltip-type=secondary] .tooltip-inner {
    background-color: var(--color-secondary)
}

.tooltip[data-tooltip-type=black] .tooltip-inner {
    background-color: var(--color-black)
}

.tooltip[data-tooltip-type=success] .tooltip-inner {
    background-color: #27ae60
}

.tooltip[data-tooltip-type=warning] .tooltip-inner {
    background-color: #f39c12
}

.tooltip[data-tooltip-type=danger] .tooltip-inner {
    background-color: #c0392b
}

.tooltip-distance-lg .tooltip-inner {
    padding: 8px 16px;
    font-size: 14px;
    line-height: 1.4
}

.tooltip-distance-lg.bs-tooltip-top .tooltip-inner {
    margin-bottom: 12px
}

.tooltip-distance-lg.bs-tooltip-bottom .tooltip-inner {
    margin-top: 12px
}

.popover {
    border: 1px solid var(--color-gray-200);
    border-radius: var(--radius-10);
    padding: 4px 0
}

.popover.bs-popover-start>.popover-arrow::before {
    border-left-color: var(--color-gray-200)
}

.popover.bs-popover-top>.popover-arrow::before {
    border-top-color: var(--color-gray-200)
}

.popover.bs-popover-end>.popover-arrow::before {
    border-right-color: var(--color-gray-200)
}

.popover.bs-popover-bottom>.popover-arrow::before {
    border-bottom-color: var(--color-gray-200)
}

.popover .popover-header {
    font-size: var(--font-size-b1);
    border: none;
    background: 0 0;
    font-weight: var(--f-medium);
    padding-bottom: 4px
}

.popover .popover-body {
    font-size: var(--font-size-b2);
    color: var(--color-body);
    padding: 4px 12px 8px
}

.rbt-toaster {
    background: var(--color-green);
    color: var(--color-white);
    padding: 4px 16px;
    border-radius: var(--radius);
    pointer-events: none;
    position: fixed;
    left: 20px;
    bottom: 20px;
    transform: translateY(100px);
    z-index: 99999;
    transition: transform ease .4s
}

.rbt-toaster.is-visible {
    transform: translateY(0)
}

.rbt-toaster-style-2 {
    padding: 16px;
    max-width: 236px;
    background: var(--color-primary);
    border-radius: var(--radius-10);
    position: fixed;
    bottom: 16px;
    left: 16px;
    transform: translateY(100%) scale(.5);
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    transition: var(--transition)
}

.rbt-toaster-style-2.isVisible {
    transform: translateY(0) scale(1);
    opacity: 1;
    visibility: visible
}

.rbt-toaster-style-2 .rbt-close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    background: var(--color-brand-100);
    border: none;
    border-radius: var(--radius-full);
    font-size: var(--font-size-b3);
    position: absolute;
    right: -12px;
    top: -12px;
    transition: var(--transition-2)
}

.rbt-toaster-style-2 .rbt-close-btn i {
    transition: var(--transition-2)
}

.rbt-toaster-style-2 .rbt-close-btn:hover {
    transform: scale(.9)
}

.rbt-toaster-style-2 .rbt-close-btn:hover i {
    transform: scale(1.1);
    color: var(--color-primary)
}

.rbt-cookies {
    max-width: fit-content;
    border-radius: var(--radius-60);
    border: 2px solid var(--color-extra-four);
    background: var(--color-white);
    padding: 16px 24px;
    box-shadow: var(--shadow-6);
    display: flex;
    gap: 8px;
    align-items: center;
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%) translateY(150%) scale(.85);
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    transition: all .4s ease-in-out
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-cookies {
        bottom: 72px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cookies {
        flex-direction: column;
        border-radius: var(--radius-12);
        padding: 12px;
        bottom: 72px
    }
}

.rbt-cookies.position-bottom-left {
    left: 24px;
    bottom: 24px;
    transform: translateX(-20%) scale(.8)
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-cookies.position-bottom-left {
        left: 16px;
        bottom: 72px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cookies.position-bottom-left {
        bottom: 80px
    }
}

.rbt-cookies.position-bottom-left.isVisible {
    transform: scale(1);
    opacity: 1;
    visibility: visible
}

.rbt-cookies.position-bottom-right {
    right: 24px;
    bottom: 24px;
    transform: translateX(100%) scale(.8)
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-cookies.position-bottom-right {
        left: 16px;
        bottom: 72px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cookies.position-bottom-right {
        bottom: 80px
    }
}

.rbt-cookies.position-bottom-right.isVisible {
    transform: translateX(50%) scale(1);
    opacity: 1;
    visibility: visible
}

.rbt-cookies.isVisible {
    transform: translateX(-50%) translateY(0) scale(1);
    opacity: 1;
    visibility: visible
}

.rbt-cookies .rbt-icon {
    height: 48px;
    min-width: 48px
}

.rbt-cookies .rbt-content {
    display: flex;
    gap: 16px;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .rbt-cookies .rbt-content {
        flex-direction: column
    }
}

.rbt-cookies .rbt-content .rbt-cookie-info {
    width: 267px
}

@media only screen and (max-width: 767px) {
    .rbt-cookies .rbt-content .rbt-cookie-info {
        text-align: center
    }
}

.rbt-cookies .rbt-content .rbt-btn-link {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

@media only screen and (max-width: 767px) {
    .rbt-cookies .rbt-content .rbt-btn-group {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cookies .rbt-content .rbt-btn-group .rbt-btn {
        flex-basis: 48%
    }
}

.rbt-cookies .rbt-close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    border: none;
    border-radius: var(--radius-full);
    background: 0 0;
    font-size: var(--font-size-b3);
    position: absolute;
    right: 6px;
    top: 0;
    transition: var(--transition)
}

@media only screen and (max-width: 767px) {
    .rbt-cookies .rbt-close-btn {
        top: 6px
    }
}

.rbt-cookies .rbt-close-btn::after {
    background: var(--color-gray-light);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: var(--transition);
    transform: scale(1);
    border-radius: var(--radius-full);
    z-index: -1;
    box-shadow: var(--shadow-8)
}

.rbt-cookies .rbt-close-btn:hover {
    color: var(--color-heading)
}

.rbt-cookies .rbt-close-btn:hover::after {
    opacity: 1;
    transform: scale(1.2)
}

.rbt-single-product-area .rbt-card-subtitle {
    display: flex;
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    color: var(--color-primary);
    font-weight: var(--f-medium)
}

.rbt-single-product-area .rbt-card-title {
    margin-top: 8px;
    margin-bottom: 0;
    font-weight: 700
}

.rbt-single-product-area .rbt-card-rating {
    gap: 8px
}

@media only screen and (max-width: 479px) {
    .rbt-single-product-area .rbt-card-rating {
        gap: 4px
    }
}

.rbt-single-product-area .rbt-card-rating .rbt-text-group {
    font-size: var(--font-size-b3);
    height: 24px;
    line-height: 24px
}

.rbt-single-product-area .rbt-card-rating .icon {
    color: var(--color-heading)
}

@media only screen and (max-width: 479px) {
    .rbt-single-product-area .rbt-card-rating .icon {
        font-size: var(--font-size-b3);
        line-height: 1
    }
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-single-product-area .rbt-qty-area {
        padding: 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 .3s;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 2px dashed var(--color-gray-200);
    border-radius: 8px;
    text-align: center;
    transition: border-color .3s;
    padding: 32px;
    position: relative;
    background: var(--color-gray-light)
}

@media only screen and (max-width: 767px) {
    .rbt-file-upload-container .file-upload-area {
        padding: 32px
    }

    .rbt-file-upload-container .file-upload-area .file-upload-content {
        flex-wrap: wrap
    }
}

.rbt-file-upload-container .file-upload-area.dragging {
    border-color: var(--color-primary)
}

.rbt-file-upload-container .file-upload-content {
    display: flex;
    align-items: center;
    gap: 8px
}

.rbt-file-upload-container .rbt-icon,
.rbt-file-upload-container .rbt-title {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    font-weight: 500;
    color: var(--color-heading);
    margin-bottom: 0
}

.rbt-file-upload-container .upload-icon {
    width: 50px;
    margin-bottom: 10px
}

.rbt-file-upload-container .fileCount {
    color: var(--color-gray-400);
    position: absolute;
    bottom: 12px;
    right: 12px;
    margin-bottom: 0
}

.rbt-file-upload-container .file-list {
    width: 100%;
    z-index: 1;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    max-height: 45vh;
    padding-right: 16px;
    margin-right: -16px
}

.rbt-file-upload-container .file-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: var(--color-gray-200);
    border-radius: 40px;
    height: 337px
}

.rbt-file-upload-container .file-list::-webkit-scrollbar {
    width: 4px;
    height: 337px;
    background-color: var(--color-gray-200)
}

.rbt-file-upload-container .file-list::-webkit-scrollbar-thumb {
    border-radius: 40px;
    background-color: var(--color-gray-400)
}

.rbt-file-upload-container .file-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: 4px;
    padding: 10px;
    margin-top: 16px
}

.rbt-file-upload-container .file-name {
    flex: 1
}

.rbt-file-upload-container .cancel-button {
    background-color: var(--color-gray-200);
    color: var(--color-heading);
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: var(--transition)
}

.rbt-file-upload-container .cancel-button:hover {
    background-color: var(--color-danger);
    color: var(--color-white)
}

.rbt-single-product-media-area.position-sticky-top {
    position: sticky;
    top: 150px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-single-product-media-area {
        justify-content: center;
        gap: 16px !important;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-single-product-media-area {
        flex-wrap: nowrap
    }
}

.rbt-single-product-media-area .rbt-thumb-slide-part .swiper-slide button .rbt-thumb-img-sm img {
    border: 2px solid transparent;
    transition: var(--transition);
    max-height: 120px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-single-product-media-area .rbt-thumb-slide-part .swiper-slide button .rbt-thumb-img-sm img {
        max-height: unset
    }
}

.rbt-single-product-media-area .rbt-thumb-slide-part .swiper-slide-thumb-active.swiper-slide button .rbt-thumb-img-sm img {
    border-color: var(--color-primary)
}

.rbt-single-product-content>:first-child {
    margin-top: 0 !important
}

.rbt-single-product-content.rbt-single-product-content-sticky-one {
    position: sticky;
    top: 150px
}

.rbt-single-product-content.rbt-content-top-sticky-on-img {
    position: sticky;
    top: 150px;
    margin-top: -240px;
    padding: 32px;
    z-index: 2;
    border-radius: 16px;
    border: 2px solid var(--color-gray-200);
    background: var(--gradient-white-b);
    backdrop-filter: blur(50px);
    width: 488px;
    margin-left: 48px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-single-product-content.rbt-content-top-sticky-on-img {
        margin-left: 0
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-single-product-content.rbt-content-top-sticky-on-img {
        margin-left: 0
    }
}

@media only screen and (max-width: 1199px) {
    .rbt-single-product-content.rbt-content-top-sticky-on-img {
        width: 100%;
        margin-top: 0;
        margin-left: 0
    }
}

.rbt-single-product-content.rbt-content-top-sticky-on-img.rbt-content-top-sticky-on-img-vr {
    margin-left: 0;
    margin-right: -160px;
    width: 960px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-single-product-content.rbt-content-top-sticky-on-img.rbt-content-top-sticky-on-img-vr {
        margin-right: 0
    }
}

@media only screen and (max-width: 1199px) {
    .rbt-single-product-content.rbt-content-top-sticky-on-img.rbt-content-top-sticky-on-img-vr {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }
}

.rbt-thumb-slide-part.rbt-sticky-top-150 {
    height: 100%
}

.rbt-countdown-banner {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between
}

@media only screen and (max-width: 767px) {
    .rbt-countdown-banner {
        flex-wrap: wrap
    }
}

.rbt-countdown-banner .rbt-title {
    white-space: nowrap;
    font-weight: var(--f-semi-bold);
    color: var(--color-heading)
}

.rbt-countdown-banner .rbt-desc {
    color: var(--color-gray-700)
}

.rbt-countdown-banner.rbt-countdown-banner-sm {
    padding: 16px;
    border-radius: 8px;
    border: 1px dashed var(--color-primary)
}

@media only screen and (max-width: 767px) {
    .rbt-countdown-banner.rbt-countdown-banner-sm {
        justify-content: center
    }
}

.rbt-countdown-banner.rbt-countdown-banner-sm {
    padding: 16px;
    border-radius: 8px;
    border: 1px dashed var(--color-primary)
}

.rbt-countdown-banner.rbt-countdown-banner-has-bg-01 {
    background-image: url(../images/countdown/countdown-banner-sm-01.webp);
    background-color: var(--color-brand-300)
}

.rbt-coupon {
    min-width: 70%;
    position: relative;
    overflow: hidden;
    height: 100%
}

.rbt-coupon .inner {
    border: 2px dashed var(--color-primary);
    padding: 16px;
    background: var(--color-brand-300);
    display: flex;
    border-radius: 8px
}

@media only screen and (max-width: 767px) {
    .rbt-coupon .inner {
        padding: 8px
    }
}

@media only screen and (max-width: 1199px) {
    .rbt-coupon {
        min-width: 100%
    }
}

.rbt-coupon .left-part {
    flex-basis: 12%;
    border-right: 2px dashed var(--color-primary);
    text-align: center;
    display: flex;
    align-items: center;
    margin-right: 16px;
    position: relative
}

.rbt-coupon .left-part::after,
.rbt-coupon .left-part::before {
    content: "";
    position: absolute;
    height: 32px;
    width: 32px;
    background: var(--color-brand-50);
    border-radius: 50%;
    left: 100%;
    transform: translate(-50%);
    top: 100%;
    border: 2px dashed var(--color-primary);
    z-index: 4
}

.rbt-coupon .left-part::after {
    bottom: 100%;
    top: unset
}

.rbt-coupon .rbt-coupon-code-text {
    color: var(--color-primary);
    text-align: center;
    font-size: var(--font-size-b2);
    font-weight: 500;
    line-height: var(--line-height-b2);
    transform: rotate(180deg);
    white-space: nowrap;
    writing-mode: vertical-lr;
    padding: 0;
    height: auto;
    border: 0;
    width: auto;
    max-height: 100px
}

.rbt-coupon .coupon-details .rbt-coupon-info-sub-title,
.rbt-coupon .coupon-details .rbt-coupon-info-title {
    font-weight: 600;
    margin-bottom: 0;
    color: var(--color-heading)
}

.rbt-coupon .coupon-details .rbt-coupon-info-list {
    margin: 0;
    margin: -4px 0
}

.rbt-coupon .coupon-details .rbt-coupon-info-list li {
    margin: 4px 0;
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

@media only screen and (max-width: 479px) {
    .rbt-coupon .coupon-details .rbt-coupon-info-list li {
        font-size: var(--font-size-b4)
    }
}

.rbt-coupon .copy-icon {
    display: flex;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    font-size: var(--font-size-b3);
    position: absolute;
    right: 16px;
    top: 16px
}

.rbt-coupon .copy-icon::after {
    content: attr(data-tooltip);
    width: 80px;
    height: 30px;
    top: 124%;
    right: 0;
    border-radius: var(--radius-60);
    font-size: var(--font-size-b3);
    line-height: 30px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    background-color: var(--color-primary);
    color: var(--color-gray-200);
    transform: translateY(-10px) translateX(-50%);
    text-align: center;
    transition: var(--transition)
}

.rbt-coupon .copy-icon::before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    margin-bottom: -47px;
    border-bottom: 8px solid var(--color-primary);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    opacity: 0;
    transform: translateY(-10px);
    transition: var(--transition)
}

.rbt-coupon .copy-icon:hover::after {
    opacity: 1;
    transform: translateY(0) translateX(-50%)
}

.rbt-coupon .copy-icon:hover::before {
    opacity: 1;
    transform: unset
}

.rbt-coupon.rbt-coupon-expired .inner {
    border-color: var(--color-gray-300);
    background: var(--color-brand-50);
    justify-content: space-between
}

.rbt-coupon.rbt-coupon-expired .left-part {
    border-color: var(--color-gray-300)
}

.rbt-coupon.rbt-coupon-expired .left-part::after,
.rbt-coupon.rbt-coupon-expired .left-part::before {
    border-color: var(--color-gray-300)
}

.rbt-coupon.rbt-coupon-expired .rbt-coupon-code-text {
    color: var(--color-gray-400)
}

.rbt-coupon.rbt-coupon-expired .coupon-details .rbt-coupon-info-sub-title,
.rbt-coupon.rbt-coupon-expired .coupon-details .rbt-coupon-info-title {
    color: var(--color-gray-400)
}

.rbt-coupon.rbt-coupon-expired .coupon-details .rbt-coupon-info-list li {
    color: var(--color-gray-400)
}

.rbt-coupon.rbt-coupon-expired .coupon-details .rbt-coupon-info-list li::marker {
    color: var(--color-gray-400)
}

.rbt-coupon.rbt-coupon-expired .rbt-btn {
    cursor: not-allowed;
    position: absolute;
    right: 16px;
    top: 16px
}

.rbt-coupon.rbt-coupon-bg-white .left-part::after,
.rbt-coupon.rbt-coupon-bg-white .left-part::before {
    background: var(--color-white)
}

.rbt-coupon.rbt-coupon-lg .rbt-coupon-code-text {
    max-height: 160px;
    width: 100%;
    font-size: 20px;
    line-height: 20px
}

.rbt-combo-prd-box {
    padding: 32px;
    border-radius: 18px;
    border: 2px solid var(--color-gray-200)
}

@media only screen and (max-width: 479px) {
    .rbt-combo-prd-box {
        padding: 16px
    }
}

.rbt-combo-prd-box .rbt-combo-title-section {
    color: var(--color-heading);
    font-weight: var(--f-semi-bold);
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: start
}

@media only screen and (max-width: 479px) {
    .rbt-combo-prd-box .rbt-combo-title-section {
        gap: 8px
    }
}

.rbt-combo-prd-box .rbt-combo-title-section i {
    font-size: 32px
}

@media only screen and (max-width: 479px) {
    .rbt-combo-prd-box .rbt-combo-title-section i {
        font-size: 18px
    }
}

.rbt-combo-prd-box .rbt-title {
    font-weight: 700
}

.rbt-combo-prd-box .rbt-prd-pricing-box {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.rbt-combo-prd-box .rbt-pricing-box-top {
    padding: 28px;
    background: var(--color-gray-light);
    border-radius: 16px;
    display: flex;
    gap: 12px 32px;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .rbt-combo-prd-box .rbt-pricing-box-top {
        padding: 12px;
        flex-wrap: wrap;
        justify-content: center
    }
}

@media only screen and (max-width: 479px) {
    .rbt-combo-prd-box .rbt-pricing-box-top {
        padding: 8px;
        flex-wrap: wrap;
        justify-content: center
    }
}

.rbt-combo-prd-box .rbt-prd-img-area {
    display: flex;
    align-items: center;
    gap: 32px;
    overflow-x: auto
}

.rbt-combo-prd-box .rbt-prd-img-area::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: var(--color-gray-200);
    border-radius: 40px;
    width: 337px
}

.rbt-combo-prd-box .rbt-prd-img-area::-webkit-scrollbar {
    height: 6px;
    width: 337px;
    background-color: var(--color-gray-200);
    cursor: pointer;
    margin-top: 20px
}

@media only screen and (max-width: 767px) {
    .rbt-combo-prd-box .rbt-prd-img-area::-webkit-scrollbar {
        height: 4px
    }
}

.rbt-combo-prd-box .rbt-prd-img-area::-webkit-scrollbar-thumb {
    border-radius: 40px;
    background-color: var(--color-gray-400)
}

.rbt-combo-prd-box .rbt-prd-img-area.hide-scrollbar::-webkit-scrollbar {
    display: none
}

@media only screen and (max-width: 767px) {
    .rbt-combo-prd-box .rbt-prd-img-area {
        gap: 8px;
        padding-bottom: 8px
    }
}

.rbt-combo-prd-box .rbt-prd-img-area .single-product-img-box {
    background: var(--color-white);
    border-radius: 8px;
    border: 2px solid var(--color-gray-200);
    padding: 4px;
    position: relative;
    min-width: 150px
}

.rbt-combo-prd-box .rbt-prd-img-area .single-product-img-box:first-child .icon {
    display: none
}

.rbt-combo-prd-box .rbt-prd-img-area .single-product-img-box .rbt-img {
    background: var(--color-brand-100);
    border-radius: var(--radius)
}

.rbt-combo-prd-box .rbt-prd-img-area .single-product-img-box .icon {
    position: absolute;
    left: -25px;
    color: var(--color-heading);
    font-weight: var(--f-bold);
    top: 50%;
    transform: translateY(-50%);
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .rbt-combo-prd-box .rbt-prd-img-area .single-product-img-box .icon {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .rbt-combo-prd-box .rbt-pricing-area {
        flex-wrap: wrap
    }
}

.rbt-combo-prd-box .rbt-pricing-area h6 {
    font-weight: 400
}

.rbt-combo-prd-box .rbt-pricing-area .rbt-button-group .rbt-btn {
    margin: 0
}

.rbt-combo-prd-box .rbt-combo-prd-list .rbt-single-prd {
    display: flex;
    gap: 8px 16px;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .rbt-combo-prd-box .rbt-combo-prd-list .rbt-single-prd {
        flex-wrap: wrap;
        margin: 32px 0
    }
}

.rbt-combo-prd-box .rbt-combo-prd-list .rbt-single-prd .input-part input[type=checkbox]~label {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    color: var(--color-heading)
}

.rbt-combo-prd-box .rbt-combo-prd-list .rbt-single-prd .pricing-part .price-text {
    color: var(--color-primary);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: var(--f-semi-bold)
}

.rbt-combo-prd-box .rbt-combo-prd-list .rbt-single-prd .pricing-part del.price-text {
    color: var(--color-gray-400);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3)
}

.rbt-block-title {
    color: var(--color-heading);
    font-weight: var(--f-bold)
}

.rbt-block-desc {
    color: var(--color-gray-500)
}

.rbt-block-banner-img img {
    border-radius: 12px
}

.rbt-block-banner-video video {
    width: 100%;
    max-width: 100%;
    border-radius: 12px
}

.rbt-single-specification {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--color-gray-100)
}

.rbt-single-specification:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.rbt-single-specification .title {
    font-weight: 600;
    color: var(--color-heading)
}

ul.rbt-specification-list {
    margin: -12px 0
}

ul.rbt-specification-list li {
    margin: 12px 0;
    color: var(--color-heading)
}

.rbt-specification-content,
.rbt-specification-list {
    flex-basis: 70%
}

.rbt-specification-content .desc,
.rbt-specification-list .desc {
    color: var(--color-heading)
}

.rbt-avr-review {
    display: flex;
    gap: 16px;
    align-items: center
}

.rbt-avr-review .rbt-abr-review-number-text {
    font-weight: var(--f-bold);
    color: var(--color-heading);
    font-size: var(--h1);
    line-height: 1.3
}

.rbt-avr-review .rbt-rating-icon-list li i {
    font-size: var(--h4);
    line-height: 1
}

.rbt-rating-item {
    display: flex;
    align-items: center;
    gap: 8px
}

.rbt-rating-item .icon {
    color: var(--color-yellow)
}

.rbt-rating-item .progress {
    height: 8px
}

.rbt-rating-item .progress .progress-bar {
    background: var(--color-yellow)
}

.rbt-rating-item .number-text {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-heading);
    font-weight: var(--f-medium)
}

.rbt-rating-breakdown {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.rbt-contact-input-field-grp {
    width: 100%;
    position: relative;
    overflow: hidden
}

.rbt-review-inp-list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 8px 0;
    overflow: auto;
    -ms-overflow-style: none
}

.rbt-review-inp-list::-webkit-scrollbar {
    width: 0 !important;
    display: none
}

.rbt-review-inp-list>li {
    margin: 0
}

.rbt-review-inp-list>li+li {
    margin-left: 16px;
    padding-left: 16px;
    border-left: 2px solid var(--color-border)
}

@media only screen and (max-width: 767px) {
    .rbt-review-inp-list>li+li {
        margin-left: 8px;
        padding-left: 8px
    }
}

.rbt-review-inp-list>li label {
    padding-left: 0
}

.rbt-review-inp-list>li label::after,
.rbt-review-inp-list>li label::before {
    display: none
}

.rbt-review-inp-list>li label .rbt-rated-icon {
    color: var(--color-gray-300)
}

.rbt-review-inp-list>li input:checked~label .rbt-rated-icon {
    color: var(--color-yellow)
}

.rbt-prd-single-faq-section .rbt-section-title-area {
    padding: 24px;
    border-radius: var(--radius-md);
    margin-bottom: 24px
}

.rbt-combo-prd-content-section .rbt-button-group {
    display: flex;
    margin: 0;
    gap: 16px
}

.rbt-color-select-area {
    display: flex;
    align-items: center;
    gap: 12px 6px;
    margin-bottom: 0
}

@media only screen and (max-width: 479px) {
    .rbt-color-select-area {
        flex-wrap: wrap
    }
}

.rbt-color-select-area .rbt-switcher-color-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 8px
}

@media only screen and (max-width: 479px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-color-select-area .rbt-switcher-color-list {
        gap: 4px
    }
}

.rbt-color-select-area .rbt-switcher-color-list li {
    margin: 0
}

.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color {
    display: block;
    transition: var(--transition);
    border-radius: var(--radius-full);
    position: relative;
    height: 24px;
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color {
        height: 20px;
        width: 20px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color {
        height: 12px;
        width: 12px
    }
}

.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color::after {
    content: "";
    height: 100%;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    border: 1px solid var(--color-gray-200);
    border-radius: var(--radius-full);
    transition: all .4s cubic-bezier(0, 0, .34, .54)
}

@media only screen and (max-width: 479px) {
    .rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color::after {
        height: 12px;
        width: 12px
    }
}

.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color .rbt-color-circle {
    height: calc(100% - 8px);
    width: calc(100% - 8px);
    border-radius: var(--radius-full);
    display: block;
    transition: transform .4s cubic-bezier(0, 0, .34, .54)
}

@media only screen and (max-width: 479px) {
    .rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color .rbt-color-circle {
        height: 8px;
        width: 8px
    }
}

.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color.rbt-switcher--color-one .rbt-color-circle {
    background: #2b2b2b
}

.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color.rbt-switcher--color-two .rbt-color-circle {
    background: #caa1a4
}

.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color.rbt-switcher--color-three .rbt-color-circle {
    background: #9c9b9e
}

.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color.rbt-switcher--color-four .rbt-color-circle {
    background: #f2ede7
}

.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color.rbt-switcher--color-five .rbt-color-circle {
    background: #b4b7c5
}

.rbt-color-select-area .rbt-switcher-color-list li.active .rbt-switcher--color {
    background: 0 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.rbt-color-select-area .rbt-switcher-color-list li.active .rbt-switcher--color::after {
    border: 1px solid var(--color-primary)
}

.rbt-color-select-area .rbt-switcher-color-list li.active .rbt-color-circle {
    transform: scale(.875)
}

.rbt-color-select-area .rbt-switcher-color-list.rbt-switcher-color-list-lg {
    gap: 16px
}

@media only screen and (max-width: 767px) {
    .rbt-color-select-area .rbt-switcher-color-list.rbt-switcher-color-list-lg {
        gap: 8px
    }
}

.rbt-color-select-area .rbt-switcher-color-list.rbt-switcher-color-list-lg li .rbt-switcher--color .rbt-color-circle {
    height: 24px;
    width: 24px
}

@media only screen and (max-width: 767px) {
    .rbt-color-select-area .rbt-switcher-color-list.rbt-switcher-color-list-lg li .rbt-switcher--color .rbt-color-circle {
        height: 12px;
        width: 12px
    }
}

.rbt-color-select-area .rbt-switcher-color-list.rbt-switcher-color-list-lg li .rbt-switcher--color::after {
    height: calc(100% + 12px);
    width: calc(100% + 12px)
}

@media only screen and (max-width: 767px) {
    .rbt-color-select-area .rbt-switcher-color-list.rbt-switcher-color-list-lg li .rbt-switcher--color::after {
        height: 16px;
        width: 16px
    }
}

.rbt-color-select-area .prd-link-text {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

@media only screen and (max-width: 479px) {
    .rbt-color-select-area .prd-link-text {
        font-size: 10px;
        line-height: 1
    }
}

.rbt-360-view-thumbnail {
    background: 0 0;
    padding: 20px;
    border: 2px solid var(--color-border);
    display: flex;
    align-items: center;
    border-radius: var(--radius);
    position: relative;
    min-height: 500px
}

.rbt-image-tooltip-box {
    padding: 4px;
    border-radius: var(--radius);
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-primary);
    width: 200%;
    height: auto;
    text-align: center;
    transition: var(--transition);
    visibility: hidden;
    opacity: 0;
    z-index: 1
}

.rbt-image-tooltip-box img {
    object-fit: cover;
    border-radius: 4px;
    background: var(--color-gray-200)
}

.rbt-image-tooltip-box .img-desc-text {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    color: var(--color-white)
}

.rbt-image-tooltip-box::after {
    position: absolute;
    content: "";
    top: 95%;
    left: 50%;
    margin-left: -8px;
    border-top: 8px solid var(--color-primary);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
}

.rbt-image-tooltip-activation:hover .rbt-image-tooltip-box {
    opacity: 1;
    visibility: visible
}

.video-popup-wrapper.xs-video-wrapper {
    border-radius: 4px
}

.video-popup-wrapper.xs-video-wrapper img {
    min-height: auto
}

.video-popup-wrapper.xs-video-wrapper .rbt-btn.rounded-player {
    height: 40px;
    width: 40px;
    line-height: 1
}

.video-popup-wrapper.xs-video-wrapper .rbt-btn.rounded-player span i {
    font-size: 14px
}

.video-popup-wrapper.md-video-wrapper {
    border-radius: 12px
}

.video-popup-wrapper.md-video-wrapper .rbt-btn.rounded-player {
    height: 80px;
    width: 80px;
    line-height: 1
}

.video-popup-wrapper.md-video-wrapper .rbt-btn.rounded-player span i {
    font-size: 24px
}

.cloudimage-360 .cloudimage-360-loader {
    display: none
}

.rbt-remaining-popup {
    background: var(--color-white);
    display: flex;
    align-items: center;
    max-width: 524px;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%) translateX(90%) scale(.2);
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    box-shadow: var(--shadow-1);
    border-radius: var(--radius-10);
    overflow: hidden;
    transition: var(--transition)
}

@media only screen and (max-width: 767px) {
    .rbt-remaining-popup {
        max-width: 220px;
        flex-wrap: wrap
    }
}

.rbt-remaining-popup.isVisible {
    transform: translateY(-50%) translateX(0) scale(1);
    opacity: 1;
    visibility: visible
}

.rbt-remaining-popup .rbt-close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    border: none;
    border-radius: var(--radius-full);
    background: var(--color-gray-light);
    font-size: var(--font-size-b3);
    position: absolute;
    top: 16px;
    right: 16px;
    transition: var(--transition-2)
}

.rbt-remaining-popup .rbt-close-btn i {
    transition: var(--transition-2)
}

.rbt-remaining-popup .rbt-close-btn:hover {
    background: var(--color-black);
    transform: scale(.9);
    color: var(--color-white)
}

.rbt-remaining-popup .rbt-close-btn:hover i {
    transform: scale(1.1);
    color: var(--color-white)
}

.rbt-remaining-popup .rbt-product-img {
    min-width: 212px;
    min-height: 212px;
    width: 212px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-brand-200)
}

@media only screen and (max-width: 767px) {
    .rbt-remaining-popup .rbt-product-img {
        width: 100%
    }
}

.rbt-remaining-popup .rbt-content {
    padding: 24px 16px
}

.rbt-notify-box .rbt-input-field {
    border-radius: var(--radius-60)
}

.rbt-alternate-product-box .minicart-item:hover .thumbnail img {
    transform: scale(1.05)
}

.rbt-alternate-product-box .thumbnail {
    width: 130px;
    height: 100px;
    border-radius: var(--radius-10);
    overflow: hidden;
    background: var(--color-white)
}

@media only screen and (max-width: 767px) {
    .rbt-alternate-product-box .thumbnail {
        width: 88px;
        height: 78px
    }
}

.rbt-alternate-product-box .thumbnail img {
    transition: var(--transition)
}

.rbt-alternate-product-box .rbt-minicart-wrapper .minicart-item {
    min-width: unset
}

.rbt-alternate-product-box .rbt-minicart-wrapper .thumbnail a img {
    width: unset
}

.rbt-alternate-product-box .product-content {
    max-width: 260px
}

.rbt-scroll-vertical-wrapper {
    margin-right: 12px
}

.rbt-scroll-vertical {
    overflow-y: overlay;
    scrollbar-gutter: stable;
    max-height: 100%
}

.rbt-scroll-vertical::-webkit-scrollbar {
    width: 6px;
    transition: width .4s ease
}

.rbt-scroll-vertical::-webkit-scrollbar-thumb {
    background-color: var(--color-black) !important;
    border-radius: 40px
}

.rbt-scroll-vertical::-webkit-scrollbar-track {
    border-radius: 40px;
    background-color: var(--color-gray-300) !important;
    padding: 1px
}

.rbt-scroll-vertical:hover::-webkit-scrollbar {
    width: 6px
}

.rbt-scroll-vertical.rbt-vertical-height-sm {
    max-height: 216px;
    scrollbar-width: thin
}

.rbt-vertical-height-sm::-webkit-scrollbar {
    width: 8px
}

.rbt-vertical-height-sm::-webkit-scrollbar-thumb {
    height: 30px;
    background-color: var(--color-black) !important;
    border-radius: 40px
}

.rbt-vertical-height-sm::-webkit-scrollbar-track {
    background: 0 0;
    height: 30px
}

.rbt-save-more-box-list {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap
}

.rbt-save-more-box-list.rbt-list-row {
    flex-direction: column
}

.rbt-save-more-box-list.rbt-list-row .rbt-single-box {
    width: 100%
}

.rbt-save-more-box-list.rbt-list-row .rbt-single-box .rbt-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px 16px 42px
}

.rbt-save-more-box-list.rbt-list-row .rbt-single-box .rbt-label .pricing-part {
    order: 2
}

.rbt-save-more-box-list.rbt-list-row .rbt-single-box .rbt-label .rbt-product-quantity {
    font-size: var(--font-size-b1);
    color: var(--color-heading)
}

.rbt-single-box input[type=radio] {
    opacity: 1 !important
}

.rbt-single-box input[type=radio]:checked+label {
    border-color: var(--color-primary);
    background: var(--color-brand-200)
}

.rbt-single-box input[type=radio]:checked+label::before {
    border-color: var(--color-primary)
}

.rbt-single-box input[type=radio]:checked+label::after {
    opacity: 1
}

.rbt-single-box .rbt-label {
    border: 2px solid var(--color-gray-200);
    background: var(--color-gray-light);
    border-radius: var(--radius);
    width: 100%;
    padding: 8px 16px 8px 42px;
    cursor: pointer;
    transition: var(--transition);
    position: relative
}

.rbt-single-box .rbt-label::before {
    content: " ";
    position: absolute;
    left: 16px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: var(--border-width) solid var(--color-black);
    border-radius: var(--radius-full);
    transition: var(--transition)
}

.rbt-single-box .rbt-label::after {
    content: " ";
    position: absolute;
    left: 22px;
    width: 6px;
    height: 6px;
    background: var(--color-primary);
    border-radius: var(--radius-full);
    opacity: 0;
    transition: var(--transition)
}

.rbt-single-box .rbt-label .rbt-product-quantity {
    font-size: var(--font-size-b3);
    margin: 0;
    color: var(--color-gray-500);
    font-weight: var(--f-medium)
}

.rbt-single-box .rbt-off-amount {
    font-size: var(--font-size-b1);
    font-weight: var(--f-medium)
}

.rbt-enlarge-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
    border: none;
    background: 0 0;
    display: flex;
    align-items: center;
    color: var(--color-gray-500);
    padding: 0
}

.rbt-enlarge-btn .rbt-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 45px;
    background: var(--color-white);
    border-radius: var(--radius);
    font-size: var(--font-size-b1);
    z-index: 1
}

.rbt-enlarge-btn .rbt-enlarge-text {
    height: 45px;
    line-height: 45px;
    background: var(--color-white);
    border-radius: var(--radius) 0 0 var(--radius);
    padding-left: 12px;
    padding-right: 24px;
    position: absolute;
    right: 50%;
    white-space: nowrap;
    clip: rect(0, 100vw, 100vh, 30vh);
    transition: opacity .4s ease, clip .4s cubic-bezier(0, 0, .34, .54)
}

.rbt-enlarge-btn:hover .rbt-enlarge-text {
    clip: rect(0, 100vw, 100vh, 0)
}

.rbt-enlarge-btn.position-top-left {
    right: unset;
    left: 16px
}

.rbt-enlarge-btn.position-top-left .rbt-enlarge-text {
    padding-left: 24px;
    padding-right: 12px;
    right: unset;
    left: 50%;
    clip: rect(0, 0, 100vh, 0);
    border-radius: 0 var(--radius) var(--radius) 0
}

.rbt-enlarge-btn.position-top-left:hover .rbt-enlarge-text {
    clip: rect(0, 30vw, 100vh, 0)
}

.rbt-enlarge-btn.position-bottom-left {
    right: unset;
    top: unset;
    left: 16px;
    bottom: 16px
}

.rbt-enlarge-btn.position-bottom-left .rbt-enlarge-text {
    padding-left: 24px;
    padding-right: 12px;
    right: unset;
    left: 50%;
    clip: rect(0, 0, 100vh, 0);
    border-radius: 0 var(--radius) var(--radius) 0
}

.rbt-enlarge-btn.position-bottom-left:hover .rbt-enlarge-text {
    clip: rect(0, 30vw, 100vh, 0);
    transition: all 1s linear
}

.rbt-enlarge-btn.position-bottom-right {
    top: unset;
    bottom: 16px
}

.rbt-enlarge-btn.position-bottom-right:hover .rbt-enlarge-text {
    clip: rect(0, 100vw, 100vh, 0);
    transition: all 1s linear
}

.rbt-video-thumb {
    background: 0 0;
    position: relative;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0;
    border-radius: var(--radius);
    overflow: hidden
}

.rbt-video-thumb::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4392156863);
    z-index: 1
}

.rbt-video-thumb:hover img {
    transform: scale(1.1)
}

.rbt-video-thumb img {
    transition: var(--transition)
}

.rbt-video-thumb .rbt-icon {
    height: 28px;
    width: 28px;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-white);
    font-size: var(--font-size-b3);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--color-gray-500);
    z-index: 2
}

@media only screen and (max-width: 767px) {
    .rbt-info-wrapper.mt--28 {
        margin-top: 16px !important
    }
}

@media only screen and (max-width: 767px) {
    .rbt-info-wrapper.mt--24 {
        margin-top: 16px !important
    }
}

.rbt-combo-prd-list.liststyle {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.rbt-combo-prd-list.liststyle li {
    margin: 0 !important
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-single-mobile-view-sidebar {
        display: flex;
        gap: 24px
    }

    .rbt-single-mobile-view-sidebar .rbt-block-banner-img.mt--32 {
        margin-top: 0 !important
    }

    .rbt-single-mobile-view-sidebar .rbt-block-banner-img img {
        max-height: 1160px
    }
}

.rbt-video-thumb-wrapper {
    max-width: 100px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-video-thumb-wrapper {
        max-width: 70px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-video-thumb-wrapper {
        max-width: unset
    }
}

.rbt-single-product-area .content.rbt-scroll-vertical {
    padding-right: 16px;
    max-height: 313px
}

.rbt-single-product-media-area .thumbnail {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    border: 0;
    padding: 0
}

.rbt-single-product-media-area .swiper-thumbs .thumbnail {
    border-radius: 4px;
    border: 2px solid var(--color-border)
}

.rbt-single-product-media-area .swiper-slide-thumb-active .thumbnail {
    border-color: var(--color-primary)
}

.rbt-store-variation-controls .rbt-info-wrapper .prd-id-text {
    flex-direction: column;
    align-items: start
}

.rbt-store-variation-controls .rbt-variation-label {
    display: flex;
    gap: 8px
}

.rbt-store-variation-controls .rbt-disabled {
    filter: grayscale(1);
    opacity: .9;
    pointer-events: none
}

.rbt-store-variation-controls .rbt-disabled.rbt-switcher--color {
    filter: unset;
    opacity: 1
}

.rbt-store-variation-controls .dropdown-menu .disabled {
    background: var(--color-gray-200) !important
}

.rbt-store-variation-controls.rbt-store-variation-controls-verticle .prd-info-section {
    width: 100%
}

.rbt-store-variation-controls.rbt-store-variation-controls-verticle .prd-id-text {
    width: 100%;
    justify-content: space-between;
    flex-direction: row
}

body.hide-scrollbar .rbt-header .rbt-header-wrapper.rbt-sticky,
body.hide-scrollbar .rbt-header-common-sticky-activation,
body.modal-open .rbt-header .rbt-header-wrapper.rbt-sticky,
body.modal-open .rbt-header-common-sticky-activation {
    padding-right: 17px !important
}

@media only screen and (max-width: 1199px) {

    body.hide-scrollbar .rbt-header .rbt-header-wrapper.rbt-sticky,
    body.hide-scrollbar .rbt-header-common-sticky-activation,
    body.modal-open .rbt-header .rbt-header-wrapper.rbt-sticky,
    body.modal-open .rbt-header-common-sticky-activation {
        padding-right: 0 !important
    }
}

body.hide-scrollbar .rbt-header-common-sticky-activation.rbt-sticky,
body.modal-open .rbt-header-common-sticky-activation.rbt-sticky {
    padding-right: 17px !important
}

@media only screen and (max-width: 1199px) {

    body.hide-scrollbar .rbt-header-common-sticky-activation.rbt-sticky,
    body.modal-open .rbt-header-common-sticky-activation.rbt-sticky {
        padding-right: 0 !important
    }
}

body.hide-scrollbar .rbt-progress-parent,
body.modal-open .rbt-progress-parent {
    opacity: 0;
    visibility: hidden
}

body.hide-scrollbar .rbt-cart-side-menu,
body.hide-scrollbar .side-menu,
body.modal-open .rbt-cart-side-menu,
body.modal-open .side-menu {
    margin-right: 17px !important
}

.rbt-default-modal,
.rbt-team-modal {
    z-index: 9999;
    padding: 60px 30px !important;
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, .5);
    cursor: url(../images/cursor-x.webp), pointer
}

@media only screen and (max-width: 767px) {

    .rbt-default-modal,
    .rbt-team-modal {
        padding: 16px !important
    }
}

@media only screen and (max-width: 479px) {

    .rbt-default-modal,
    .rbt-team-modal {
        padding: 12px !important
    }
}

.rbt-default-modal .modal-news,
.rbt-team-modal .modal-news {
    max-width: 1000px !important
}

.rbt-default-modal .modal-dialog,
.rbt-team-modal .modal-dialog {
    width: 100%;
    margin: auto;
    max-width: 930px
}

.rbt-default-modal .modal-dialog .modal-content,
.rbt-team-modal .modal-dialog .modal-content {
    max-width: 2560px;
    margin: 0 auto;
    padding: 32px;
    border-radius: 12px;
    border: none;
    z-index: 1;
    background: var(--color-white);
    box-shadow: var(--shadow-1);
    cursor: default
}

@media only screen and (max-width: 767px) {

    .rbt-default-modal .modal-dialog .modal-content,
    .rbt-team-modal .modal-dialog .modal-content {
        padding: 30px
    }
}

@media only screen and (max-width: 479px) {

    .rbt-default-modal .modal-dialog .modal-content,
    .rbt-team-modal .modal-dialog .modal-content {
        padding: 16px
    }
}

.rbt-default-modal .modal-dialog .modal-content .modal-header,
.rbt-team-modal .modal-dialog .modal-content .modal-header {
    padding: 0;
    border: none
}

.rbt-default-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn,
.rbt-team-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn {
    right: -20px;
    position: absolute;
    top: -20px;
    opacity: 1;
    transition: var(--transition);
    font-size: 16px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background: 0 0;
    color: var(--color-heading)
}

.rbt-default-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn::after,
.rbt-team-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn::after {
    background: var(--color-gray-light);
    transform: scale(1);
    opacity: 1;
    box-shadow: var(--shadow-8)
}

.rbt-default-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn:hover,
.rbt-team-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn:hover {
    color: var(--color-heading) !important
}

.rbt-default-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn:hover::after,
.rbt-team-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn:hover::after {
    transform: scale(1.1)
}

.rbt-default-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn:active::after,
.rbt-team-modal .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn:active::after {
    transform: scale(.9);
    transition: var(--transition-short-cubic)
}

.rbt-default-modal .modal-dialog .modal-content .modal-body .inner,
.rbt-team-modal .modal-dialog .modal-content .modal-body .inner {
    position: relative
}

.rbt-default-modal .modal-dialog .modal-content .modal-body .inner .thumb img,
.rbt-team-modal .modal-dialog .modal-content .modal-body .inner .thumb img {
    border-radius: var(--radius)
}

.rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info,
.rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info {
    margin-bottom: 20px
}

@media only screen and (max-width: 767px) {

    .rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info,
    .rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info {
        margin-bottom: 12px;
        margin-top: 12px
    }
}

.rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info .title,
.rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info .title {
    margin-bottom: 7px
}

.rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info .designation,
.rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info .designation {
    display: block;
    font-size: 19px;
    font-weight: var(--f-medium);
    margin-bottom: 12px
}

@media only screen and (max-width: 767px) {

    .rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info .designation,
    .rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details .author-info .designation {
        font-size: 16px
    }
}

.rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details p,
.rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details p {
    padding-right: 16%
}

@media only screen and (min-width: 768px) and (max-width:991px) {

    .rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details p,
    .rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details p {
        padding-right: 0
    }
}

@media only screen and (max-width: 767px) {

    .rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details p,
    .rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details p {
        padding-right: 0
    }
}

.rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details .team-form,
.rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details .team-form {
    display: block;
    font-size: 14px;
    margin-bottom: 12px;
    letter-spacing: .6px;
    font-style: italic
}

.rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details .team-form img,
.rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details .team-form img {
    padding-right: 10px;
    max-height: 18px
}

.rbt-default-modal .modal-dialog.container-size,
.rbt-team-modal .modal-dialog.container-size {
    max-width: 1460px
}

.rbt-default-modal .modal-dialog.xl-size,
.rbt-team-modal .modal-dialog.xl-size {
    max-width: 1600px
}

.rbt-default-modal .modal-dialog.sm-size,
.rbt-team-modal .modal-dialog.sm-size {
    max-width: 750px
}

.rbt-default-modal .modal-dialog.xs-size,
.rbt-team-modal .modal-dialog.xs-size {
    max-width: 624px
}

.rbt-default-modal .modal-dialog.xxs-size,
.rbt-team-modal .modal-dialog.xxs-size {
    max-width: 460px
}

.rbt-default-modal .modal-dialog.xxs-size .modal-content,
.rbt-team-modal .modal-dialog.xxs-size .modal-content {
    padding: 30px 24px
}

.rbt-default-modal .modal-dialog.modal-dialog-fullwidth,
.rbt-team-modal .modal-dialog.modal-dialog-fullwidth {
    max-width: 100%
}

@media only screen and (max-width: 767px) {

    .rbt-default-modal .rbt-overlay-counter.counter-sm,
    .rbt-team-modal .rbt-overlay-counter.counter-sm {
        display: none
    }
}

.modal {
    --folder-shaper-top-h: 89px;
    --folder-shaper-top-w: 85px
}

.modal .rbt-folder-shape-right-portion>svg {
    display: none
}

.modal.has-rbt-top-folder-shape .modal-content {
    position: relative;
    padding: 0 !important;
    padding-top: var(--folder-shaper-top-h) !important;
    background: 0 0
}

.modal.has-rbt-top-folder-shape .modal-content::before {
    position: absolute;
    content: "";
    background: var(--color-white);
    width: calc(100% - var(--folder-shaper-top-w));
    height: var(--folder-shaper-top-h);
    border-top-left-radius: 12px;
    left: 0;
    top: 0;
    z-index: -1
}

.modal.has-rbt-top-folder-shape .rbt-top-folder-shape-wrapper {
    padding: 32px;
    background: var(--color-white);
    border-radius: 0 0 12px 12px
}

@media only screen and (max-width: 767px) {
    .modal.has-rbt-top-folder-shape .rbt-top-folder-shape-wrapper {
        padding: 24px
    }
}

.modal.has-rbt-top-folder-shape .rbt-folder-shape-right-portion {
    position: absolute;
    right: 0;
    top: 0;
    height: var(--folder-shaper-top-h);
    width: var(--folder-shaper-top-w);
    z-index: -1
}

.modal.has-rbt-top-folder-shape .rbt-content-trs-portion {
    margin-top: calc(-1 * (var(--folder-shaper-top-w)))
}

.modal.has-rbt-top-folder-shape .modal-dialog .modal-content .modal-header .rbt-modal-dis-btn {
    top: 13px;
    right: 8px
}

.modal.has-rbt-top-folder-shape .rbt-folder-shape-right-portion>svg {
    display: block
}

.rbt-product-restock-modal-area .modal-header {
    border-radius: var(--radius-12) var(--radius-12) 0 0;
    overflow: hidden
}

.rbt-welcome-text-area {
    width: 100%;
    background: var(--color-brand-300);
    padding: 16px 40px
}

@media only screen and (max-width: 767px) {
    .rbt-welcome-text-area {
        padding: 16px
    }
}

.rbt-welcome-text-area .rbt-welcome-title-header {
    color: var(--color-primary);
    font-family: var(--font-primary);
    font-weight: var(--f-bold);
    margin-bottom: 4px
}

.rbt-welcome-text-area .rbt-description {
    color: var(--color-gray-700);
    font-size: var(--font-size-b2);
    font-weight: var(--f-medium);
    line-height: var(--line-height-b2)
}

@media only screen and (max-width: 767px) {
    .rbt-welcome-text-area .rbt-description {
        font-size: var(--font-size-b4)
    }
}

.rbt-cart-product-edit-area {
    display: flex;
    gap: 16px
}

@media only screen and (max-width: 767px) {
    .rbt-cart-product-edit-area {
        height: 100%
    }
}

.rbt-cart-product-edit-area .rbt-cart-product-thumb {
    display: inline-block;
    max-width: 160px;
    height: auto;
    background: var(--color-brand-100);
    border-radius: var(--radius)
}

@media only screen and (max-width: 767px) {
    .rbt-cart-product-edit-area .rbt-cart-product-thumb {
        min-height: 100%;
        max-width: 50%
    }
}

.rbt-cart-product-edit-area .rbt-cart-product-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media only screen and (max-width: 767px) {
    .rbt-cart-product-edit-area .rbt-qty-area.rbt-qty-sm {
        height: 30px
    }
}

.rbt-cart-product-edit-area .rbt-product-info .rbt-card-title {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b2);
    font-weight: var(--f-medium);
    line-height: var(--line-height-b2);
    margin-bottom: 4px;
    margin-top: 0
}

@media only screen and (max-width: 767px) {
    .rbt-cart-product-edit-area .rbt-product-info .rbt-card-title {
        font-size: var(--font-size-b4)
    }
}

.rbt-cart-product-edit-area .rbt-product-info .pricing-part {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--h6);
    font-weight: var(--f-semi-bold)
}

@media only screen and (max-width: 767px) {
    .rbt-cart-product-edit-area .rbt-product-info .pricing-part {
        font-size: var(--font-size-b4)
    }
}

.rbt-cart-product-edit-area .rbt-product-info .pricing-part del {
    color: var(--color-gray-400);
    font-weight: var(--f-regular)
}

.rbt-cart-edit-area.modal-dialog {
    max-width: 890px
}

.rbt-cart-edit-area button.dropdown-toggle {
    width: 250px
}

@media only screen and (max-width: 767px) {
    .rbt-cart-edit-area button.dropdown-toggle {
        width: auto
    }
}

.rbt-modal-title {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-weight: var(--f-bold);
    margin-bottom: 4px
}

.rbt-modal-description {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-weight: var(--f-regular);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    margin-bottom: 8px
}

.rbt-modal-subtitle {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: var(--f-semi-bold);
    margin-bottom: 0
}

.rbt-wishlist-modal-content {
    width: 100%;
    overflow: hidden
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-wishlist-modal-content .rbt-transparent-table-one-wrapper {
        overflow-x: auto
    }
}

.rbt-wishlist-modal-footer .rbt-link {
    font-weight: 500
}

@media only screen and (max-width: 479px) {
    .rbt-wishlist-modal-footer .rbt-link {
        font-size: var(--font-size-b4)
    }
}

.rbt-added-comparison-modal .modal-dialog {
    width: fit-content
}

.rbt-added-comparison-modal .modal-content {
    padding: 12px !important
}

.rbt-added-comparison-modal .modal-content .rbt-comparison-popup-area .inner {
    display: flex;
    gap: 16px;
    align-items: center
}

@media only screen and (max-width: 575px) {
    .rbt-added-comparison-modal .modal-content .rbt-comparison-popup-area .inner {
        flex-direction: column
    }
}

.rbt-comparison-prd-box {
    border: 2px solid var(--color-gray-200);
    border-radius: 12px;
    padding: 10px;
    max-width: 240px;
    position: relative;
    transition: var(--transition);
    overflow: unset
}

.rbt-comparison-prd-box .close-btn {
    position: absolute;
    top: -12px;
    right: -10px;
    height: 24px;
    width: 24px;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition)
}

.rbt-comparison-prd-box .close-btn::after {
    background: var(--color-brand-100);
    opacity: 1;
    visibility: visible
}

.rbt-comparison-prd-box .rbt-comparison-prd-img {
    background: var(--color-gray-200);
    border-radius: 8px 8px 0 0;
    transition: var(--transition);
    position: relative;
    overflow: hidden
}

.rbt-comparison-prd-box .rbt-comparison-prd-img img {
    transition: var(--transition)
}

.rbt-comparison-prd-box .rbt-product-title {
    font-size: 15px;
    margin: 8px 0 0 0
}

.rbt-comparison-prd-box:hover .rbt-comparison-prd-img img {
    transform: scale(1.04)
}

.rbt-comparison-prd-box:hover .close-btn {
    opacity: 1;
    visibility: visible
}

.rbt-popup-action-area {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.rbt-popup-action-area .icon {
    font-size: var(--h1);
    color: #0cb90d
}

.rbt-comparison-message-area {
    background: var(--color-white);
    border-radius: 8px 8px 0 0;
    box-shadow: var(--shadow-4);
    padding: 24px;
    position: fixed;
    width: 100%;
    bottom: 0;
    transform: translateY(8px);
    visibility: hidden;
    opacity: 0;
    transition: var(--transition);
    z-index: -1
}

.rbt-comparison-message-area.comparison-active {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
    z-index: 9999
}

.rbt-comparison-message-area .close-canvas-btn {
    height: 40px;
    width: 40px;
    font-size: 16px;
    position: absolute;
    top: 16px;
    right: 16px
}

.rbt-comparison-message-area .close-canvas-btn::after {
    background: var(--color-brand-100);
    opacity: 1;
    visibility: visible
}

.rbt-comparison-message-area .rbt-compare-title {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.rbt-comparison-message-area .rbt-compare-products {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 16px 0
}

.rbt-comparison-message-area .rbt-compare-products::-webkit-scrollbar {
    display: none
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-comparison-message-area .rbt-popup-action-area {
        flex-direction: row;
        gap: 12px
    }
}

.rbt-demo-prev-wrapper {
    max-height: 58vh;
    overflow-y: scroll;
    overflow-x: hidden
}

.rbt-demo-prev-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: var(--color-gray-200);
    border-radius: 40px;
    height: 337px
}

.rbt-demo-prev-wrapper::-webkit-scrollbar {
    width: 4px;
    height: 337px;
    background-color: var(--color-gray-200)
}

.rbt-demo-prev-wrapper::-webkit-scrollbar-thumb {
    border-radius: 40px;
    background-color: var(--color-gray-400)
}

.rbt-default-modal .modal-dialog.rbt-coupon-modal-dialog {
    max-width: 564px
}

.rbt-default-modal .modal-dialog.rbt-coupon-modal-dialog .rbt-coupon-wrapper {
    border-radius: var(--radius-12)
}

.rbt-register-form-modal .rbt-login-form .rbt-login-form-inner {
    background: 0 0;
    border-radius: 0;
    box-shadow: none
}

.rbt-register-form-modal .rbt-login-form .rbt-login-form-bottom {
    padding: 24px;
    margin: -32px;
    margin-top: 32px;
    background: var(--color-gray-100)
}

.rbt-register-form-modal .rbt-login-form .rbt-login-form-top {
    padding: 0
}

.rbt-default-modal .rbt-product-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.rbt-default-modal .rbt-btn-prev {
    left: -90px
}

.rbt-default-modal .rbt-btn-next {
    right: -90px
}

.modal-content .rbt-minicart-footer {
    padding: 0 !important
}

.rbt-cart-edit-area .input-group-append {
    position: absolute;
    right: 10px;
    top: 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 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px
}

.rbt-products-nav .rbt-dropdown {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: 100%;
    left: 0;
    transform: translateY(5px);
    z-index: 2;
    transition: opacity .4s ease, transform .4s cubic-bezier(0, 0, .34, .54)
}

@media only screen and (max-width: 767px),
only screen and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1599px),
only screen and (min-width:1600px) and (max-width:1919px) {
    .rbt-products-nav .rbt-dropdown {
        right: 0;
        left: unset
    }
}

.rbt-products-nav .rbt-dropdown.rbt-dropdown-from-right {
    right: 0;
    left: unset
}

.rbt-products-nav .rbt-product-card {
    max-width: 306px;
    min-width: 306px;
    padding: 12px;
    background: var(--color-gray-light);
    box-shadow: var(--shadow-2);
    border-radius: var(--radius)
}

.rbt-products-nav .rbt-event-hover {
    position: relative
}

.rbt-products-nav .rbt-event-hover:hover .rbt-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.rbt-brand {
    height: 100%
}

.rbt-brand.style-one .rbt-brand-inner {
    border-radius: 8px;
    background: var(--color-white);
    padding: 24px;
    height: 100%
}

@media only screen and (max-width: 479px) {
    .rbt-brand.style-one .rbt-brand-inner {
        padding: 16px 8px
    }
}

.rbt-brand.style-one .brand-image {
    min-height: 60px;
    max-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

@media only screen and (max-width: 479px) {
    .rbt-brand.style-one .brand-image {
        min-height: 38px;
        max-height: 38px
    }
}

.rbt-brand.style-one .brand-image img {
    transition: var(--transition)
}

@media only screen and (max-width: 479px) {
    .rbt-brand.style-one .brand-image img {
        max-width: 50%
    }
}

.rbt-brand.style-one .brand-image .rbt-divider-arrow {
    position: absolute;
    height: 2px;
    width: 40px;
    bottom: -10px;
    left: 50%;
    transform: translateX(-55%);
    background: var(--color-gray-300);
    transition: var(--transition)
}

.rbt-brand.style-one .brand-image .rbt-divider-arrow.has-right-angel-animation::after,
.rbt-brand.style-one .brand-image .rbt-divider-arrow.has-right-angel-animation::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 10px;
    top: -3px;
    right: -3px;
    background: var(--color-gray-300);
    transition: var(--transition);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    border-radius: 10px;
    transform: translateY(-5px) translateX(-5px) rotate(45deg)
}

.rbt-brand.style-one .brand-image .rbt-divider-arrow.has-right-angel-animation::after {
    transform: translateY(12px) translateX(-5px) rotate(-45deg)
}

.rbt-brand.style-one .discount-text {
    display: block;
    margin-top: 20px;
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-gray-700);
    font-weight: 600
}

@media only screen and (max-width: 479px) {
    .rbt-brand.style-one .discount-text {
        font-size: 12px;
        line-height: 1
    }
}

.rbt-brand.style-one:hover .brand-image img {
    transform: scale(1.05)
}

.rbt-brand.style-one:hover .brand-image .rbt-divider-arrow {
    transform: translateX(-50%)
}

.rbt-brand.style-one:hover .brand-image .rbt-divider-arrow.has-right-angel-animation::after,
.rbt-brand.style-one:hover .brand-image .rbt-divider-arrow.has-right-angel-animation::before {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) translateX(0) rotate(45deg)
}

.rbt-brand.style-one:hover .brand-image .rbt-divider-arrow.has-right-angel-animation::after {
    transform: translateY(6px) translateX(0) rotate(-45deg)
}

.rbt-brand.style-one.rbt-content-transform-style .rbt-content {
    transition: all .4s;
    position: relative;
    margin-top: 24px
}

.rbt-brand.style-one.rbt-content-transform-style .prd-text {
    transition: all .4s;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    color: var(--color-heading);
    text-align: center;
    width: 100%;
    transform: translateY(10px)
}

.rbt-brand.style-one.rbt-content-transform-style .prd-text .prd-number {
    font-weight: 500;
    text-decoration: underline;
    color: var(--color-primary)
}

.rbt-brand.style-one.rbt-content-transform-style .discount-text {
    transition: all .4s;
    margin-top: 0
}

.rbt-brand.style-one.rbt-content-transform-style:hover .prd-text {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.rbt-brand.style-one.rbt-content-transform-style:hover .discount-text {
    visibility: hidden;
    transform: translateY(-10px);
    opacity: 0
}

.rbt-brand.style-two {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    border-radius: 8px;
    padding-top: 120px;
    min-height: 245px
}

.rbt-brand.style-two .rbt-brand-inner {
    z-index: 2;
    display: flex;
    flex-direction: column;
    color: var(--color-white)
}

.rbt-brand.style-two .title {
    margin-bottom: 4px;
    color: var(--color-white)
}

.rbt-brand.style-two .brand-image {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 8px;
    overflow: hidden
}

.rbt-brand.style-two .brand-image img {
    max-height: 245px;
    border-radius: 8px;
    transition: var(--transition);
    width: 100%;
    transform: scale(1.04);
    min-height: 100%
}

.rbt-brand.style-two .brand-image::after {
    content: "";
    position: absolute;
    border-radius: 0 0 8px 8px;
    width: 100%;
    height: 60%;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0) 100%)
}

.rbt-brand.style-two .prd-text {
    transition: all .4s;
    color: var(--color-white)
}

.rbt-brand.style-two .prd-text .prd-number {
    font-weight: 500;
    text-decoration: underline;
    color: var(--color-white)
}

.rbt-brand.style-two .sm-logo {
    bottom: 0;
    position: absolute;
    padding: 3px;
    border-radius: var(--radius-full);
    height: 72px;
    width: 72px;
    background: var(--color-white);
    z-index: 3;
    margin-bottom: -36px
}

.rbt-brand.style-two:hover .brand-image img {
    transform: none
}

.rbt-brand.style-three .brand-image {
    max-height: 60px;
    width: auto
}

.rbt-brand.style-three .desc {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    margin-bottom: 16px
}

.rbt-brand.style-three .rbt-btn.rbt-btn-sm {
    padding: 0 18px
}

.rbt-brand.style-four .rbt-brand-inner {
    padding: 18px 42px;
    background: var(--color-gray-light);
    border-radius: 12px
}

@media only screen and (max-width: 767px) {
    .rbt-brand.style-four .rbt-brand-inner {
        padding: 12px;
        border-radius: 6px
    }
}

.rbt-brand.style-four .rbt-brand-inner .brand-image img {
    transition: var(--transition)
}

.rbt-brand.style-four:hover .brand-image img {
    transform: scale(1.1)
}

.rbt-brand-group {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center
}

.rbt-brand.style-five {
    flex-basis: 30%;
    display: flex;
    justify-content: center;
    transition: .3s
}

.rbt-brand.style-five .rbt-brand-inner .rbt-brand-image {
    width: 56px;
    height: 56px;
    border-radius: var(--radius-full);
    margin: 0 auto;
    background: var(--color-gray-100)
}

.rbt-brand.style-five .rbt-brand-inner .rbt-brand-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s
}

.rbt-brand.style-five .rbt-brand-inner .brand-title {
    color: var(--color-gray-700);
    text-align: center;
    font-family: var(--font-primary);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: var(--f-medium);
    margin-top: 8px;
    margin-bottom: 0
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-brand.style-five .rbt-brand-inner .brand-title {
        font-size: var(--font-size-b3)
    }
}

.rbt-brand.style-five:hover {
    transform: translateY(-3px)
}

.rbt-instapost {
    position: relative;
    border-radius: 8px;
    overflow: hidden
}

.rbt-instapost img {
    transition: var(--transition)
}

.rbt-instapost:hover img {
    transform: scale(1.03)
}

.rbt-instapost.rbt-instapost-style-one {
    transition: var(--transition);
    height: 100%
}

.rbt-instapost.rbt-instapost-style-one .inner {
    height: 100%
}

.rbt-instapost.rbt-instapost-style-one .instapost-img {
    border: 0;
    padding: 0;
    margin: 0;
    outline: 0;
    height: 100%
}

.rbt-instapost.rbt-instapost-style-one .instapost-img img {
    width: 100%;
    object-fit: cover;
    height: 100%
}

.rbt-instapost.rbt-instapost-style-one .instapost-img::after {
    content: "";
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 100%), 50%/cover no-repeat;
    opacity: .5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: var(--transition);
    visibility: hidden;
    opacity: 0
}

.rbt-instapost.rbt-instapost-style-one .insta-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 48px;
    color: var(--color-white);
    z-index: 1;
    transition: var(--transition);
    visibility: hidden;
    opacity: 0;
    line-height: 1
}

.rbt-instapost.rbt-instapost-style-one .insta-icon.insta-icon-sm {
    font-size: 28px
}

.rbt-instapost.rbt-instapost-style-one .insta-icon.insta-icon-md {
    font-size: 36px
}

.rbt-instapost.rbt-instapost-style-one .instapost-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 48px;
    color: var(--color-white);
    z-index: 1;
    transition: var(--transition);
    visibility: hidden;
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    cursor: pointer
}

.rbt-instapost.rbt-instapost-style-one .instapost-content .insta-icon {
    position: static;
    transform: none
}

.rbt-instapost.rbt-instapost-style-one:hover .instapost-img::after {
    opacity: 1;
    visibility: visible
}

.rbt-instapost.rbt-instapost-style-one:hover .insta-icon {
    opacity: 1;
    visibility: visible
}

.rbt-instapost.rbt-instapost-style-one:hover .instapost-content {
    opacity: 1;
    visibility: visible
}

.rbt-instapost.rbt-instapost-style-one.rounded {
    border-radius: var(--radius-full) !important;
    position: relative;
    overflow: hidden
}

.rbt-instapost.rbt-instapost-style-one.rounded .instapost-img img {
    border-radius: var(--radius-full) !important;
    height: 200px;
    width: 200px;
    border-radius: var(--radius-full) !important
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-instapost.rbt-instapost-style-one.rounded .instapost-img img {
        height: 120px;
        width: 120px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-instapost.rbt-instapost-style-one.rounded .instapost-img img {
        height: 170px;
        width: 170px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-instapost.rbt-instapost-style-one.rounded .instapost-img img {
        height: 100px;
        width: 100px
    }
}

.rbt-instapost.rbt-instapost-style-one.rbt-instapost-boxed-round-style {
    border-radius: 0
}

.rbt-instapost .rbt-btn-link {
    color: var(--color-gray-light)
}

@media only screen and (max-width: 767px) {
    .rbt-instapost .rbt-btn-link {
        display: none
    }
}

.rbt-instapost .rbt-btn-link:hover {
    color: var(--color-white) !important
}

.rbt-instapost-grp {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .rbt-instapost-grp {
        gap: 12px
    }
}

@media only screen and (min-width: 1600px) and (max-width:1919px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-instapost-grp {
        flex-wrap: nowrap
    }
}

.rbt-instapost-grp .rbt-instapost {
    max-width: 200px
}

@media only screen and (max-width: 767px) {
    .rbt-instapost-grp .rbt-instapost {
        max-width: 100px
    }
}

@media only screen and (min-width: 1600px) and (max-width:1919px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-instapost-grp .rbt-instapost {
        max-width: 150px
    }
}

.rbt-instapost-social-area {
    min-width: 470px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--color-gray-light);
    border-radius: 16px;
    padding: 24px
}

@media only screen and (max-width: 767px) {
    .rbt-instapost-social-area {
        min-width: 300px;
        padding: 15px 0;
        width: 100%
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-instapost-social-area {
        width: 100%;
        background: 0 0
    }
}

.rbt-instapost-social-area .title {
    margin-bottom: 8px;
    font-weight: 400
}

.rbt-instapost-social-area .title span {
    font-weight: 700
}

.rbt-instapost-social-area .desc {
    margin-bottom: 16px
}

.rbt-insta-single-modal .modal-dialog {
    max-width: 1405px
}

.rbt-insta-single-modal .rbt-component-section-title {
    padding: 32px 0 24px 0;
    margin: 0;
    border: 0
}

.rbt-insta-single-modal .rbt-right-modal-content {
    max-height: 690px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 12px
}

@media only screen and (max-width: 767px) {
    .rbt-insta-single-modal .rbt-right-modal-content {
        padding: 0 8px !important
    }
}

.rbt-insta-single-modal .rbt-right-modal-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: var(--color-gray-200);
    border-radius: 40px;
    height: 337px
}

.rbt-insta-single-modal .rbt-right-modal-content::-webkit-scrollbar {
    width: 4px;
    height: 337px;
    background-color: var(--color-gray-200)
}

.rbt-insta-single-modal .rbt-right-modal-content::-webkit-scrollbar-thumb {
    border-radius: 40px;
    background-color: var(--color-gray-400)
}

.rbt-insta-single-modal .rbt-single-insta-img,
.rbt-insta-single-modal .rbt-single-insta-img img {
    height: 100%
}

.rbt-insta-single-modal .rbt-product-card .rbt-card-body .pricing-part {
    flex-wrap: wrap
}

.rbt-instagram-card .instagram-thumbnail {
    position: relative;
    border-radius: 8px;
    overflow: hidden
}

.rbt-instagram-card .rounded-player {
    position: absolute;
    top: 40%;
    left: 40%
}

.rbt-instagram-card .rbt-instagram-caption {
    margin-top: 16px;
    color: var(--color-heading);
    display: block
}

.rbt-social-default {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: center;
    margin: -5px
}

.rbt-social-default li {
    margin: 5px
}

@media only screen and (max-width: 767px) {
    .rbt-social-default li {
        margin: 5px 2px
    }
}

.rbt-social-default li a {
    width: 48px;
    background-color: var(--color-gray-light);
    height: 48px;
    line-height: 1;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-full);
    transition: var(--transition);
    color: var(--color-body);
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .rbt-social-default li a {
        height: 40px;
        width: 40px;
        line-height: 40px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-social-default li a {
        width: 28px;
        height: 28px;
        line-height: 28px !important;
        font-size: 12px
    }
}

.rbt-social-default li a::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: var(--color-primary);
    transform: scale(.5);
    opacity: 0;
    transition: var(--transition);
    border-radius: var(--radius-full)
}

.rbt-social-default li a:hover {
    color: var(--color-white)
}

.rbt-social-default li a:hover::after {
    transform: scale(1);
    opacity: 1
}

.rbt-social-default li a i {
    vertical-align: middle
}

.rbt-social-default.rbt-social-default-v1 li a::after {
    display: none
}

.rbt-social-default.rbt-social-default-v1 li a i {
    transition: var(--transition)
}

.rbt-social-default.rbt-social-default-v1 li a:hover i {
    transform: scale(1.2)
}

.rbt-social-default.social-icon-md li a {
    width: 40px;
    height: 40px
}

.rbt-social-default.social-icon-md li a i {
    vertical-align: middle
}

@media only screen and (max-width: 767px) {
    .rbt-social-default.social-icon-md li a {
        width: 35px;
        height: 35px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-social-default.social-icon-md li a {
        width: 28px;
        height: 28px;
        line-height: 28px !important;
        font-size: 12px
    }
}

.rbt-social-default.social-icon-sm li a {
    width: 32px;
    height: 32px
}

.rbt-social-default.social-icon-sm li a i {
    vertical-align: middle
}

.rbt-social-default.transparent-with-border li a {
    line-height: 41px;
    background: 0 0;
    border: 2px solid var(--color-border)
}

.rbt-social-default.transparent-with-border li a:hover {
    border-color: transparent !important
}

.rbt-social-default.transparent-with-border li a::after {
    border: 1px solid var(--color-primary)
}

.rbt-social-default.with-bg-primary li a {
    transition: var(--transition);
    line-height: 40px;
    color: var(--color-white);
    z-index: 1
}

.rbt-social-default.with-bg-primary li a::after {
    background-color: var(--color-primary);
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.rbt-social-default.with-bg-primary li a:hover {
    background-color: transparent;
    color: var(--color-white)
}

.rbt-social-default.with-bg-primary li a:hover::after {
    transform: scale(1.15)
}

.rbt-social-default.with-bg-white li a {
    transition: var(--transition);
    line-height: 40px;
    z-index: 1;
    background: 0 0
}

.rbt-social-default.with-bg-white li a::after {
    background-color: var(--color-white);
    opacity: 0;
    visibility: hidden;
    transform: scale(.5)
}

.rbt-social-default.with-bg-white li a:hover {
    color: var(--color-primary) !important
}

.rbt-social-default.with-bg-white li a:hover::after {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.rbt-social-default.icon-naked {
    margin: -10px
}

.rbt-social-default.icon-naked li {
    margin: 10px
}

.rbt-social-default.icon-naked li a {
    background: 0 0 !important;
    width: auto;
    height: auto;
    line-height: initial
}

.rbt-social-default.icon-naked li a::after {
    display: none
}

.rbt-social-default.icon-naked li a:hover {
    color: var(--color-primary) !important
}

.rbt-social-default.icon-large li a {
    font-size: 36px;
    opacity: .7
}

.rbt-social-default.color-white li a {
    color: var(--color-white)
}

.rbt-social-share-box {
    background: var(--color-white);
    position: absolute;
    z-index: 99;
    padding: 24px;
    border-radius: var(--radius-12);
    box-shadow: var(--shadow-4);
    top: calc(100% + 36px);
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    opacity: 0;
    visibility: hidden;
    transition: var(--transition)
}

.rbt-social-share-box.show-share-option {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    visibility: visible
}

.rbt-social-share-box .rbt-indicator-shape {
    position: absolute;
    bottom: calc(100% - 4px);
    left: 50%;
    transform: translateX(-50%)
}

.rbt-social-share-box .rbt-social-box-inner {
    position: relative;
    z-index: 1
}

.rbt-social-share-box .rbt-close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    border: none;
    background: var(--color-brand-100);
    border-radius: var(--radius-full)
}

.rbt-social-share-box .rbt-close-btn i {
    font-size: 16px;
    transition: var(--transition)
}

.rbt-social-share-box .rbt-close-btn:hover {
    transform: scale(.95)
}

.rbt-social-share-box .rbt-close-btn:hover i {
    transform: scale(1.2);
    color: var(--color-primary)
}

.rbt-lookbook-dot {
    display: block;
    height: 32px;
    width: 32px;
    background: var(--color-primary);
    border-radius: var(--radius-full);
    border: 9px solid var(--color-white);
    padding: 0;
    position: absolute
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-lookbook-dot {
        height: 24px;
        width: 24px;
        border: 6px solid var(--color-white)
    }
}

@media only screen and (max-width: 767px) {
    .rbt-lookbook-dot {
        height: 16px;
        width: 16px;
        border: 5px solid var(--color-white);
        z-index: 9
    }
}

.rbt-lookbook-dot::after {
    content: "";
    background-color: rgba(255, 255, 255, .5);
    position: absolute;
    inset: -8px;
    display: block;
    animation: rbt-dot-scaler 2s ease infinite;
    border-radius: var(--radius-full);
    backface-visibility: hidden;
    perspective: 800px
}

.rbt-lookbook-banner {
    position: relative;
    display: inline-block;
    width: 100%
}

.rbt-lookbook-banner .rbt-lookbook-portion {
    position: absolute;
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition)
}

@media only screen and (max-width: 767px) {
    .rbt-lookbook-banner .rbt-lookbook-portion {
        width: 20px;
        height: 20px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-lookbook-banner .rbt-lookbook-portion {
        width: 20px;
        height: 20px
    }
}

.rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content {
    max-width: 274px;
    position: absolute;
    width: 274px;
    z-index: 10;
    visibility: hidden;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .35);
    border-radius: 12px;
    text-align: center;
    opacity: 0;
    transition: opacity .25s ease, visibility .25s ease, transform .25s ease
}

.rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content.lookbook-content-width--420 {
    width: 420px;
    max-width: 420px
}

.rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content.placed-bottom {
    top: 64px;
    left: 50%;
    transform: translateX(-50%) translateY(20px) translateZ(0)
}

.rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content.placed-top {
    bottom: 64px;
    left: 50%;
    transform: translateX(-50%) translateY(-20px) translateZ(0)
}

.rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content.placed-left {
    top: 50%;
    right: 64px;
    transform: translateX(-20px) translateY(-50%) translateZ(0)
}

.rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content.placed-right {
    top: 50%;
    left: 64px;
    transform: translateX(20px) translateY(-50%) translateZ(0)
}

.rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content .rbt-card.card-list-styled {
    border-radius: 12px;
    width: 100%;
    height: auto
}

.rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content .rbt-card.card-list-styled .rbt-card-img {
    border-radius: 12px 0 0 12px;
    max-width: 175px
}

.rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content .rbt-card.card-list-styled .rbt-card-img img {
    border-radius: 12px 0 0 12px
}

.rbt-lookbook-banner .rbt-lookbook-portion:hover .rbt-lookbook-dot-content {
    visibility: visible;
    opacity: 1;
    transform: none;
    pointer-events: visible
}

.rbt-lookbook-banner .rbt-lookbook-portion:hover .rbt-lookbook-dot-content.placed-bottom {
    transform: translateX(-50%) translateY(0)
}

.rbt-lookbook-banner .rbt-lookbook-portion:hover .rbt-lookbook-dot-content.placed-top {
    transform: translateX(-50%) translateY(0)
}

.rbt-lookbook-banner .rbt-lookbook-portion:hover .rbt-lookbook-dot-content.placed-left {
    transform: translateX(0) translateY(-50%)
}

.rbt-lookbook-banner .rbt-lookbook-portion:hover .rbt-lookbook-dot-content.placed-right {
    transform: translateX(0) translateY(-50%)
}

.rbt-lookbook-banner.hover-appeardot-style .rbt-lookbook-portion {
    opacity: 0;
    visibility: hidden
}

@media only screen and (max-width: 1199px) {
    .rbt-lookbook-banner.hover-appeardot-style .rbt-lookbook-portion {
        opacity: 1;
        visibility: visible
    }
}

.rbt-lookbook-banner.hover-appeardot-style:hover .rbt-lookbook-portion {
    opacity: 1;
    visibility: visible
}

.rbt-lookbook-area-one .rbt-lookbook-content {
    padding: 0 156px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-lookbook-area-one .rbt-lookbook-content {
        padding: 0 30px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-lookbook-area-one .rbt-lookbook-content {
        padding: 0 30px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-lookbook-area-one .rbt-lookbook-content {
        padding: 0 15px
    }
}

.rbt-lookbook-section.rbt-lookbook-style--two {
    position: relative;
    z-index: 2;
    padding: 0 56px
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-lookbook-section.rbt-lookbook-style--two {
        padding: 0 25px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-lookbook-section.rbt-lookbook-style--two {
        padding: 0 15px
    }
}

.rbt-lookbook-section.lookbook-listbanner-style.lookbook-listbanner-style-one {
    display: flex;
    border-radius: 24px;
    align-items: center;
    position: relative;
    height: 100%;
    background: var(--color-primary)
}

@media only screen and (max-width: 1199px) {
    .rbt-lookbook-section.lookbook-listbanner-style.lookbook-listbanner-style-one {
        flex-direction: column
    }
}

.rbt-lookbook-section.lookbook-listbanner-style.lookbook-listbanner-style-one .lookbook-left-portion img {
    border-radius: 24px 0 0 24px
}

@media only screen and (max-width: 1199px) {
    .rbt-lookbook-section.lookbook-listbanner-style.lookbook-listbanner-style-one .lookbook-left-portion {
        flex-basis: 100%
    }

    .rbt-lookbook-section.lookbook-listbanner-style.lookbook-listbanner-style-one .lookbook-left-portion img {
        border-radius: 24px 24px 0 0
    }
}

.rbt-lookbook-section.lookbook-listbanner-style.lookbook-listbanner-style-one .lookbook-right-portion {
    padding: 0 44px;
    color: var(--color-white);
    flex-basis: 50%;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center
}

@media only screen and (min-width: 1200px) and (max-width:1599px),
only screen and (min-width:1600px) and (max-width:1919px) {
    .rbt-lookbook-section.lookbook-listbanner-style.lookbook-listbanner-style-one .lookbook-right-portion {
        padding: 10px
    }
}

@media only screen and (max-width: 1199px) {
    .rbt-lookbook-section.lookbook-listbanner-style.lookbook-listbanner-style-one .lookbook-right-portion {
        flex-basis: 100%;
        padding: 20px
    }
}

.rbt-lookbook-section.lookbook-listbanner-style.lookbook-listbanner-style-one .lookbook-right-portion .title {
    color: var(--color-white);
    font-size: 36px;
    line-height: 1.3
}

@media only screen and (max-width: 767px) {
    .rbt-lookbook-section.lookbook-listbanner-style.lookbook-listbanner-style-one .lookbook-right-portion .title {
        font-size: 24px
    }
}

@keyframes rbt-dot-scaler {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 0;
        transform: scale(.8)
    }
}

.rbt-dot-lookbok-product-wrapper>button {
    position: fixed;
    right: 30px;
    top: 30px;
    width: 40px;
    height: 40px;
    background: var(--color-gray-light);
    font-size: 16px;
    line-height: 40px;
    border: 0;
    color: var(--color-heading);
    border-radius: var(--radius-full);
    display: none;
    box-shadow: var(--shadow-1);
    font-size: 16px
}

.rbt-lookbook-box-content {
    padding: 32px;
    padding-top: 24px;
    border-radius: 12px
}

.rbt-lookbook-box-content .title {
    margin-bottom: 8px
}

.rbt-lookbook-box-content .desc {
    margin-bottom: 16px;
    color: var(--color-gray-500)
}

.rbt-lookbook-box-content .rbt-btn {
    color: var(--color-primary)
}

.rbt-lookbook-box-content .rbt-btn:hover {
    color: var(--color-white)
}

.rbt-lookbook-box-content.box-content-bg-green {
    background: var(--color-extra-six)
}

.rbt-lookbook-box-content.box-content-bg-yellow {
    background: var(--color-element-bg-yellow)
}

.min-h-700 {
    min-height: 700px
}

@media (max-width: 992px) {
    .rbt-dot-lookbok-product-wrapper>button {
        display: block
    }

    .rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content {
        transform: unset
    }

    .rbt-lookbook-banner .rbt-lookbook-portion .rbt-lookbook-dot-content {
        position: static;
        transition: all 0s
    }

    .rbt-dot-lookbok-product-wrapper {
        position: fixed;
        opacity: 0;
        visibility: hidden;
        left: 0;
        top: 0;
        transition: all .3s;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, .6);
        z-index: -1;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .rbt-lookbook-banner .rbt-lookbook-portion:hover .rbt-dot-lookbok-product-wrapper {
        opacity: 1;
        visibility: visible
    }

    .rbt-lookbook-banner .rbt-lookbook-portion .rbt-dot-lookbok-product-wrapper .rbt-lookbook-dot-content {
        position: static
    }

    .rbt-lookbook-banner .rbt-lookbook-portion:hover .rbt-dot-lookbok-product-wrapper .rbt-lookbook-dot-content {
        transform: unset
    }
}

.rbt-common-search-trigger-active .search-icon::before,
.search-trigger-active .search-icon::before {
    opacity: 1;
    visibility: visible;
    transition: .4s
}

.rbt-common-search-trigger-active.rbt-modern-close-btn .modern-close-wrapper::after,
.rbt-common-search-trigger-active.rbt-modern-close-btn .modern-close-wrapper::before,
.search-trigger-active.rbt-modern-close-btn .modern-close-wrapper::after,
.search-trigger-active.rbt-modern-close-btn .modern-close-wrapper::before {
    opacity: 0;
    visibility: hidden
}

.rbt-common-search-trigger-active.open,
.search-trigger-active.open {
    background: var(--color-gray-300)
}

.rbt-common-search-trigger-active.open .search-icon::before,
.search-trigger-active.open .search-icon::before {
    opacity: 0;
    visibility: hidden
}

.rbt-common-search-trigger-active.open .rbt-toolbar-label,
.search-trigger-active.open .rbt-toolbar-label {
    opacity: 0;
    visibility: hidden
}

.rbt-common-search-trigger-active.open.rbt-modern-close-btn .modern-close-wrapper::before,
.search-trigger-active.open.rbt-modern-close-btn .modern-close-wrapper::before {
    animation-name: crossRight;
    animation-delay: .3s
}

.rbt-common-search-trigger-active.open.rbt-modern-close-btn .modern-close-wrapper::after,
.search-trigger-active.open.rbt-modern-close-btn .modern-close-wrapper::after {
    animation-name: crossLeft;
    animation-delay: .15s
}

.rbt-search-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 4px 16px rgba(8, 10, 18, .1);
    clip-path: polygon(0 0, 200% 0, 200% 0, 0 0);
    transition: var(--transition);
    border-top: 1px solid var(--color-gray-200)
}

.rbt-search-dropdown.active {
    clip-path: polygon(0 0, 200% 0, 200% 200%, 0 200%);
    z-index: 104
}

.rbt-search-dropdown.media-upload-wrapper-open::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    z-index: 99;
    transition: all .7s;
    background: rgba(0, 0, 0, .5);
    z-index: 3
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-search-dropdown {
        max-height: 500px;
        overflow-y: scroll
    }
}

@media only screen and (max-width: 767px) {
    .rbt-search-dropdown {
        max-height: 500px;
        overflow-y: scroll
    }
}

.rbt-search-dropdown .wrapper {
    max-width: 1100px;
    margin: 40px auto;
    padding: 0;
    font-weight: 400
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-search-dropdown .wrapper {
        max-width: 920px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-search-dropdown .wrapper {
        margin: 30px auto;
        display: block;
        max-width: 750px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-search-dropdown .wrapper {
        display: block;
        max-width: 100%;
        padding: 15px;
        margin: 0
    }
}

.rbt-search-dropdown .wrapper .rbt-component-section-title {
    margin-bottom: 24px
}

@media only screen and (max-width: 767px) {
    .rbt-search-dropdown .wrapper .rbt-component-section-title {
        margin-bottom: 8px
    }
}

.rbt-search-dropdown .wrapper form {
    display: flex;
    position: relative;
    margin-bottom: 48px;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .rbt-search-dropdown .wrapper form {
        margin-bottom: 12px
    }
}

.rbt-search-dropdown .wrapper form .search-input {
    height: 48px;
    line-height: 1;
    margin: 0 12px 0 0;
    padding: 0 36px;
    border: 2px solid var(--color-gray-200);
    color: var(--color-gray-400);
    border-radius: 80px;
    transition: var(--transition);
    box-shadow: none;
    font-size: var(--font-size-b1)
}

@media only screen and (max-width: 575px) {
    .rbt-search-dropdown .wrapper form .search-input {
        font-size: 14px;
        height: 40px
    }
}

.rbt-search-dropdown .wrapper form .search-input::placeholder {
    font-size: var(--font-size-b1);
    color: var(--color-gray-400)
}

.rbt-search-dropdown .wrapper form .search-input:focus {
    border-color: var(--color-primary)
}

.rbt-search-dropdown .wrapper form .inner-search-icon {
    color: var(--color-gray-400);
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    left: 16px;
    top: 17px
}

@media only screen and (max-width: 575px) {
    .rbt-search-dropdown .wrapper form .inner-search-icon {
        top: 15px;
        font-size: var(--font-size-b4)
    }
}

.rbt-search-dropdown .wrapper form .media-search-btn {
    color: var(--color-gray-400);
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 16px;
    height: 100%;
    border: 0;
    outline: 0;
    background: 0 0
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-search-dropdown .rbt-search-with-category {
        margin-top: 15px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-search-dropdown .rbt-search-with-category {
        margin-top: 15px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-search-dropdown.search-with-category-popup {
        overflow-y: inherit
    }
}

@media only screen and (max-width: 767px) {
    .rbt-search-dropdown.search-with-category-popup {
        overflow-y: inherit
    }
}

body::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 99;
    transition: var(--transition);
    backdrop-filter: blur(5px);
    opacity: 0;
    visibility: hidden;
    cursor: url(../images/cursor-x.webp), pointer
}

.common-close_search_dropdown,
.rbt-ms-dismiss-outsider {
    display: block;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, .5);
    backdrop-filter: blur(5px);
    transition: var(--transition);
    cursor: url(../images/cursor-x.webp), pointer
}

.header-top-menu-nav-opened .common-close_search_dropdown,
.side-nav-opened body::before {
    opacity: 1;
    visibility: visible
}

.menu-nav-opened .common-close_search_dropdown {
    opacity: 1;
    visibility: visible
}

.rbt-search-style {
    position: relative
}

.rbt-search-style input {
    background: 0 0;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    padding-right: 60px;
    border-radius: 500px;
    min-width: 300px;
    border: 2px solid var(--color-white);
    color: var(--color-white)
}

.rbt-search-style input:focus {
    border-color: var(--color-white)
}

.rbt-search-style .rbt-search-btn {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%)
}

.rbt-search-style .rbt-search-btn i {
    color: var(--color-white);
    transition: var(--transition)
}

.rbt-search-style .rbt-search-btn:hover i {
    color: var(--color-primary)
}

.rbt-search-style-1 {
    position: relative
}

.rbt-search-style-1 input {
    height: 50px;
    line-height: 50px;
    padding-right: 50px
}

.rbt-search-style-1 .search-btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    background: 0 0;
    padding: 0;
    border: 0 none;
    display: block;
    width: 50px;
    text-align: center;
    transition: var(--transition)
}

.rbt-search-style-1 .search-btn:hover {
    color: var(--color-primary)
}

.rbt-media-search-section {
    position: absolute;
    width: 100%;
    padding: 24px;
    background: var(--color-white);
    box-shadow: 0 12px 30px 10px rgba(0, 0, 0, .15);
    z-index: 10;
    border-radius: 8px;
    top: calc(100% + 8px);
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transition: var(--transition)
}

@media only screen and (max-width: 479px) {
    .rbt-media-search-section {
        padding: 12px
    }
}

.rbt-media-search-section.opened {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.rbt-media-search-section.opened .rbt-ms-dismiss-outsider {
    opacity: 1;
    visibility: visible
}

.rbt-media-search-section .rbt-media-wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
    position: relative
}

@media only screen and (max-width: 479px) {
    .rbt-media-search-section .rbt-media-wrapper {
        gap: 12px;
        padding: 12px
    }
}

.rbt-media-search-section .rbt-file-upload-container .file-upload-area {
    min-height: 200px
}

@media only screen and (max-width: 479px) {
    .rbt-media-search-section .rbt-file-upload-container .file-upload-area {
        min-height: 110px;
        width: 100%
    }
}

.rbt-media-search-section .section-title {
    text-align: center;
    font-weight: 500;
    color: var(--color-heading)
}

@media only screen and (max-width: 479px) {
    .rbt-media-search-section .section-title {
        font-size: var(--font-size-b3);
        line-height: var(--line-height-b3)
    }
}

.rbt-media-search-section .rbt-copy-link-part {
    margin: 0
}

.rbt-media-search-section .rbt-copy-link-part .rbt-search-form input {
    margin-right: 0 !important;
    width: 100%
}

@media only screen and (max-width: 479px) {
    .rbt-media-search-section .rbt-copy-link-part .rbt-search-form input {
        font-size: 14px;
        padding: 0 16px;
        padding-right: 80px;
        height: 36px;
        margin-bottom: 0;
        line-height: 36px
    }
}

.rbt-media-search-section .rbt-ms-dismiss-btn {
    color: var(--color-heading);
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 0
}

.rbt-search-input-section.rbt-sm-search-section {
    position: relative;
    display: block;
    width: 100%
}

.rbt-search-input-section.rbt-sm-search-section input {
    padding: 0 36px 0 16px;
    color: var(--color-heading)
}

.rbt-search-input-section.rbt-sm-search-section input::placeholder {
    color: var(--color-gray-500)
}

.rbt-search-input-section.rbt-sm-search-section .search-btn {
    height: 28px;
    width: 28px;
    border-radius: var(--radius);
    border: none;
    right: 6px;
    top: 50%;
    transform: translateY(-50%)
}

.rbt-inner-search-label-animate-activation {
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 1
}

.rbt-inner-search-label-animate-activation .cd-headline {
    position: absolute;
    top: 50%;
    left: 0;
    width: calc(100% - 16px);
    font-size: var(--font-size-b3);
    color: var(--color-gray-400);
    transform: translateY(-50%);
    z-index: -1
}

.rbt-inner-search-label-animate-activation .cd-headline.clip b {
    font-weight: 400
}

.rbt-inner-search-label-animate-activation .cd-words-wrapper::after {
    display: none
}

.rbt-inner-search-label-animate-activation.has-left-catagory-section .cd-headline {
    padding-left: 156px
}

.rbt-search-scroll-vertical-wrapper {
    position: relative;
    height: 100%;
    overflow-y: auto;
    max-height: 400px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1399px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-search-scroll-vertical-wrapper {
        max-height: 300px
    }
}

.rbt-search-scroll-vertical-wrapper .inner {
    position: relative;
    height: 100%
}

.rbt-product-banner {
    position: relative;
    z-index: 1;
    border-radius: 16px;
    border: 2px solid var(--color-brand-100)
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner {
        border-radius: 8px
    }
}

.rbt-product-banner .rbt-banner-inner {
    border-radius: 16px;
    position: relative;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner .rbt-banner-inner {
        border-radius: 8px
    }
}

.rbt-product-banner .rbt-banner-description {
    margin-bottom: 0
}

.rbt-product-banner .rbt-banner-subtitle {
    font-size: var(--font-size-b1);
    line-height: 100%;
    color: var(--color-heading);
    font-weight: var(--f-medium)
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner .rbt-banner-subtitle {
        font-size: var(--font-size-b3);
        line-height: var(--line-height-b3)
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner .rbt-banner-subtitle {
        font-size: 12px
    }
}

.rbt-product-banner .rbt-pricing-part {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 32px
}

@media only screen and (max-width: 479px) {
    .rbt-product-banner .rbt-pricing-part {
        gap: 8px;
        flex-wrap: wrap
    }
}

.rbt-product-banner .rbt-pricing-part .rbt-dis-price-text {
    color: var(--color-gray-400);
    font-size: 18px;
    font-weight: 600;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner .rbt-pricing-part .rbt-dis-price-text {
        font-size: var(--font-size-b1)
    }
}

.rbt-product-banner .rbt-pricing-part .rbt-price-text {
    color: var(--color-primary);
    font-weight: 700;
    font-size: var(--h2);
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner .rbt-pricing-part .rbt-price-text {
        font-size: var(--h4)
    }
}

.rbt-product-banner .rbt-pricing-part .rbt-offer-badge {
    padding: 4px 8px;
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner .rbt-pricing-part .rbt-offer-badge {
        font-size: 10px;
        line-height: 1
    }
}

.rbt-product-banner .rbt-banner-title {
    margin-top: 12px;
    font-weight: 400;
    line-height: 100%
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (max-width:767px) {
    .rbt-product-banner .rbt-banner-title {
        margin-top: 4px
    }
}

.rbt-product-banner .rbt-banner-title .rbt-bold--text {
    font-weight: 700
}

.rbt-product-banner .rbt-banner-title.text-fsize-38 {
    font-size: 38px;
    line-height: 1.2
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-product-banner .rbt-banner-title.text-fsize-38 {
        font-size: 32px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-banner .rbt-banner-title.text-fsize-38 {
        font-size: 30px;
        line-height: 1.2
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner .rbt-banner-title.text-fsize-38 {
        font-size: 18px;
        line-height: 1.2
    }
}

.rbt-product-banner .rbt-banner-title.title-capitalize-text {
    text-transform: uppercase
}

.rbt-product-banner .rbt-banner-title.rbt-banner-title-lg {
    font-size: var(--h1);
    line-height: 1.33
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-product-banner .rbt-banner-title.rbt-banner-title-lg {
        font-size: 32px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-banner .rbt-banner-title.rbt-banner-title-lg {
        font-size: 30px;
        line-height: 1.2
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner .rbt-banner-title.rbt-banner-title-lg {
        font-size: 30px;
        line-height: 1.2
    }
}

@media only screen and (max-width: 575px) {
    .rbt-product-banner .rbt-banner-title.rbt-banner-title-lg {
        font-size: 26px;
        line-height: 1
    }
}

.rbt-product-banner .rbt-secondery-subtitle {
    font-family: var(--font-secondary);
    font-weight: 700;
    color: var(--color-primary);
    margin-top: 8px;
    line-height: 100%
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner .rbt-secondery-subtitle {
        margin-top: 4px
    }
}

.rbt-product-banner .rbt-product-banner-img img {
    transition: var(--transition)
}

.rbt-product-banner .rbt-product-banner-img.rbt-full-width-img {
    width: 100%;
    height: 100%
}

.rbt-product-banner .rbt-product-banner-img.rbt-full-width-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.rbt-product-banner [data-black-overlay="2"]:before,
.rbt-product-banner [data-gradient-overlay="2"]:before,
.rbt-product-banner [data-overlay="2"]:before,
.rbt-product-banner [data-white-overlay="2"]:before {
    z-index: 3
}

.rbt-product-banner.rbt-banner-has-curved-section {
    border-radius: 0
}

.rbt-product-banner.rbt-banner-has-curved-section .rbt-curved-portion {
    --box-size: 22px;
    position: absolute;
    transition: var(--transition);
    z-index: 1;
    width: 60%
}

.rbt-product-banner.rbt-banner-has-curved-section .rbt-curved-portion .rbt-wrapper {
    position: relative;
    height: 35px;
    width: 100%;
    background: var(--color-gray-light)
}

.rbt-product-banner.rbt-banner-has-curved-section .rbt-curved-portion .rbt-wrapper::before,
.rbt-product-banner.rbt-banner-has-curved-section .rbt-curved-portion .rbt-wrapper:after {
    content: "";
    position: absolute;
    height: var(--box-size);
    width: var(--box-size);
    background: 0 0;
    border-radius: var(--radius-full)
}

.rbt-product-banner.rbt-banner-has-top-left-curved .rbt-left-corner-portion {
    left: 0;
    top: 0
}

.rbt-product-banner.rbt-banner-has-top-left-curved .rbt-left-corner-portion .rbt-wrapper {
    border-radius: 0 0 40px 0
}

.rbt-product-banner.rbt-banner-has-top-left-curved .rbt-left-corner-portion .rbt-wrapper::before,
.rbt-product-banner.rbt-banner-has-top-left-curved .rbt-left-corner-portion .rbt-wrapper:after {
    box-shadow: -8px -11px 0 0 var(--color-gray-light)
}

.rbt-product-banner.rbt-banner-has-top-left-curved .rbt-left-corner-portion .rbt-wrapper::before {
    top: 0;
    left: 100%
}

.rbt-product-banner.rbt-banner-has-top-left-curved .rbt-left-corner-portion .rbt-wrapper::after {
    top: 100%;
    left: 0
}

.rbt-product-banner.rbt-banner-has-top-right-curved .rbt-right-corner-portion {
    right: 0;
    top: 0
}

.rbt-product-banner.rbt-banner-has-top-right-curved .rbt-right-corner-portion .rbt-wrapper {
    border-radius: 0 0 0 40px
}

.rbt-product-banner.rbt-banner-has-top-right-curved .rbt-right-corner-portion .rbt-wrapper::before,
.rbt-product-banner.rbt-banner-has-top-right-curved .rbt-right-corner-portion .rbt-wrapper:after {
    box-shadow: 13px -13px 0 0 var(--color-gray-light)
}

.rbt-product-banner.rbt-banner-has-top-right-curved .rbt-right-corner-portion .rbt-wrapper::before {
    top: 0;
    right: 100%
}

.rbt-product-banner.rbt-banner-has-top-right-curved .rbt-right-corner-portion .rbt-wrapper::after {
    top: 100%;
    right: 0
}

.rbt-product-banner:hover .rbt-product-banner-img img {
    transform: scale(1.03)
}

.rbt-product-banner.has-no-hover-img-scale:hover .rbt-product-banner-img img {
    transform: none
}

.rbt-product-banner.rbt-product-banner-style-one {
    border: 0
}

@media only screen and (max-width: 1199px) {
    .rbt-product-banner.rbt-product-banner-style-one {
        background-color: var(--color-gray-light);
        padding: 36px;
        margin-bottom: 30px;
        border: 2px solid var(--color-brand-100);
        display: flex;
        flex-direction: column-reverse;
        align-items: center
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-one {
        padding: 16px 0;
        margin-bottom: 16px
    }
}

.rbt-product-banner.rbt-product-banner-style-one .rbt-banner-inner {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 0 80px
}

@media only screen and (max-width: 1199px) {
    .rbt-product-banner.rbt-product-banner-style-one .rbt-banner-inner {
        padding: 0;
        width: 100%
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-product-banner.rbt-product-banner-style-one .rbt-banner-inner {
        padding: 0 40px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-product-banner.rbt-product-banner-style-one .rbt-banner-inner {
        display: flex;
        flex-direction: column;
        align-items: normal
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-banner.rbt-product-banner-style-one .rbt-banner-inner {
        padding: 0 20px
    }
}

.rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-img {
    position: absolute;
    left: 80px;
    bottom: 0;
    z-index: 2
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-img {
        max-width: 350px;
        left: 40px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-img {
        max-width: 250px;
        left: unset;
        bottom: unset;
        top: unset;
        transform: none;
        position: relative
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-img {
        max-width: 400px;
        left: 40px;
        bottom: unset;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-img {
        position: absolute;
        left: 48px;
        bottom: 8px;
        max-width: 275px
    }
}

.rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 56px 0
}

@media only screen and (max-width: 1199px) {
    .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content {
        position: relative;
        z-index: 1;
        padding: 0
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content {
        padding: 0 16px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content {
        padding: 20px 0
    }
}

.rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content .rbt-content-section {
    border-left: 3px solid #e7e9ec;
    padding-left: 56px;
    margin-left: 56px
}

@media only screen and (max-width: 1199px) {
    .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content .rbt-content-section {
        padding-left: 20px;
        margin-left: 20px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content .rbt-content-section {
        padding-left: 0;
        margin-left: 0;
        border: 0
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content .rbt-content-section .rbt-banner-subtitle {
        font-size: 12px
    }
}

.rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content .rbt-banner-btn {
    margin-left: 94px
}

@media only screen and (max-width: 1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content .rbt-banner-btn {
        margin-left: 54px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content .rbt-banner-btn {
        margin-left: 0
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-banner.rbt-product-banner-style-one .rbt-product-banner-content .rbt-banner-btn .rbt-btn {
        height: 54px;
        width: 54px;
        padding: 12px 16px;
        font-size: 8px;
        line-height: 1;
        min-width: unset
    }
}

.rbt-product-banner.rbt-product-banner-style-two {
    overflow: hidden
}

.rbt-product-banner.rbt-product-banner-style-two .rbt-banner-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.rbt-product-banner.rbt-product-banner-style-two .rbt-product-banner-content {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 10%
}

@media only screen and (max-width: 479px) {
    .rbt-product-banner.rbt-product-banner-style-two .rbt-product-banner-content {
        width: 100%
    }
}

.rbt-product-banner.rbt-product-banner-style-two .rbt-banner-btn {
    display: inline-block;
    margin-top: 170px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-product-banner.rbt-product-banner-style-two .rbt-banner-btn {
        margin-top: 115px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-two .rbt-banner-btn {
        margin-top: 32px
    }
}

.rbt-product-banner.rbt-product-banner-style-two .rbt-banner-btn .rbt-btn {
    border: 1px solid var(--color-white)
}

@media only screen and (max-width: 479px) {
    .rbt-product-banner.rbt-product-banner-style-two .rbt-banner-btn .rbt-btn.rbt-round-btn {
        height: 70px;
        width: 70px;
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4);
        min-width: unset
    }
}

.rbt-product-banner.rbt-product-banner-style-two .rbt-banner-btn .rbt-btn:hover {
    border-color: var(--color-primary)
}

.rbt-product-banner.rbt-banner-center-style .rbt-product-banner-img {
    height: 100%;
    width: 100%
}

.rbt-product-banner.rbt-banner-center-style .rbt-product-banner-img img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.rbt-product-banner.rbt-banner-center-style .rbt-product-banner-content {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.rbt-product-banner.rbt-banner-right-style .rbt-product-banner-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end
}

.rbt-product-banner.rbt-banner-bgdark-style .rbt-banner-subtitle,
.rbt-product-banner.rbt-banner-bgdark-style .rbt-banner-title {
    color: var(--color-white)
}

.rbt-product-banner.rbt-banner-bgdark-style .rbt-content-section .rbt-banner-description {
    color: var(--color-gray-200) !important
}

.rbt-product-banner.rbt-banner-bgdark-style .rbt-product-banner-img {
    z-index: 1
}

.rbt-product-banner.rbt-bg-color-gray-one {
    background-color: var(--color-extra-one)
}

.rbt-product-banner.rbt-bg-color-yellow-one {
    background-color: var(--color-extra-two)
}

.rbt-product-banner.rbt-product-banner-style-three {
    overflow: hidden
}

.rbt-product-banner.rbt-product-banner-style-three .rbt-product-banner-img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 100%;
    width: 100%
}

.rbt-product-banner.rbt-product-banner-style-three .rbt-product-banner-img img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.rbt-product-banner.rbt-product-banner-style-three .rbt-content-section {
    max-width: 524px;
    margin-right: 72px
}

@media only screen and (max-width: 479px) {
    .rbt-product-banner.rbt-product-banner-style-three .rbt-content-section {
        margin-right: 0
    }
}

.rbt-product-banner.rbt-product-banner-style-three .rbt-content-section .rbt-banner-title {
    margin-top: 16px
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-three .rbt-content-section .rbt-banner-title {
        margin-top: 16px
    }
}

.rbt-product-banner.rbt-product-banner-style-three .rbt-content-section .rbt-secondery-subtitle {
    margin-top: 24px
}

.rbt-product-banner.rbt-product-banner-style-three .rbt-content-section .rbt-banner-subtitle {
    font-size: 18px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-three .rbt-content-section .rbt-banner-subtitle {
        font-size: 15px;
        margin-top: 8px
    }
}

.rbt-product-banner.rbt-product-banner-style-three .rbt-content-section .rbt-secondery-subtitle {
    font-size: 36px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-three .rbt-content-section .rbt-secondery-subtitle {
        font-size: 18px;
        margin-top: 8px
    }
}

.rbt-product-banner.rbt-product-banner-style-three .rbt-product-banner-content {
    position: relative;
    z-index: 2;
    padding: 77px 104px;
    display: flex
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-banner.rbt-product-banner-style-three .rbt-product-banner-content {
        padding: 40px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-three .rbt-product-banner-content {
        padding: 40px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-banner.rbt-product-banner-style-three .rbt-product-banner-content {
        padding: 32px 24px;
        flex-direction: column;
        gap: 8px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-banner.rbt-product-banner-style-three .rbt-btn {
        padding: 0 16px;
        background: var(--color-primary);
        height: 40px;
        width: auto;
        line-height: 40px;
        color: var(--color-white);
        font-size: 15px;
        font-weight: 600;
        display: inline-block;
        position: relative;
        z-index: 1;
        transition: all .4s ease-in-out;
        border-radius: var(--radius-60);
        border: 0 none;
        outline: 0
    }
}

.rbt-product-banner.rbt-product-banner-style-three .rbt-btn i {
    margin-right: 5px;
    font-size: var(--font-size-b3)
}

.rbt-product-banner.rbt-product-banner-style-four {
    border: 0;
    overflow: hidden;
    width: 100%
}

.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content {
    padding: 95px 56px;
    width: 100%;
    position: relative;
    z-index: 2
}

.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content.has-lg-space-bottom {
    padding-bottom: 140px
}

@media only screen and (max-width: 479px) {
    .rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content {
        padding: 81px 26px;
        padding-bottom: 40px !important
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content {
        padding: 81px 26px;
        padding-bottom: 90px !important
    }
}

.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content.rbt-content-style-one {
    padding-left: 48px;
    padding-right: 48px
}

@media only screen and (max-width: 479px) {
    .rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content.rbt-content-style-one {
        padding-left: 20px;
        padding-right: 20px
    }
}

.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content.rbt-content-style-two {
    padding: 56px 80px
}

@media only screen and (max-width: 479px) {
    .rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content.rbt-content-style-two {
        padding: 40px 20px;
        padding-bottom: 100px
    }
}

.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section {
    max-width: 316px
}

.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section.rbt-content-less-wider {
    max-width: 260px
}

.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section.rbt-banner-content-wider {
    max-width: 314px
}

.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section.rbt-banner-content-lg-wider {
    max-width: 425px
}

.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section.rbt-content-section-full-wider {
    max-width: none
}

.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section .rbt-banner-description {
    margin-top: 8px;
    margin-bottom: 0;
    color: var(--color-gray-400)
}

.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section .rbt-banner-description.text-color-darker {
    color: var(--color-gray-500)
}

@media only screen and (max-width: 1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section .rbt-banner-description.text-color-darker {
        color: var(--color-gray-100)
    }
}

.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section .rbt-banner-btn {
    margin-top: 24px
}

@media only screen and (max-width: 575px) {
    .rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section .rbt-banner-btn {
        margin-top: 30px
    }
}

.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-img img,
.rbt-product-banner.rbt-product-banner-style-four .rbt-product-image img {
    transition: var(--transition);
    min-height: 100%
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-curved-style-box.rbt-curved-style-left {
    mask-image: url(../images/system/product-banner-10-left-curved-mask.webp);
    -webkit-mask-image: url(../images/system/product-banner-10-left-curved-mask.webp);
    background-image: url(../images/system/product-banner-10-left-curved-mask.webp)
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-curved-style-box.rbt-curved-style-right {
    mask-image: url(../images/system/product-banner-10-right-curved-mask.webp);
    -webkit-mask-image: url(../images/system/product-banner-10-right-curved-mask.webp);
    background-image: url(../images/system/product-banner-10-right-curved-mask.webp)
}

@media only screen and (max-width: 1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-resp-var-one .rbt-product-banner-img {
        height: 100%;
        width: 100%
    }
}

@media only screen and (max-width: 1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-resp-var-one .rbt-product-banner-img img {
        height: 100%;
        width: 100%
    }
}

@media only screen and (max-width: 1199px),
only screen and (min-width:1200px) and (max-width:1599px) {

    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-resp-var-one .rbt-banner-subtitle,
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-resp-var-one .rbt-banner-title {
        color: var(--color-white)
    }
}

@media only screen and (max-width: 1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-resp-var-one .rbt-product-banner-img {
        z-index: 1;
        width: 100% !important
    }
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one .rbt-banner-subtitle {
    font-size: var(--h6);
    line-height: 1.44;
    font-weight: 400;
    color: var(--color-heading)
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (max-width:767px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one .rbt-banner-subtitle {
        font-size: 16px !important
    }
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one .rbt-product-banner-content {
    padding: 80px 50px;
    padding-bottom: 40px
}

@media only screen and (max-width: 575px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one .rbt-product-banner-content {
        padding: 50px 20px;
        padding-bottom: 20px
    }
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one .rbt-product-banner-content .rbt-pricing-part {
    gap: 12px;
    margin-top: 16px
}

@media only screen and (max-width: 575px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one .rbt-product-banner-content .rbt-pricing-part {
        gap: 8px
    }
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories .rbt-product-banner-content {
    padding: 72px 52px;
    padding-bottom: 240px !important
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (max-width:767px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories .rbt-product-banner-content {
        padding: 20px 22px 28px;
        padding-bottom: 28px !important
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories .rbt-product-banner-content {
        padding: 50px 40px;
        padding-bottom: 120px !important
    }
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories .rbt-product-banner-content .rbt-pricing-part {
    gap: 12px;
    margin-top: 8px
}

@media only screen and (max-width: 575px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories .rbt-product-banner-content .rbt-pricing-part {
        gap: 8px
    }
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories .rbt-banner-inner {
    min-height: 625px
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories .rbt-banner-inner {
        min-height: 410px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories .rbt-banner-inner {
        min-height: 330px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories .rbt-banner-inner {
        min-height: 300px
    }
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories .rbt-banner-bg-shape {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-banner-inner {
    position: relative
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-product-banner-content {
    padding: 20px 22px 28px;
    height: 100%;
    position: absolute;
    inset: 0;
    padding-bottom: 28px !important
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-content-section {
    max-width: 205px;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 2
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-content-section .rbt-product-badge {
    margin-bottom: 16px;
    padding: 4px 12px;
    min-width: 48px;
    border-radius: var(--radius-60);
    font-size: 12px;
    line-height: 1.2
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-content-section .rbt-banner-title {
    line-height: 1.25;
    margin-bottom: 6px
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (max-width:767px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-content-section .rbt-banner-title {
        font-size: 18px !important
    }
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-content-section .rbt-banner-subtitle {
    color: var(--color-gray-500);
    margin-bottom: 0
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-content-section .rbt-banner-watermark-text {
    position: absolute;
    left: 50%;
    top: 57%;
    transform: translate(-50%, -50%);
    font-size: 86px;
    font-weight: var(--f-black);
    line-height: .95;
    letter-spacing: .02em;
    color: var(--color-white);
    opacity: .38;
    text-align: center;
    pointer-events: none;
    z-index: -1
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-content-section .rbt-btn {
    margin-top: auto;
    align-self: center;
    min-width: 180px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-content-section .rbt-btn {
        min-width: auto;
        align-self: flex-start
    }
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-product-banner-img img {
    object-position: bottom center
}

@media only screen and (max-width: 575px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-banner-inner {
        min-height: 520px
    }

    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-product-banner-content {
        padding: 16px
    }

    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-content-section {
        max-width: 100%
    }

    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-one.rbt-product-banner-accessories.rbt-banner-four-var-gamepad .rbt-content-section .rbt-banner-watermark-text {
        font-size: 58px
    }
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two {
    position: relative
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content {
    padding: 170px 244px;
    max-width: 2150px;
    margin: 0 auto
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content.spacing--72 {
    padding: 72px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-banner-content {
        padding: 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, .38) !important;
    text-align: center;
    -webkit-text-stroke-width: 0;
    -webkit-text-stroke-color: transparent;
    font-family: var(--font-tertiary);
    font-size: clamp(78px, 9vw, 220px);
    font-style: normal;
    font-weight: 400 !important;
    line-height: 1;
    letter-spacing: .03em;
    text-transform: uppercase;
    margin-bottom: 0 !important;
    white-space: nowrap;
    margin-bottom: -57px !important
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-tea-stores .rbt-product-banner-content .rbt-content-section .rbt-title {
        font-size: clamp(56px, 9vw, 120px);
        margin-bottom: -47px !important
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-tea-stores .rbt-product-banner-content .rbt-content-section .rbt-title {
        font-size: clamp(36px, 9vw, 72px);
        white-space: normal;
        margin-bottom: -27px !important
    }
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three {
    background: var(--color-brand-300);
    border-radius: 0 24px 24px 24px
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-product-img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-product-img {
        width: 100%;
        position: relative;
        top: unset;
        right: unset
    }
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-product-img img {
    object-fit: cover;
    min-height: 100%
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three:hover .rbt-product-banner-img img,
.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three:hover .rbt-product-image img {
    transform: scale(1.02)
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-content-section {
    max-width: 695px
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-content-section .rbt-banner-subtitle-two {
    font-weight: 400
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-content-section .rbt-banner-title {
    font-size: var(--font-size-xl);
    line-height: 1.18
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-content-section .rbt-banner-title {
        font-size: var(--h2)
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-content-section .rbt-banner-title {
        font-size: var(--h4)
    }
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-content-section .rbt-pricing-part {
    margin-top: 24px
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-content-section .rbt-pricing-part {
        margin-top: 16px
    }
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-content-section .rbt-pricing-part p {
    margin-bottom: 0
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-content-section .rbt-pricing-part .rbt-price-text {
    line-height: 1.3
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-content-section .rbt-banner-btn {
    margin-top: 32px
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-content-section .rbt-banner-btn {
        margin-top: 16px
    }
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-product-banner-content {
    padding: 140px 120px;
    width: 100%;
    position: relative;
    z-index: 2
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-product-banner-content {
        padding: 140px 120px
    }
}

@media only screen and (max-width: 1199px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-product-banner-content {
        padding: 70px 60px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-product-banner-content {
        padding: 25px 45px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-product-banner-content {
        padding: 25px 20px
    }
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.has-rbt-img-curved .rbt-img-file-shape-inner {
    width: 100%;
    height: 100%;
    background-color: var(--color-white);
    background-image: url(../images/system/banner-product-cosmetic-bg-shape-01.webp);
    -webkit-mask-image: url(../images/system/banner-product-cosmetic-bg-shape-01.webp);
    mask-image: url(../images/system/banner-product-cosmetic-bg-shape-01.webp)
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-has-larger-pb .rbt-product-banner-content {
    padding-bottom: 213px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-has-larger-pb .rbt-product-banner-content {
        padding: 140px 120px
    }
}

@media only screen and (max-width: 1199px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-has-larger-pb .rbt-product-banner-content {
        padding: 70px 60px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-has-larger-pb .rbt-product-banner-content {
        padding: 70px 60px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-has-larger-pb .rbt-product-banner-content {
        padding: 40px 20px
    }
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-product-image.rbt-product-image-fwidth {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three .rbt-product-image.rbt-product-image-fwidth img {
    object-fit: cover;
    min-height: 100%
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-has-content-bg-shape {
    z-index: 1
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-has-content-bg-shape::after {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(../images/product-banner/banner-cos-bg-shape-01.svg);
    z-index: -1
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-lg {
    border-radius: 24px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-lg {
        border-radius: 12px
    }
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-lg .rbt-product-banner-content {
    padding: 165px 0
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-lg .rbt-product-banner-content {
        padding: 140px 40px !important
    }
}

@media only screen and (max-width: 1199px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-lg .rbt-product-banner-content {
        padding: 70px 20px !important
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-lg .rbt-product-banner-content {
        padding: 70px 20px !important
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-three.rbt-banner-four-var-three-lg .rbt-product-banner-content {
        padding: 40px 20px !important;
        padding-right: 0 !important
    }
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer {
    min-height: 550px
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer {
        min-height: 428px
    }
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer.rbt-bottom-position-content {
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: center
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer.rbt-bottom-position-content .rbt-banner-inner {
    width: 100%
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer.rbt-bottom-position-content .rbt-banner-inner .has-bg-black-overlay {
    width: 100%;
    background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0) 100%)
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer-two {
    min-height: 550px
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer-two.rbt-bottom-position-content {
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: center
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer-two.rbt-bottom-position-content .rbt-banner-inner {
    width: 100%
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer-two.rbt-bottom-position-content .rbt-banner-inner .has-bg-black-overlay {
    width: 100%;
    background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0) 100%)
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer-two .rbt-product-banner-content {
    position: static
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer-two .rbt-product-banner-img {
    position: relative
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-product-banner-style-four-h-longer-two .rbt-banner-inner {
    position: absolute;
    bottom: 0;
    z-index: 5
}

.rbt-product-banner.rbt-product-banner-style-five {
    border: 0;
    overflow: hidden;
    width: 100%;
    border-radius: 16px
}

@media only screen and (max-width: 575px) {
    .rbt-product-banner.rbt-product-banner-style-five {
        border-radius: 12px !important
    }
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content {
    position: absolute;
    background: var(--color-gray-light);
    z-index: 3;
    border-radius: 0 16px 0 0
}

@media only screen and (max-width: 575px) {
    .rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content {
        position: relative
    }
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content .rbt-banner-btn {
    margin-top: 16px
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style {
    --box-size: 40px
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style .rbt-corner-portion-wrapper {
    position: relative;
    padding: 29px 29px 16px 16px;
    background: var(--color-gray-light);
    border-radius: 0 16px 0 0
}

@media only screen and (max-width: 575px) {
    .rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style .rbt-corner-portion-wrapper {
        padding: 16px !important;
        border-radius: 0 8px 0 0
    }
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style .rbt-corner-portion-wrapper.rbt-bg-color-white {
    background: var(--color-white)
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style .rbt-corner-portion-wrapper.rbt-bg-color-white::before,
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style .rbt-corner-portion-wrapper.rbt-bg-color-white:after {
    box-shadow: -19px 19px 0 0 var(--color-white)
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style .rbt-corner-portion-wrapper::before,
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style .rbt-corner-portion-wrapper:after {
    content: "";
    position: absolute;
    height: var(--box-size);
    width: var(--box-size);
    background: 0 0;
    border-radius: var(--radius-full);
    box-shadow: -19px 19px 0 0 var(--color-gray-light)
}

@media only screen and (max-width: 575px) {

    .rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style .rbt-corner-portion-wrapper::before,
    .rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style .rbt-corner-portion-wrapper:after {
        box-shadow: -12px 12px 0 0 var(--color-gray-light);
        display: none
    }
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style .rbt-corner-portion-wrapper::before {
    bottom: 100%;
    left: 0
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-corner-style .rbt-corner-portion-wrapper::after {
    bottom: 0;
    left: 100%
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-lb {
    bottom: -2px;
    left: -2px
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-lt {
    left: -2px;
    top: -2px;
    border-radius: 0 0 16px 0
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-lt .rbt-corner-portion-wrapper {
    padding: 0 29px 29px 16px;
    border-radius: 0 0 16px 0
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-lt .rbt-corner-portion-wrapper::before {
    top: 0;
    right: unset;
    left: 100%;
    bottom: unset;
    box-shadow: -19px -19px 0 0 var(--color-gray-light)
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-lt .rbt-corner-portion-wrapper::after {
    top: 100%;
    left: 0;
    right: unset;
    bottom: 0;
    box-shadow: -19px -19px 0 0 var(--color-gray-light)
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rt {
    right: 0;
    top: 0;
    border-radius: 0 0 0 16px
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rt .rbt-corner-portion-wrapper {
    padding: 0 16px 29px 29px;
    border-radius: 0 0 0 16px
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rt .rbt-corner-portion-wrapper::before {
    top: 0;
    left: unset;
    right: 100%;
    bottom: unset;
    box-shadow: 19px -19px 0 0 var(--color-gray-light)
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rt .rbt-corner-portion-wrapper::after {
    top: 100%;
    right: 0;
    left: unset;
    bottom: 0;
    box-shadow: 19px -19px 0 0 var(--color-gray-light)
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rt .rbt-corner-portion-wrapper.rbt-bg-color-white {
    background: var(--color-white)
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rt .rbt-corner-portion-wrapper.rbt-bg-color-white::before,
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rt .rbt-corner-portion-wrapper.rbt-bg-color-white:after {
    box-shadow: 19px 19px 0 0 var(--color-white) !important
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rb {
    right: 0;
    bottom: 0;
    border-radius: 16px 0 0 0
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rb .rbt-corner-portion-wrapper {
    padding: 29px 29px 0 16px;
    border-radius: 16px 0 0 0
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rb .rbt-corner-portion-wrapper::before {
    top: unset;
    right: 0;
    left: unset;
    bottom: 100%;
    box-shadow: 19px 19px 0 0 var(--color-gray-light) !important
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rb .rbt-corner-portion-wrapper::after {
    top: unset;
    left: unset;
    right: 100%;
    bottom: 0;
    box-shadow: 19px 19px 0 0 var(--color-gray-light) !important
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rb .rbt-corner-portion-wrapper.rbt-bg-color-white {
    background: var(--color-white)
}

.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rb .rbt-corner-portion-wrapper.rbt-bg-color-white::before,
.rbt-product-banner.rbt-product-banner-style-five .rbt-product-banner-content.rbt-banner-content-rb .rbt-corner-portion-wrapper.rbt-bg-color-white:after {
    box-shadow: 19px 19px 0 0 var(--color-white) !important
}

.rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-banner-subtitle {
    font-size: 16px;
    line-height: 1.2
}

@media only screen and (max-width: 1199px),
only screen and (max-width:767px) {
    .rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-banner-subtitle {
        font-size: 20px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-banner-subtitle {
        font-size: 10px;
        margin-top: 0
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-banner-subtitle {
        font-size: 12px;
        margin-top: 0
    }
}

.rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-banner-title {
    font-size: 48px;
    line-height: 1.2
}

@media only screen and (min-width: 1600px) and (max-width:1919px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-banner-title {
        font-size: 36px
    }
}

@media only screen and (max-width: 1199px) {
    .rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-banner-title {
        font-size: 28px !important
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-banner-title {
        font-size: 16px !important;
        margin-top: 0
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-banner-title {
        font-size: 14px !important;
        margin-top: 0
    }
}

.rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-banner-title.h1 {
    font-size: var(--h1);
    line-height: 1.2
}

.rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-corner-portion-wrapper {
    padding: 32px 80px 100px
}

.rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-corner-portion-wrapper.space-var-one {
    padding: 60px 80px 48px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-corner-portion-wrapper {
        padding: 16px 32px 60px !important
    }
}

@media only screen and (max-width: 1199px),
only screen and (max-width:767px) {
    .rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-corner-style .rbt-corner-portion-wrapper {
        padding: 4px !important
    }
}

.rbt-product-banner.rbt-product-banner-style-five.rbt-product-banner-style-five-lg .rbt-product-banner-img img {
    transition: var(--transition);
    object-fit: cover;
    min-height: 200px
}

.rbt-product-banner.rbt-product-banner-style-nine .rbt-product-banner-img {
    border-radius: var(--radius-12);
    position: relative;
    overflow: hidden
}

.rbt-product-banner.rbt-product-banner-style-nine .rbt-content-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-nine .rbt-content-section {
        gap: 8px;
        align-items: flex-start
    }
}

.rbt-product-banner.rbt-product-banner-style-nine .rbt-content-section .rbt-banner-title {
    margin-top: 16px
}

.rbt-component-area.rbt-bg-color-white .rbt-product-banner.rbt-banner-has-left-curved .rbt-wrapper {
    background: var(--color-white)
}

.rbt-component-area.rbt-bg-color-white .rbt-product-banner.rbt-banner-has-left-curved .rbt-wrapper::before,
.rbt-component-area.rbt-bg-color-white .rbt-product-banner.rbt-banner-has-left-curved .rbt-wrapper:after {
    box-shadow: -8px -11px 0 0 var(--color-white)
}

.rbt-component-area.rbt-bg-color-white .rbt-product-banner.rbt-banner-has-right-curved .rbt-wrapper {
    background: var(--color-white)
}

.rbt-component-area.rbt-bg-color-white .rbt-product-banner.rbt-banner-has-right-curved .rbt-wrapper::before,
.rbt-component-area.rbt-bg-color-white .rbt-product-banner.rbt-banner-has-right-curved .rbt-wrapper:after {
    box-shadow: 13px -13px 0 0 var(--color-white)
}

@media only screen and (max-width: 767px) {
    .rbt-elctro-hero-banner.rbt-section-gap2 {
        padding: 24px 0
    }
}

.rbt-elctro-hero-banner .rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section .rbt-banner-btn {
    margin-top: 80px
}

@media only screen and (max-width: 767px) {
    .rbt-elctro-hero-banner .rbt-product-banner.rbt-product-banner-style-four .rbt-product-banner-content .rbt-content-section .rbt-banner-btn {
        margin-top: 40px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-banner.rbt-product-banner-style-four.rbt-hero-banner.rbt-banner-four-var-three.rbt-banner-four-var-three-lg.rbt-banner-has-center-curved-style.rbt-banner-has-top-center-curved-style.rbt-bg-color-brand-200 .rbt-product-image {
        text-align: center
    }

    .rbt-product-banner.rbt-product-banner-style-four.rbt-hero-banner.rbt-banner-four-var-three.rbt-banner-four-var-three-lg.rbt-banner-has-center-curved-style.rbt-banner-has-top-center-curved-style.rbt-bg-color-brand-200 .rbt-product-image img {
        max-height: 200px
    }

    .rbt-product-banner.rbt-product-banner-style-four.rbt-hero-banner.rbt-banner-four-var-three.rbt-banner-four-var-three-lg.rbt-banner-has-center-curved-style.rbt-banner-has-top-center-curved-style.rbt-bg-color-brand-200 .rbt-pricing-part {
        justify-content: center
    }

    .rbt-product-banner.rbt-product-banner-style-four.rbt-hero-banner.rbt-banner-four-var-three.rbt-banner-four-var-three-lg.rbt-banner-has-center-curved-style.rbt-banner-has-top-center-curved-style.rbt-bg-color-brand-200 .rbt-product-banner-content {
        text-align: center
    }
}

.rbt-banner-curved-style.rbt-banner-has-center-curved-style {
    position: relative
}

.rbt-banner-curved-style.rbt-banner-has-center-curved-style .rbt-banner-center-curved-wrapper {
    position: absolute;
    width: 43%;
    height: 5%;
    background-color: var(--color-white);
    border-radius: 0 0 12px 12px;
    left: 50%;
    transform: translateX(-50%);
    --box-size: 30px;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .rbt-banner-curved-style.rbt-banner-has-center-curved-style .rbt-banner-center-curved-wrapper {
        display: none
    }
}

.rbt-banner-curved-style.rbt-banner-has-center-curved-style .rbt-banner-center-curved-wrapper::before,
.rbt-banner-curved-style.rbt-banner-has-center-curved-style .rbt-banner-center-curved-wrapper:after {
    content: "";
    position: absolute;
    height: var(--box-size);
    width: var(--box-size);
    background: 0 0;
    border-radius: var(--radius-full);
    box-shadow: 15px -15px 0 0 var(--color-white)
}

@media only screen and (max-width: 575px) {

    .rbt-banner-curved-style.rbt-banner-has-center-curved-style .rbt-banner-center-curved-wrapper::before,
    .rbt-banner-curved-style.rbt-banner-has-center-curved-style .rbt-banner-center-curved-wrapper:after {
        display: none
    }
}

.rbt-banner-curved-style.rbt-banner-has-center-curved-style .rbt-banner-center-curved-wrapper::before {
    top: 0;
    right: 100%
}

.rbt-banner-curved-style.rbt-banner-has-center-curved-style .rbt-banner-center-curved-wrapper::after {
    top: 0;
    left: 100%;
    box-shadow: -15px -15px 0 0 var(--color-white)
}

.rbt-banner-curved-style.rbt-banner-has-center-curved-style.rbt-banner-has-top-center-curved-style .rbt-banner-center-curved-wrapper {
    top: 0
}

.rbt-banner-curved-style.rbt-banner-has-center-curved-style.rbt-banner-has-bottom-center-curved-style .rbt-banner-center-curved-wrapper {
    bottom: 0;
    border-radius: 12px 12px 0 0
}

.rbt-banner-curved-style.rbt-banner-has-center-curved-style.rbt-banner-has-bottom-center-curved-style .rbt-banner-center-curved-wrapper::before,
.rbt-banner-curved-style.rbt-banner-has-center-curved-style.rbt-banner-has-bottom-center-curved-style .rbt-banner-center-curved-wrapper:after {
    box-shadow: 15px 15px 0 0 var(--color-white)
}

.rbt-banner-curved-style.rbt-banner-has-center-curved-style.rbt-banner-has-bottom-center-curved-style .rbt-banner-center-curved-wrapper::before {
    top: unset;
    left: unset;
    bottom: 0;
    right: 100%
}

.rbt-banner-curved-style.rbt-banner-has-center-curved-style.rbt-banner-has-bottom-center-curved-style .rbt-banner-center-curved-wrapper::after {
    bottom: 0;
    left: 100%;
    top: unset;
    right: unset;
    box-shadow: -15px 15px 0 0 var(--color-white)
}

.rbt-static-banner {
    border-radius: 12px;
    position: relative;
    overflow: hidden
}

.rbt-static-banner .rbt-banner-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 32px;
    max-width: 511px;
    margin: 0 auto
}

.rbt-static-banner .rbt-banner-content.rbt-banner-content-has-bg-one {
    background-image: url(../images/bg-shape/banner-bg-grid-shape-01.svg)
}

.rbt-static-banner .rbt-banner-content.rbt-banner-content-has-bg-two {
    background-image: url(../images/product-banner/product-banner-bg-borkha-01.webp);
    max-width: unset
}

.rbt-static-banner.rbt-static-banner-var-two .rbt-banner-content {
    padding: 8px
}

.rbt-static-banner.rbt-static-banner-var-two .rbt-product-banner-img img {
    max-height: 688px
}

.rbt-banner-has-top-bottom-flash {
    position: relative
}

.rbt-banner-has-top-bottom-flash::before,
.rbt-banner-has-top-bottom-flash:after {
    content: "";
    position: absolute;
    width: 556px;
    height: 556px;
    filter: blur(135px);
    border-radius: 50%;
    opacity: .3
}

.rbt-banner-has-top-bottom-flash::before {
    right: 0;
    top: 0;
    transform: translate(50%, -50%);
    background: var(--color-secondary)
}

.rbt-banner-has-top-bottom-flash::after {
    left: 0;
    bottom: 0;
    transform: translate(-50%, 50%);
    background: var(--color-primary)
}

.rbt-floating-hero-banner {
    position: relative;
    overflow: hidden
}

.rbt-floating-hero-banner .rbt-desc {
    position: absolute;
    z-index: 2;
    color: var(--color-gray-600);
    max-width: 428px;
    margin-bottom: 0;
    font-size: 18px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-floating-hero-banner .rbt-desc {
        font-size: 16px;
        max-width: 360px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-floating-hero-banner .rbt-desc {
        font-size: 14px;
        max-width: 360px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-floating-hero-banner .rbt-desc {
        font-size: 12px;
        max-width: 250px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-floating-hero-banner .rbt-desc {
        font-size: 12px;
        max-width: 250px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-floating-hero-banner .rbt-desc {
        font-size: 12px;
        max-width: 250px
    }
}

.rbt-floating-hero-banner .rbt-desc.rbt-floating-desc-right-bottom {
    bottom: 18%;
    right: 8%
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-floating-hero-banner .rbt-desc.rbt-floating-desc-right-bottom {
        max-width: 360px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-floating-hero-banner .rbt-desc.rbt-floating-desc-right-bottom {
        max-width: 360px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-floating-hero-banner .rbt-desc.rbt-floating-desc-right-bottom {
        max-width: 250px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-floating-hero-banner .rbt-desc.rbt-floating-desc-right-bottom {
        max-width: 250px;
        right: 0;
        bottom: 10%
    }
}

@media only screen and (max-width: 767px) {
    .rbt-floating-hero-banner .rbt-desc.rbt-floating-desc-right-bottom {
        max-width: 250px;
        right: 0;
        bottom: 10%
    }
}

.rbt-floating-hero-banner .rbt-desc.rbt-floating-desc-right-top {
    top: 13%;
    right: 5%
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-floating-hero-banner .rbt-desc.rbt-floating-desc-right-top {
        top: 5%
    }
}

@media only screen and (max-width: 767px) {
    .rbt-floating-hero-banner .rbt-desc.rbt-floating-desc-right-top {
        top: 5%
    }
}

.rbt-floating-hero-banner .bg-shape-icon {
    position: absolute
}

.rbt-floating-hero-banner .bg-shape-icon.bg-shape-icon-left--50 {
    transform: translate(-50%)
}

@media only screen and (max-width: 1199px) {
    .rbt-floating-hero-banner .bg-shape-icon {
        max-width: 100px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-floating-hero-banner .bg-shape-icon {
        max-width: 48px
    }
}

.grid-product-banner-grp {
    border-radius: 12px;
    position: relative;
    overflow: hidden
}

.rbt-banner-has-bg-icon {
    position: relative
}

.rbt-banner-has-bg-icon .bg-shape-icon {
    position: absolute
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-banner-has-bg-icon .bg-shape-icon {
        max-width: 100px
    }
}

.rbt-banner-has-bg-grid-both {
    position: relative;
    z-index: 1
}

.rbt-banner-has-bg-grid-both::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/bg-shape/bg-grid-line-both-vh-01.webp);
    background-size: 100%;
    z-index: -2
}

.rbt-banner-has-bg-grid-two {
    position: relative;
    z-index: 1
}

.rbt-banner-has-bg-grid-two::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/bg-shape/banner-bg-grid-shape-02.svg);
    z-index: -2
}

.rbt-banner-bg-black-gradient-overlay {
    position: relative
}

.rbt-banner-bg-black-gradient-overlay::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(71, 86, 81, 0) 0, rgba(71, 86, 81, .5) 73.4%)
}

.rbt-product-banner-style-seven {
    border: 0
}

.rbt-product-banner-style-seven .rbt-banner-inner {
    padding: 170px 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-height: 750px
}

@media only screen and (min-width: 2560px) {
    .rbt-product-banner-style-seven .rbt-banner-inner {
        min-height: 85vh
    }
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-product-banner-style-seven .rbt-banner-inner {
        padding: 120px 88px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-product-banner-style-seven .rbt-banner-inner {
        min-height: auto;
        padding: 100px 150px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-banner-style-seven .rbt-banner-inner {
        min-height: auto;
        padding: 80px 100px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner-style-seven .rbt-banner-inner {
        min-height: auto;
        padding: 40px 20px
    }
}

.rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-img img {
    height: 100%;
    width: 100%
}

.rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-img.rbt-product-img-three-template {
    grid-template-columns: repeat(3, 1fr)
}

.rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-img.rbt-product-img-one-template {
    grid-template-columns: repeat(1, 1fr)
}

.rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content {
    position: relative;
    z-index: 1
}

.rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-banner-subtitle-two {
    font-family: var(--font-secondary);
    font-size: 48px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-banner-subtitle-two {
        font-size: 40px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-banner-subtitle-two {
        font-size: 32px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-banner-subtitle-two {
        font-size: 24px
    }
}

.rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-title {
    font-family: var(--font-tertiary);
    font-size: 180px;
    text-transform: uppercase;
    letter-spacing: -3.6px;
    font-weight: var(--f-regular);
    line-height: 1
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-title {
        font-size: 108px;
        letter-spacing: -3px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-title {
        font-size: 80px;
        letter-spacing: -2.6px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-title {
        font-size: 64px;
        letter-spacing: -1.6px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-title {
        font-size: 36px;
        letter-spacing: 0
    }
}

.rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-title.rbt-wider-title {
    letter-spacing: 22%
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-title.rbt-wider-title {
        letter-spacing: 22%
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-title.rbt-wider-title {
        letter-spacing: 22%
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-title.rbt-wider-title {
        letter-spacing: 22%
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner-style-seven .rbt-banner-inner .rbt-product-banner-content .rbt-title.rbt-wider-title {
        letter-spacing: 22%
    }
}

.rbt-product-banner-style-seven.rbt-banner-seven-var-1 .rbt-banner-inner .rbt-product-banner-content .rbt-banner-subtitle-two {
    text-align: center;
    font-family: var(--font-tertiary);
    font-size: 108px;
    font-weight: var(--f-semi-bold);
    line-height: 1;
    color: var(--color-gray-400)
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-product-banner-style-seven.rbt-banner-seven-var-1 .rbt-banner-inner .rbt-product-banner-content .rbt-banner-subtitle-two {
        font-size: 68px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-product-banner-style-seven.rbt-banner-seven-var-1 .rbt-banner-inner .rbt-product-banner-content .rbt-banner-subtitle-two {
        font-size: 44px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-banner-style-seven.rbt-banner-seven-var-1 .rbt-banner-inner .rbt-product-banner-content .rbt-banner-subtitle-two {
        font-size: 32px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner-style-seven.rbt-banner-seven-var-1 .rbt-banner-inner .rbt-product-banner-content .rbt-banner-subtitle-two {
        font-size: 24px
    }
}

.rbt-product-banner-style-seven.rbt-banner-seven-var-1 .rbt-banner-inner .rbt-product-banner-content .rbt-title {
    text-align: center;
    font-family: var(--font-quaternary);
    font-size: 220px;
    font-weight: 800;
    line-height: 1
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-product-banner-style-seven.rbt-banner-seven-var-1 .rbt-banner-inner .rbt-product-banner-content .rbt-title {
        font-size: 152px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-product-banner-style-seven.rbt-banner-seven-var-1 .rbt-banner-inner .rbt-product-banner-content .rbt-title {
        font-size: 130px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-product-banner-style-seven.rbt-banner-seven-var-1 .rbt-banner-inner .rbt-product-banner-content .rbt-title {
        font-size: 88px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-banner-style-seven.rbt-banner-seven-var-1 .rbt-banner-inner .rbt-product-banner-content .rbt-title {
        font-size: 64px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner-style-seven.rbt-banner-seven-var-1 .rbt-banner-inner .rbt-product-banner-content .rbt-title {
        font-size: 48px
    }
}

.rbt-hero-banner-classic {
    min-height: 651px;
    align-items: center;
    display: flex;
    justify-content: center
}

.rbt-hero-banner-classic .rbt-hero-banner-img {
    position: relative
}

.rbt-hero-banner-classic .rbt-hero-banner-img .rbt-hero-banner-shape {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%
}

.rbt-hero-banner-classic .rbt-hero-banner-img .rbt-hero-banner-shape img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.rbt-hero-banner-classic .rbt-hero-banner-content {
    position: relative;
    z-index: 1
}

.rbt-hero-banner-classic .rbt-hero-banner-content .subtitle {
    font-family: var(--font-secondary);
    font-size: 40px;
    line-height: 1;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .rbt-hero-banner-classic .rbt-hero-banner-content .subtitle {
        font-size: 20px
    }
}

.rbt-hero-banner-classic .rbt-hero-banner-content .title {
    font-family: var(--font-quaternary);
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}

.rbt-hero-banner-classic .rbt-hero-banner-content .title.font-size-v2 {
    font-size: 70px
}

@media only screen and (max-width: 767px) {
    .rbt-hero-banner-classic .rbt-hero-banner-content .title {
        font-size: 40px
    }
}

.rbt-hero-banner-classic .rbt-hero-banner-content .rbt-content-shape-star {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    text-align: center
}

@media only screen and (max-width: 479px) {
    .rbt-hero-banner-classic .rbt-hero-banner-content .rbt-content-shape-star {
        height: 100px;
        width: 100px;
        left: 0
    }

    .rbt-hero-banner-classic .rbt-hero-banner-content .rbt-content-shape-star .text {
        font-size: 12px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-hero-banner-classic .rbt-hero-banner-content .rbt-content-shape-star {
        transform: translate(-35%, -40%)
    }
}

.rbt-hero-banner-classic .rbt-hero-banner-content .rbt-content-shape-star.rbt-content-shape-star-right {
    right: 0;
    left: unset;
    transform: translate(35%, -40%)
}

.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 {
    border-radius: var(--radius-big);
    position: relative
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 {
        min-height: 550px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 {
        min-height: 480px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 {
        min-height: unset
    }
}

@media only screen and (max-width: 767px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 {
        min-height: unset
    }
}

.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2::after {
    content: none
}

.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content {
    min-height: 630px;
    padding-top: 32px;
    padding-bottom: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content {
        min-height: unset;
        padding-left: 32px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content {
        min-height: 552px;
        padding-left: 32px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content {
        min-height: 400px
    }
}

.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content .title {
    font-family: var(--font-tertiary);
    margin-bottom: 0;
    font-size: 140px
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content .title {
        font-size: 100px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content .title {
        font-size: 80px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content .title {
        font-size: 48px
    }
}

.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content .title.title-var-2 {
    font-size: 64px;
    line-height: 1.16;
    margin: 0
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content .title.title-var-2 {
        font-size: 52px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content .title.title-var-2 {
        font-size: 40px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content .title.title-var-2 {
        font-size: 36px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content .title.title-var-2 {
        font-size: 28px
    }
}

.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-content .rbt-btn {
    width: fit-content
}

.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-img {
    position: absolute;
    z-index: 1;
    bottom: 0
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-img {
        position: static
    }
}

@media only screen and (max-width: 767px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-img {
        right: 0
    }
}

.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-img img {
    max-height: 664px;
    min-height: 300px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-img img {
        max-height: 556px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-img img {
        max-height: 490px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-hero-banner-img img {
        max-height: 400px
    }
}

.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2 .rbt-banner-bg-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    border-radius: var(--radius-big);
    pointer-events: none;
    object-fit: cover
}

@media only screen and (max-width: 767px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories {
        min-height: max-content;
        justify-content: flex-start
    }
}

.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-banner-bg-img {
    border-radius: 0
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-banner-bg-img img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        max-height: unset;
        min-height: unset
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-img img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        max-height: unset;
        min-height: unset
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-content {
        padding-left: 16px;
        padding-right: 16px;
        min-height: max-content
    }
}

.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-content .rbt-banner-subtitle-two {
    font-family: var(--font-secondary);
    color: var(--color-yellow);
    font-size: 24px;
    font-weight: 700;
    line-height: 100%
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-content .rbt-banner-subtitle-two {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-content .rbt-banner-subtitle-two {
        font-size: 18px
    }
}

.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-content .title {
    color: var(--color-white);
    font-family: var(--font-primary);
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
    text-transform: capitalize;
    margin-top: 16px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-content .title {
        font-size: 44px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-content .title {
        font-size: 38px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-content .title {
        font-size: 30px;
        margin-top: 12px
    }
}

.rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-content .rbt-banner-description {
    color: var(--color-gray-200);
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    margin-top: 16px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-content .rbt-banner-description {
        font-size: 16px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-hero-banner-classic.rbt-hero-banner-classic-var-2.rbt-banner-cleaning-accessories .rbt-hero-banner-content .rbt-banner-description {
        font-size: 15px;
        line-height: 1.35;
        margin-top: 12px
    }
}

.rbt-hero-bg-gradient-green {
    background: linear-gradient(98deg, #fcffa0 .13%, #bbe3ed 100%)
}

.rbt-desc-list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 65px
}

@media only screen and (max-width: 767px) {
    .rbt-desc-list {
        gap: 33px
    }
}

.rbt-desc-list li {
    margin: 0;
    font-size: 26px;
    color: var(--color-heading);
    position: relative
}

@media only screen and (max-width: 767px) {
    .rbt-desc-list li {
        font-size: 16px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-desc-list li {
        font-size: 14px
    }
}

.rbt-desc-list li::before {
    content: "";
    position: absolute;
    left: -33px;
    top: 0;
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, .2)
}

@media only screen and (max-width: 767px) {
    .rbt-desc-list li::before {
        left: -17px
    }
}

.rbt-desc-list li:first-child::before {
    display: none
}

.rbt-desc-list.rbt-desc-list-color-light li {
    color: var(--color-white)
}

.rbt-desc-list.rbt-desc-list-color-light li::before {
    content: "";
    background: rgba(255, 255, 255, .5)
}

.rbt-content-shape-star {
    height: 140px;
    width: 140px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px
}

@media only screen and (max-width: 479px) {
    .rbt-content-shape-star {
        height: 100px;
        width: 100px
    }

    .rbt-content-shape-star .text {
        font-size: 12px
    }
}

.rbt-content-shape-star .rbt-star-shape {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.rbt-content-shape-star .rbt-star-shape svg {
    height: 100%;
    width: 100%
}

.rbt-content-shape-star .text {
    color: var(--color-white);
    font-weight: var(--f-bold);
    font-size: 20px;
    line-height: 1
}

.rbt-products-area-box.rbt-product-area-has-black-bg {
    background: url(../images/bg-shape/product-area-bg-shape-black-friday-01.webp) no-repeat;
    background-size: cover
}

.rbt-product-banner-dark {
    position: relative
}

.rbt-product-banner-dark .rbt-banner-content-area {
    position: absolute;
    bottom: 32px;
    text-align: center;
    width: 100%;
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px
}

.rbt-product-banner-dark.rbt-banner-dark-var-2 .rbt-banner-content-area {
    display: block;
    top: 72px;
    right: 164px;
    width: fit-content
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-product-banner-dark.rbt-banner-dark-var-2 .rbt-banner-content-area {
        top: 40px;
        right: 48px
    }
}

.rbt-product-banner-dark.rbt-banner-dark-var-2 .rbt-content-shape-star {
    position: absolute;
    right: 52px;
    bottom: 88px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-product-banner-dark.rbt-banner-dark-var-2 .rbt-content-shape-star {
        right: 32px;
        bottom: 32px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner-dark.rbt-banner-dark-var-2 .rbt-content-shape-star {
        right: 0;
        top: 0;
        bottom: unset;
        height: 90px;
        width: 90px
    }
}

.rbt-product-discount-banner {
    position: relative
}

.rbt-product-discount-banner .rbt-discount-thumbnail {
    max-height: 436px;
    width: 100%
}

.rbt-product-discount-banner .rbt-product-img {
    position: absolute;
    right: 216px;
    top: 50%;
    transform: translateY(-50%);
    max-height: 590px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-product-discount-banner .rbt-product-img {
        max-height: 408px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-product-discount-banner .rbt-product-img {
        right: 184px;
        max-height: 372px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-product-discount-banner .rbt-product-img {
        right: 136px;
        max-height: 310px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-discount-banner .rbt-product-img {
        right: 104px;
        max-height: 248px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-discount-banner .rbt-product-img {
        right: 44px;
        max-height: 124px
    }
}

.rbt-text-gradient-golden {
    background: linear-gradient(90deg, #b37e12 0, #efce6a 49.95%, #cd9d34 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-text-gradient-secondary {
    background: linear-gradient(90deg, #fe3d06 0, #f1a800 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-has-bg-event-shape {
    background: url(../images/bg-shape/product-area-bg-shape-black-friday-02.webp);
    background-repeat: no-repeat;
    background-size: cover
}

.rbt-edge-shape-bottom {
    display: none
}

.rbt-has-edge-shape-bottom {
    position: relative
}

.rbt-has-edge-shape-bottom .rbt-edge-shape-bottom {
    display: block;
    position: absolute;
    top: calc(100% - 50px);
    z-index: 1
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-has-edge-shape-bottom .rbt-edge-shape-bottom {
        top: calc(100% - 36px)
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-has-edge-shape-bottom .rbt-edge-shape-bottom {
        top: calc(100% - 28px)
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-has-edge-shape-bottom .rbt-edge-shape-bottom {
        top: calc(100% - 20px)
    }
}

@media only screen and (max-width: 767px) {
    .rbt-has-edge-shape-bottom .rbt-edge-shape-bottom {
        top: calc(100% - 10px)
    }
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-cyber-monday-hero-section-area .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two-larger .rbt-product-banner-content {
        min-height: 370px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cyber-monday-hero-section-area .rbt-product-banner.rbt-product-banner-style-four.rbt-banner-four-var-two-larger .rbt-product-banner-content {
        min-height: 370px
    }
}

.rbt-laptop-hero-section-area .rbt-banner-title {
    font-size: 88px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .rbt-laptop-hero-section-area .rbt-banner-title {
        font-size: var(--h3)
    }
}

.rbt-mobile-hero-section-area .hero-img {
    position: relative
}

.rbt-mobile-hero-section-area .hero-img .icon-img {
    position: absolute
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-mobile-hero-section-area .hero-img .icon-img {
        width: 70px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-mobile-hero-section-area .hero-img .icon-img {
        width: 100px
    }
}

.rbt-mobile-hero-section-area .hero-img .icon-img-01 {
    top: 80px;
    right: 0
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-mobile-hero-section-area .hero-img .icon-img-01 {
        top: 20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-mobile-hero-section-area .hero-img .icon-img-01 {
        top: 50px
    }
}

.rbt-mobile-hero-section-area .hero-img .icon-img-02 {
    bottom: -111px;
    left: 40px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-mobile-hero-section-area .hero-img .icon-img-02 {
        bottom: -20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-mobile-hero-section-area .hero-img .icon-img-02 {
        bottom: -50px
    }
}

.rbt-product-banner-m-01 {
    margin-top: 385px;
    position: relative;
    overflow: visible !important
}

@media only screen and (max-width: 1199px) {
    .rbt-product-banner-m-01 {
        margin-top: 60px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-product-banner-m-01 {
        margin-top: 100px
    }
}

.rbt-product-banner-m-01 .rbt-banner-img {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1
}

@media only screen and (max-width: 1199px) {
    .rbt-product-banner-m-01 .rbt-banner-img img {
        width: 337px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-product-banner-m-01 .rbt-banner-img img {
        width: 400px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-banner-m-01 .rbt-banner-img img {
        width: 200px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-banner .rounded-player[data-rbt-position-horigental] {
        left: 85%
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner .rounded-player[data-rbt-position-horigental] {
        left: 80%
    }
}

.rbt-wider-container {
    max-width: 1622px;
    margin-left: auto;
    margin-right: auto;
    padding: 56px 116px;
    background: var(--color-gray-light);
    border-radius: var(--radius-12)
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-wider-container {
        padding: 32px;
        margin: 0 12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-wider-container {
        padding: 32px;
        margin: 0 12px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-wider-container {
        padding: 20px 20px;
        margin: 0 8px
    }
}

.rbt-kids-hero-section-area .rbt-wider-container {
    background: url(../images/product-banner/product-banner-bg-kids-cloth.webp);
    background-repeat: no-repeat;
    background-size: 100% 250%;
    border-radius: var(--radius-12) var(--radius-12) 0 0
}

.rbt-product-banner.rbt-product-banner-style-six {
    border: none
}

.rbt-product-banner.rbt-product-banner-style-six .rbt-banner-content .rbt-banner-subtitle {
    font-size: var(--h4);
    line-height: 1.5;
    font-weight: var(--f-regular)
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-six .rbt-banner-content .rbt-banner-subtitle {
        font-size: var(--h6)
    }
}

.rbt-product-banner.rbt-product-banner-style-six .rbt-banner-content .rbt-banner-title {
    font-size: 64px;
    line-height: 1.16;
    margin: 0
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-product-banner.rbt-product-banner-style-six .rbt-banner-content .rbt-banner-title {
        font-size: 52px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-product-banner.rbt-product-banner-style-six .rbt-banner-content .rbt-banner-title {
        font-size: 40px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-banner.rbt-product-banner-style-six .rbt-banner-content .rbt-banner-title {
        font-size: 36px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner.rbt-product-banner-style-six .rbt-banner-content .rbt-banner-title {
        font-size: 28px
    }
}

.rbt-product-banner.rbt-product-banner-style-six .rbt-banner-content .rbt-banner-description {
    font-size: var(--h6);
    margin-bottom: 32px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-product-banner.rbt-product-banner-style-six .rbt-banner-content .rbt-banner-description {
        font-size: var(--font-size-b1)
    }
}

.rbt-product-banner.rbt-product-banner-style-six .rbt-banner-content .rbt-banner-btn-grp {
    display: flex;
    gap: 16px;
    flex-wrap: wrap
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-banner.rbt-product-banner-style-six .rbt-banner-content .rbt-banner-btn-grp {
        gap: 8px
    }
}

.rbt-fashion-hero-section-area .rbt-gray-contain-box {
    padding-top: 116px;
    padding-bottom: 116px;
    min-height: 590px;
    background: url(../images/product-banner/product-banner-fashion-3-bg.webp);
    background-size: cover
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-fashion-hero-section-area .rbt-gray-contain-box {
        min-height: auto
    }
}

@media only screen and (min-width: 1200px) {
    .rbt-fashion-hero-section-area .rbt-gray-contain-box {
        background-size: 100% 100%
    }
}

.rbt-fashion-hero-section-area .rbt-gray-contain-box .rbt-banner-img {
    position: absolute;
    top: 0;
    left: 40%;
    max-height: 711px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-fashion-hero-section-area .rbt-gray-contain-box .rbt-banner-img {
        left: auto;
        right: 0;
        max-height: 420px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-fashion-hero-section-area .rbt-gray-contain-box .rbt-banner-img {
        max-height: 400px
    }
}

@media only screen and (max-width: 575px) {
    .rbt-fashion-hero-section-area .rbt-gray-contain-box .rbt-banner-img {
        left: 50%;
        transform: translateX(-50%)
    }
}

.rbt-fashion-hero-section-area .rbt-gray-contain-box .rbt-banner-btn-grp {
    margin-top: 24px
}

@media only screen and (min-width: 1200px) {
    .rbt-fashion-hero-section-area .rbt-gray-contain-box .rbt-banner-btn-grp .rbt-btn {
        position: absolute;
        top: 150%;
        right: 0
    }
}

.rbt-tennis-hero-section-area .rbt-banner-media {
    height: 100%
}

.rbt-tennis-hero-section-area .rbt-banner-media img {
    object-fit: cover;
    height: 100%
}

.rbt-tennis-hero-section-area .rbt-banner-content {
    height: 100%
}

.rbt-tennis-hero-section-area .rbt-banner-content .rbt-product-slider-activation-1 {
    height: 100%
}

.rbt-large-product-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.rbt-large-product-card figure {
    max-width: 600px;
    max-height: 590px;
    margin: auto
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-large-product-card figure {
        max-height: 348px
    }
}

.rbt-large-product-card figure img {
    max-height: 100%
}

.rbt-large-product-card .rbt-product-card-content {
    padding: 24px 32px;
    background: var(--color-brand-100);
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

@media only screen and (max-width: 767px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-large-product-card .rbt-product-card-content {
        flex-direction: column;
        text-align: center;
        gap: 8px
    }
}

.rbt-large-product-card .rbt-product-card-content .rbt-card-element .rbt-card-title {
    margin: 0
}

.rbt-large-product-card .rbt-product-card-content .pricing-part del.price-text {
    font-size: var(--h6)
}

.rbt-large-product-card .rbt-product-card-content .pricing-part .price-text {
    font-size: var(--h5)
}

.rbt-large-product-card .rbt-product-card-content .pricing-part .rbt-offer-badge {
    font-size: var(--font-size-b4)
}

.rbt-product-banner-var-classic {
    position: relative;
    padding: 252px 0 144px
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-product-banner-var-classic {
        padding: 188px 0 108px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-banner-var-classic {
        padding: 168px 0 80px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner-var-classic {
        padding: 116px 0 24px
    }
}

.rbt-product-banner-var-classic .rbt-hero-banner-content {
    position: relative;
    z-index: 1
}

.rbt-product-banner-var-classic .rbt-hero-banner-content .subtitle {
    font-size: var(--h1);
    font-weight: var(--f-bold);
    color: var(--color-extra-eight)
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-banner-var-classic .rbt-hero-banner-content .subtitle {
        font-size: var(--h2)
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner-var-classic .rbt-hero-banner-content .subtitle {
        font-size: var(--h4)
    }
}

.rbt-product-banner-var-classic .rbt-hero-banner-content .title {
    font-size: 140px;
    font-weight: var(--f-bold);
    color: var(--color-white);
    line-height: 1
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-product-banner-var-classic .rbt-hero-banner-content .title {
        font-size: 108px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-banner-var-classic .rbt-hero-banner-content .title {
        font-size: 88px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner-var-classic .rbt-hero-banner-content .title {
        font-size: 52px
    }
}

.rbt-product-banner-var-classic .rbt-hero-banner-content .rbt-desc-list li {
    color: var(--color-white)
}

.rbt-product-banner-var-classic .rbt-hero-banner-content .rbt-desc-list li::before {
    background: var(--color-white)
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-banner-var-classic .rbt-hero-banner-content .rbt-desc-list li {
        font-size: var(--h5)
    }
}

.rbt-product-banner-var-classic .rbt-hero-banner-content .rbt-content-shape {
    position: absolute;
    top: -16px;
    left: -100px
}

@media only screen and (max-width: 767px) {
    .rbt-product-banner-var-classic .rbt-hero-banner-content .rbt-content-shape {
        left: -10px
    }
}

.rbt-product-banner-var-classic .rbt-hero-bg-image {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover
}

@media only screen and (min-width: 992px) and (max-width:1199px) {

    .rbt-cosmetic-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content,
    .rbt-headphone-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content,
    .rbt-hijab-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content,
    .rbt-jewellery-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content,
    .rbt-paddle-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content,
    .rbt-tea-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content {
        padding: 132px 150px 100px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {

    .rbt-cosmetic-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content,
    .rbt-headphone-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content,
    .rbt-hijab-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content,
    .rbt-jewellery-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content,
    .rbt-paddle-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content,
    .rbt-tea-hero-section-area .rbt-product-banner-style-four.rbt-product-banner-style-four-hv-one .rbt-product-banner-content {
        padding: 120px 20px 60px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-black-friday-hero-section-area .rbt-product-banner-content {
        padding: 88px 0 0
    }
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-dog-hero-section-area .rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger-static .rbt-product-banner-content {
        min-height: 555px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-dog-hero-section-area .rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger-static .rbt-product-banner-content {
        min-height: 432px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-dog-hero-section-area .rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger-static .rbt-product-banner-content {
        min-height: 400px;
        padding: 70px 80px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-dog-hero-section-area .rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger-static .rbt-product-banner-content {
        min-height: 380px;
        padding: 32px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-dog-hero-section-area .rbt-product-banner-style-four.rbt-banner-four-var-two.rbt-banner-four-var-two-larger-static .rbt-product-banner-content {
        min-height: 380px;
        padding: 32px
    }
}

.rbt-dog-hero-section-area .rbt-product-banner-style-four.rbt-banner-four-var-two .rbt-product-img img {
    object-fit: contain
}

.rbt-hero-slider-banner.has-rounded-banner img {
    border-radius: 16px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-hero-slider-banner.has-rounded-banner img {
        border-radius: 12px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-hero-slider-banner.has-rounded-banner img {
        border-radius: 8px
    }
}

.rbt-hero-slider-banner.rbt-has-min-height img {
    min-height: 320px;
    object-fit: cover
}

.rbt-product-promo-banner-area img {
    transition: var(--transition)
}

.rbt-product-promo-banner-area:hover img {
    transform: scale(1.02)
}

.rbt-toolbar {
    position: sticky;
    inset-inline: 0;
    bottom: -2px;
    z-index: 350;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    background-color: var(--color-white);
    box-shadow: 0 0 9px rgba(0, 0, 0, .12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: all .3s ease-in-out
}

.rbt-toolbar.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.rbt-toolbar .rbt-quick-access {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 5px;
    height: 55px
}

.rbt-toolbar .rbt-quick-access>li {
    width: 100%
}

.rbt-toolbar .rbt-quick-access>li .rbt-round-btn {
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: center;
    align-items: center;
    line-height: 36px;
    font-size: 14px;
    width: 100%;
    height: 100%;
    border-radius: var(--radius)
}

.rbt-toolbar .rbt-quick-access>li .rbt-round-btn i {
    color: var(--color-gray-600)
}

.rbt-toolbar .rbt-quick-access>li .rbt-round-btn::after {
    background: var(--color-gray-200);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: -2px;
    opacity: 0;
    transform: scale(.8);
    border-radius: var(--radius);
    z-index: -1;
    display: none
}

.rbt-toolbar .rbt-quick-access>li .rbt-round-btn .access-box-count {
    top: -5px;
    left: calc(50% + 3px);
    width: 15px;
    min-width: 15px;
    line-height: 15px;
    height: 15px
}

.rbt-toolbar .rbt-quick-access>li .rbt-round-btn .rbt-toolbar-label {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

.rbt-toolbar .rbt-quick-access>li:hover .rbt-round-btn {
    color: var(--color-primary);
    background: 0 0
}

.rbt-toolbar .rbt-quick-access>li:hover .rbt-round-btn i {
    color: var(--color-primary)
}

.rbt-toolbar .rbt-quick-access>li:hover .rbt-round-btn::after {
    transform: scale(1.08);
    opacity: 1
}

.mfp-bg {
    z-index: 9999
}

.mfp-wrap {
    z-index: 9999
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0
}

html.picture {
    margin: 0 !important
}

img.mfp-img {
    padding-bottom: 0
}

.mfp-bg {
    background: rgba(0, 0, 0, .7);
    backdrop-filter: blur(5px);
    opacity: 1
}

.mfp-iframe-scaler iframe {
    border-radius: 10px
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 1
}

.mfp-iframe-holder .mfp-close,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    top: -60px;
    right: -50px;
    font-size: 30px;
    font-weight: 400;
    transition: .4s;
    opacity: 1;
    width: 50px;
    height: 50px;
    background: rgba(25, 35, 53, .3137254902);
    text-align: center;
    border-radius: var(--radius-full);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    color: var(--color-white)
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    top: -10px;
    right: -50px
}

.rbt-vedio-section.rbt-vedio-section-style-one {
    position: relative;
    overflow: hidden;
    z-index: 2
}

.rbt-vedio-section.rbt-vedio-section-style-one .rbt-title {
    font-size: var(--font-size-xl);
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 32px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-vedio-section.rbt-vedio-section-style-one .rbt-title {
        font-size: 40px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-vedio-section.rbt-vedio-section-style-one .rbt-title {
        font-size: 36px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-vedio-section.rbt-vedio-section-style-one .rbt-title {
        font-size: 24px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-vedio-section.rbt-vedio-section-style-one .rbt-title {
        font-size: 20px
    }
}

.rbt-vedio-section.rbt-vedio-section-style-one .rbt-vedio-sm-img {
    position: absolute;
    max-width: 180px;
    height: auto
}

@media only screen and (max-width: 767px) {
    .rbt-vedio-section.rbt-vedio-section-style-one .rbt-vedio-sm-img {
        max-width: 60px
    }
}

.rbt-vedio-section.rbt-vedio-section-style-one .rbt-vedio-sm-img.rbt-vedio-sm-img-1 {
    z-index: -2
}

.rbt-vedio-section.rbt-vedio-section-style-one .rbt-vedio-sm-img.rbt-vedio-sm-img-2 {
    z-index: -3;
    max-width: 150px
}

.rbt-vedio-section.rbt-vedio-section-style-one .rbt-vedio-sm-img.rbt-vedio-sm-img-3 {
    z-index: -1;
    max-width: 130px
}

.rbt-vedio-section.rbt-vedio-section-style-one .rbt-vedio-sm-img.rbt-vedio-sm-img-4 {
    z-index: -3;
    max-width: 150px
}

.rbt-vedio-section.rbt-vedio-section-style-one .rbt-vedio-sm-img.rbt-vedio-sm-img-5 {
    z-index: -1;
    max-width: 150px
}

.rbt-vedio-section.rbt-vedio-section-style-one .rbt-vedio-sm-img.rbt-vedio-sm-img-6 {
    z-index: -2;
    max-width: 150px
}

.fancybox__slide.has-image>.fancybox__content {
    background: var(--color-brand-50)
}

.f-thumbs__slide__button {
    background: var(--color-brand-50);
    border-radius: 6px;
    overflow: hidden
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
    border-color: var(--color-primary);
    border-radius: 6px
}

.is-classic .f-thumbs__slide__button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: 2px solid var(--color-gray-200);
    border-radius: 6px;
    animation: f-fadeIn .2s ease-out;
    z-index: 10
}

.fancybox__infobar {
    font-size: var(--font-size-b1)
}

.rbt-pagination {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0
}

.rbt-pagination li {
    position: relative;
    margin: 0;
    width: 48px;
    height: 48px;
    background: var(--color-brand-100);
    border-radius: var(--radius-full);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .rbt-pagination li {
        width: 40px;
        height: 40px
    }
}

.rbt-pagination li a {
    width: calc(100% - 8px) !important;
    height: calc(100% - 8px) !important;
    text-align: center;
    color: var(--color-heading);
    transition: .4s;
    font-weight: var(--f-medium);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    border-radius: var(--radius-full);
    position: relative;
    z-index: 2
}

.rbt-pagination li a i {
    font-size: 18px;
    font-weight: var(--f-medium)
}

.rbt-pagination li a.active,
.rbt-pagination li a:hover {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-pagination li+li::before {
    content: "";
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/pagination/pagination-mid-01.svg);
    width: 22px;
    height: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.rbt-pagination.rbt-pagination-sm li {
    height: 36px;
    width: 36px
}

.rbt-pagination.rbt-pagination-sm li a {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    height: calc(100% - 6px);
    width: calc(100% - 6px)
}

.rbt-pagination.rbt-pagination-sm li a i {
    font-size: var(--font-size-b4)
}

.rbt-pagination.rbt-pagination-sm li+li::before {
    left: -10px;
    width: 15px;
    height: 10px
}

.rbt-nav-effect-activation .rbt-pagination li a.active,
.rbt-nav-effect-activation .rbt-pagination li a:hover {
    background: 0 0;
    background-color: transparent;
    color: var(--color-heading)
}

.rbt-nav-effect-activation .rbt-pagination.rbt-pagination-bg-brand li {
    background: var(--color-brand-200)
}

.rbt-nav-effect-activation .rbt-pagination.rbt-pagination-bg-brand li a {
    color: var(--color-primary)
}

.rbt-nav-effect-activation .rbt-pagination.rbt-pagination-bg-brand li a.active,
.rbt-nav-effect-activation .rbt-pagination.rbt-pagination-bg-brand li a:hover {
    background: 0 0;
    background-color: transparent;
    color: var(--color-white)
}

.rbt-nav-effect-activation .rbt-pagination.rbt-pagination-bg-brand li a:hover {
    color: var(--color-brand-500)
}

.rbt-nav-effect-activation .rbt-pagination.rbt-pagination-bg-brand li+li::before {
    background-image: url(../images/pagination/pagination-mid-02.svg);
    transform: translateY(-50%);
    height: 24px
}

.rbt-nav-effect-activation .rbt-pagination-bg-highlight {
    background: var(--color-white);
    border-radius: 50%
}

.rbt-nav-effect-activation .rbt-pagination-bg-highlight.rbt-pagination-bg-highlight-brand {
    background: var(--color-primary)
}

.rbt-curved-style-box {
    -webkit-mask-position: 0 0;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    background-image: url(../images/system/banner-mask-right-top-cut.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-mask-image: url(../images/system/banner-mask-right-top-cut.webp);
    mask-image: url(../images/system/banner-mask-right-top-cut.webp);
    border: 0
}

@media only screen and (max-width: 1199px) {
    .rbt-curved-style-box {
        -webkit-mask-image: none;
        mask-image: none;
        background-image: none
    }
}

.rbt-catagories-section.rbt-catagories-section-bg-one.rbt-curved-style-box {
    padding: 30px;
    margin: 0 -30px;
    width: calc(100% + 64px);
    -webkit-mask-image: url(../images/system/catagory-mask-right-top-cut.webp);
    mask-image: url(../images/system/catagory-mask-right-top-cut.webp);
    background-image: url(../images/system/catagory-mask-right-top-cut.webp)
}

@media only screen and (max-width: 1199px) {
    .rbt-catagories-section.rbt-catagories-section-bg-one.rbt-curved-style-box {
        padding: 0;
        margin: 0;
        width: 100%;
        -webkit-mask-image: none;
        mask-image: none;
        background-image: none
    }
}

.rbt-cat-box.rbt-catagories-img-bg.rbt-curved-style-box {
    -webkit-mask-image: url(../images/system/catagory-img-mask-right-top-cut.webp);
    mask-image: url(../images/system/catagory-img-mask-right-top-cut.webp);
    background-image: url(../images/system/catagory-img-mask-right-top-cut.webp)
}

@media only screen and (max-width: 1199px) {
    .rbt-cat-box.rbt-catagories-img-bg.rbt-curved-style-box {
        -webkit-mask-image: none;
        mask-image: none;
        background-image: none
    }
}

.rbt-product-card.rbt-list-view-variation .rbt-curved-style-box {
    -webkit-mask-image: url(../images/system/sm-list-product-mask-right-top-cut.webp);
    mask-image: url(../images/system/sm-list-product-mask-right-top-cut.webp);
    background-image: url(../images/system/sm-list-product-mask-right-top-cut.webp)
}

@media only screen and (max-width: 1199px) {
    .rbt-product-card.rbt-list-view-variation .rbt-curved-style-box {
        -webkit-mask-image: none;
        mask-image: none;
        background-image: none
    }
}

.rbt-product-banner.rbt-product-banner-style-one .rbt-banner-inner.rbt-curved-style-box {
    -webkit-mask-image: url(../images/system/banner-mask-right-top-cut-2.webp);
    mask-image: url(../images/system/banner-mask-right-top-cut-2.webp);
    background-image: url(../images/system/banner-mask-right-top-cut-2.webp)
}

@media only screen and (max-width: 1199px) {
    .rbt-product-banner.rbt-product-banner-style-one .rbt-banner-inner.rbt-curved-style-box {
        -webkit-mask-image: none;
        mask-image: none;
        background-image: none
    }
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-curved-style-box {
    -webkit-mask-image: url(../images/system/product-folder-shape-mask-01.webp);
    mask-image: url(../images/system/product-folder-shape-mask-01.webp);
    background-image: url(../images/system/product-folder-shape-mask-01.webp)
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-curved-style-box.rbt-curved-style-box-2 {
    -webkit-mask-image: url(../images/system/product-folder-shape-mask-02.webp);
    mask-image: url(../images/system/product-folder-shape-mask-02.webp);
    background-image: url(../images/system/product-folder-shape-mask-02.webp)
}

.rbt-product-banner.rbt-product-banner-style-two.rbt-curved-style-box {
    -webkit-mask-image: url(../images/system/banner-mask-right-top-cut-03.webp);
    mask-image: url(../images/system/banner-mask-right-top-cut-03.webp);
    background-image: url(../images/system/banner-mask-right-top-cut-03.webp)
}

@media only screen and (max-width: 1199px) {
    .rbt-product-banner.rbt-product-banner-style-two.rbt-curved-style-box {
        -webkit-mask-image: none;
        mask-image: none;
        background-image: none
    }
}

.rbt-fshape-box-outline-style .rbt-component-section-title {
    margin: 0;
    display: inline-block;
    padding: 12px 8px 0 32px;
    background: var(--color-gray-light);
    border: 0;
    border-top: 2px solid var(--color-brand-100);
    border-left: 2px solid var(--color-brand-100);
    border-radius: 18px 0 0 0;
    margin-bottom: -2px;
    position: relative;
    max-width: 80%
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (max-width:767px) {
    .rbt-fshape-box-outline-style .rbt-component-section-title {
        padding: 12px 16px 0 16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (max-width:767px) {
    .rbt-fshape-box-outline-style .rbt-component-section-title {
        padding: 12px 16px 12px 16px;
        width: 100%;
        max-width: 100%;
        border-radius: 12px 12px 0 0;
        border-right: 2px solid var(--color-brand-100);
        text-align: center
    }
}

.rbt-fshape-box-outline-style .rbt-component-section-title .rbt-fshape-right-portion {
    position: absolute;
    top: -2px;
    left: 100%;
    width: 52px;
    height: calc(100% + 2px)
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (max-width:767px) {
    .rbt-fshape-box-outline-style .rbt-component-section-title .rbt-fshape-right-portion {
        display: none
    }
}

.rbt-fshape-box-outline-style .rbt-component-section-title .rbt-fshape-right-portion.rbt-fshape-right-portion-sm {
    width: 48px
}

.rbt-fshape-box-outline-style .rbt-component-section-title .rbt-fshape-right-portion svg {
    height: 100%;
    width: 100%;
    display: inline-block
}

.rbt-fshape-box-outline-style .rbt-fshape-box {
    padding: 32px;
    background: 0 0;
    border: 2px solid var(--color-brand-100);
    border-radius: 0 var(--radius-big) var(--radius-big) var(--radius-big)
}

.rbt-fshape-box-outline-style .rbt-fshape-box.rbt-fshape-box-py-inc {
    padding: 32px
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (max-width:767px) {
    .rbt-fshape-box-outline-style .rbt-fshape-box.rbt-fshape-box-py-inc {
        padding: 16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (max-width:767px) {
    .rbt-fshape-box-outline-style .rbt-fshape-box {
        padding: 16px;
        border-radius: 0 0 var(--radius-big) var(--radius-big);
        padding-top: 0
    }
}

@media only screen and (max-width: 479px) {
    .rbt-fshape-box-outline-style .rbt-fshape-box {
        padding: 8px;
        padding-top: 0
    }
}

.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-bg-white .rbt-component-section-title {
    background: var(--color-white)
}

.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-bg-white .rbt-fshape-box {
    background: var(--color-white)
}

.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-bg-dark .rbt-component-section-title {
    background: var(--color-extra-ten);
    border-color: var(--color-extra-nine)
}

.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-bg-dark .rbt-fshape-box {
    background: var(--color-extra-ten);
    border-color: var(--color-extra-nine)
}

.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-bg-dark .rbt-card-row-has-top-separator .rbt-card {
    border-color: var(--color-extra-nine)
}

.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-bg-dark .rbt-card-row-has-top-separator .rbt-card .rbt-card-title {
    color: var(--color-white)
}

.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-bg-dark .rbt-card-row-has-top-separator .rbt-card .rbt-card-title:hover a {
    color: var(--color-gray-200)
}

.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-sm-size .rbt-component-section-title {
    padding: 12px 24px 0 24px;
    margin-left: 0;
    margin-bottom: -3px
}

.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-sm-size .rbt-component-section-title .rbt-title {
    font-size: 18px;
    line-height: 1.8
}

@media only screen and (max-width: 575px) {
    .rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-sm-size .rbt-component-section-title .rbt-title {
        font-size: 16px;
        line-height: 1.8
    }
}

.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-sm-size .rbt-component-section-title::after {
    width: 38px
}

.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-sm-size .rbt-fshape-box {
    padding: 24px;
    border-radius: 0 var(--radius-big) var(--radius-big) var(--radius-big)
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-sm-size .rbt-fshape-box {
        border-radius: 0 0 var(--radius-12) var(--radius-12)
    }
}

@media only screen and (max-width: 767px) {
    .rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-sm-size .rbt-fshape-box {
        border-radius: 0 0 var(--radius-12) var(--radius-12);
        padding: 16px
    }
}

.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-extend-width .rbt-component-section-title {
    margin-left: -32px
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-extend-width .rbt-component-section-title {
        margin-left: -16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-extend-width .rbt-component-section-title {
        margin: 0;
        margin-bottom: -2px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-extend-width .rbt-component-section-title {
        margin: 0;
        margin-bottom: -2px
    }
}

.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-extend-width .rbt-fshape-box {
    margin: 0 -32px
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-extend-width .rbt-fshape-box {
        margin: 0 -16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-extend-width .rbt-fshape-box {
        margin: 0;
        border-radius: 0 0 var(--radius-12) var(--radius-12)
    }
}

@media only screen and (max-width: 767px) {
    .rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-extend-width .rbt-fshape-box {
        margin: 0;
        border-radius: 0 0 var(--radius-12) var(--radius-12)
    }
}

.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-primary-stroke .rbt-component-section-title {
    border-color: var(--color-primary)
}

.rbt-fshape-box-outline-style.rbt-fshape-box-outline-style-primary-stroke .rbt-fshape-box {
    border-color: var(--color-primary)
}

.rbt-product-fshape-box-outline-style {
    position: relative
}

.rbt-product-fshape-box-outline-style .rbt-offer-countdown-section {
    position: absolute;
    right: 0;
    top: 32px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-fshape-box-outline-style .rbt-offer-countdown-section {
        left: 0;
        top: 0
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-fshape-box-outline-style .rbt-offer-countdown-section {
        position: relative;
        top: 0;
        left: 0;
        border-left: 2px solid var(--color-brand-100);
        border-right: 2px solid var(--color-brand-100);
        padding-bottom: 18px;
        margin-bottom: -2px;
        background: var(--color-white)
    }

    .rbt-product-fshape-box-outline-style .rbt-offer-countdown-section.rbt-offer-countdown-section-primary {
        background: var(--color-gray-light);
        border-color: var(--color-primary)
    }
}

.rbt-fshape-row.position-relative .rbt-link.position-absolute {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: auto
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (max-width:767px) {
    .rbt-fshape-row.position-relative .rbt-link.position-absolute {
        right: 32px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-fshape-row.position-relative .rbt-link.position-absolute {
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4)
    }
}

.rbt-fshape-box.rbt-bg-color-gray-light .rbt-discount-badge::after {
    background: var(--color-gray-light)
}

.rbt-timeline.rbt-timeline-style-one {
    padding: 0 28px
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (max-width:767px) {
    .rbt-timeline.rbt-timeline-style-one {
        display: flex;
        flex-wrap: wrap;
        gap: 24px
    }
}

.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element {
    display: flex;
    gap: 144px;
    align-items: center;
    position: relative;
    z-index: 1;
    transition: var(--transition)
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (max-width:767px) {
    .rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element {
        flex-wrap: wrap;
        gap: 24px
    }
}

.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    background-image: linear-gradient(var(--color-brand-300) 33%, rgba(255, 255, 255, 0) 0);
    background-position: right;
    background-size: 2px 20px;
    background-repeat: repeat-y;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -2
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (max-width:767px) {
    .rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element::after {
        opacity: 0;
        visibility: hidden
    }
}

.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element:first-child::after {
    height: 50%;
    top: 50%
}

.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element:last-child::after {
    height: 50%
}

.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element .rbt-timeline-image {
    flex-basis: 45%;
    border-radius: 12px;
    position: relative;
    overflow: hidden
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (max-width:767px) {
    .rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element .rbt-timeline-image {
        flex-basis: 100%
    }
}

.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element .rbt-timeline-image img {
    transition: var(--transition)
}

.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element .rbt-timeline-content {
    flex-basis: 45%
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (max-width:767px) {
    .rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element .rbt-timeline-content {
        flex-basis: 100%;
        order: 2
    }
}

.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element .rbt-timeline-content .rbt-timeline-count-digit {
    height: 64px;
    width: 64px;
    border-radius: var(--radius-full);
    font-size: var(--h5);
    line-height: 1.1;
    background: var(--color-brand-300);
    color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: var(--transition)
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (max-width:767px) {
    .rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element .rbt-timeline-content .rbt-timeline-count-digit {
        position: static;
        margin-bottom: 12px;
        transform: none
    }
}

.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element .rbt-timeline-content .rbt-timeline-title {
    margin-bottom: 24px
}

.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element .rbt-timeline-content .rbt-timeline-infolist li {
    margin: 12px 0
}

.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element .rbt-timeline-content .rbt-timeline-infolist li::marker {
    color: var(--color-primary);
    font-size: 16px;
    line-height: 1.5
}

.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element:hover .rbt-timeline-count-digit {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-timeline.rbt-timeline-style-one .rbt-timeline-single-element:hover .rbt-timeline-image img {
    transform: scale(1.02)
}

.rbt-img-peeker-list-single.rbt-has-show-more .rbt-has-show-more-inner-content {
    max-height: 420px
}

.rbt-img-peeker-list,
.rbt-list-card-box-one {
    max-height: 460px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px
}

.rbt-img-peeker-list::-webkit-scrollbar-track,
.rbt-list-card-box-one::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: var(--color-gray-50);
    border-radius: 40px;
    height: 337px
}

.rbt-img-peeker-list::-webkit-scrollbar,
.rbt-list-card-box-one::-webkit-scrollbar {
    width: 4px;
    height: 337px;
    background-color: var(--color-gray-50)
}

.rbt-img-peeker-list::-webkit-scrollbar-thumb,
.rbt-list-card-box-one::-webkit-scrollbar-thumb {
    border-radius: 40px;
    background-color: var(--color-gray-300)
}

.rbt-img-peeker-list .rbt-product-card.rbt-list-view-variation.list-view-md .rbt-card-body,
.rbt-list-card-box-one .rbt-product-card.rbt-list-view-variation.list-view-md .rbt-card-body {
    padding: 0
}

.rbt-products-comparison-area .rbt-list-card-box-one.rbt-has-show-more .rbt-has-show-more-inner-content {
    max-height: 420px
}

.rbt-img-peeker-list {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media only screen and (max-width: 767px) {
    .rbt-img-peeker-list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px
    }

    .rbt-img-peeker-list .rbt-img-peeker-single {
        flex-basis: 48%;
        display: flex
    }
}

.rbt-img-peeker-single a {
    display: block;
    position: relative
}

.rbt-img-peeker-single a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, .4) 100%);
    left: 0;
    top: 0
}

.rbt-img-peeker-single a img {
    border-radius: 16px;
    border: 3px solid transparent;
    object-fit: cover;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .rbt-img-peeker-single a img {
        border-radius: 8px
    }
}

.rbt-img-peeker-single a.active::after {
    display: none
}

.rbt-img-peeker-single a.active img {
    border-color: var(--color-primary)
}

.rbt-img-comparison-single img {
    vertical-align: bottom;
    max-width: 100%;
    height: auto
}

.rbt-img-comparison-single .rbt-block--comparison {
    overflow: hidden
}

.rbt-img-comparison-single .rbt-block--comparison .rbt-block__image {
    --range: 50%;
    display: grid
}

.rbt-img-comparison-single .rbt-block--comparison .rbt-block__img {
    grid-column: -1/1;
    grid-row: -1/1;
    overflow: hidden
}

.rbt-img-comparison-single .rbt-block__img--last {
    box-shadow: 0 0 10px rgba(0, 0, 0, .9);
    transform: translateX(calc(var(--range) - 100%))
}

.rbt-img-comparison-single .rbt-block__img--last img {
    transform: translateX(calc(100% - var(--range)))
}

.rbt-img-comparison-single .rbt-block__slide {
    position: absolute;
    margin: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: ew-resize;
    -webkit-appearance: none;
    background: 0 0;
    opacity: 0
}

.rbt-img-comparison-single .rbt-block__slide::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 0;
    height: 0
}

.rbt-img-comparison-single .rbt-block__slide::-moz-range-thumb {
    width: 0;
    height: 0
}

.rbt-img-comparison-single .rbt-block__slide:focus {
    outline: 0
}

.rbt-img-comparison-single .rbt-block--comparison {
    position: relative;
    width: 100%;
    min-height: 460px;
    border-radius: 16px
}

.rbt-img-comparison-single .rbt-block--comparison .rbt-block__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.rbt-img-comparison-single .img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top
}

.rbt-block__slide-line {
    position: absolute;
    top: 0;
    left: var(--range);
    width: 2px;
    height: 100%;
    background: rgba(255, 255, 255, .9)
}

.rbt-block__slide-line .rbt-block__slide-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    height: 48px;
    width: 48px;
    background: rgba(255, 255, 255, .2);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: var(--radius-full);
    text-align: center;
    color: var(--color-white);
    line-height: 48px
}

.rbt-comparison-badge {
    border-radius: 16px;
    padding: 6px 12px;
    background: rgba(255, 255, 255, .2);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    position: absolute;
    color: var(--color-heading);
    font-weight: 500;
    top: 16px;
    z-index: 1
}

.rbt-comparison-badge.rbt-comparison-badge-before {
    left: 16px
}

.rbt-comparison-badge.rbt-comparison-badge-after {
    right: 16px
}

.rbt-review-wth-product .rbt-product-review-inner {
    border-radius: var(--radius-12);
    overflow: hidden
}

.rbt-review-wth-product .rbt-product-review-inner .rbt-review-top-section {
    padding: 32px;
    padding-top: 40px
}

.rbt-review-wth-product .rbt-product-review-inner .rbt-review-top-section .rbt-review-title {
    font-weight: 700;
    margin-bottom: 0
}

.rbt-review-wth-product .rbt-product-review-inner .rbt-review-top-section .rbt-reviwer-inf {
    margin-top: 24px;
    display: flex;
    gap: 8px;
    align-items: center
}

.rbt-review-wth-product .rbt-product-review-inner .rbt-review-top-section .rbt-reviwer-inf .rbt-reviewer-name {
    font-weight: 500;
    color: var(--color-heading)
}

.rbt-review-wth-product .rbt-product-review-inner .rbt-review-bottom-section {
    border-top: 2px solid var(--color-gray-100);
    padding: 16px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.rbt-review-wth-product .rbt-product-review-inner .rbt-review-bottom-section:hover .rbt-review-prd-img img {
    transform: scale(1.1)
}

.rbt-review-wth-product .rbt-product-review-inner .rbt-review-bottom-section .rbt-review-bottom-left-part {
    display: flex;
    gap: 16px;
    align-items: center
}

.rbt-review-wth-product .rbt-product-review-inner .rbt-review-bottom-section .rbt-review-bottom-left-part .rbt-review-prd-img img {
    max-width: 56px;
    height: auto;
    transition: var(--transition);
    border-radius: 4px
}

.rbt-review-wth-product .rbt-product-review-inner .rbt-review-bottom-section .rbt-review-bottom-left-part .rbt-review-prd-title a {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    text-decoration: underline;
    font-weight: 500
}

.rbt-review-wth-product .rbt-product-review-inner .rbt-review-bottom-section .rbt-cart-button {
    width: 48px;
    background-color: var(--color-gray-light);
    height: 48px;
    line-height: 45px;
    text-align: center;
    display: inline-block;
    border-radius: var(--radius-full);
    transition: var(--transition);
    color: var(--color-body);
    z-index: 2;
    position: relative
}

.rbt-review-wth-product .rbt-product-review-inner .rbt-review-bottom-section .rbt-cart-button::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: var(--color-primary);
    transform: scale(.5);
    opacity: 0;
    transition: var(--transition);
    border-radius: var(--radius-full)
}

.rbt-review-wth-product .rbt-product-review-inner .rbt-review-bottom-section .rbt-cart-button:hover {
    color: var(--color-white)
}

.rbt-review-wth-product .rbt-product-review-inner .rbt-review-bottom-section .rbt-cart-button:hover::after {
    transform: scale(1);
    opacity: 1
}

.rbt-review-wth-product .rbt-product-review-inner .rbt-review-bottom-section .rbt-cart-button i {
    vertical-align: middle
}

.rbt-reviewer-chk-badge {
    padding: 2px 8px;
    border-radius: 40px;
    background-color: var(--color-light-green);
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    display: flex;
    gap: 4px;
    align-items: center;
    font-weight: 500
}

.rbt-review-card-var-2 .rbt-review-card-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.rbt-review-card-var-2 .rbt-review-text {
    font-size: var(--h3);
    color: var(--color-white);
    margin-bottom: 40px
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-review-card-var-2 .rbt-review-text {
        font-size: var(--h5);
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-review-card-var-2 .rbt-review-text {
        font-size: var(--font-size-b1);
        margin-bottom: 20px
    }
}

.rbt-review-card-var-2 .rbt-rating-icon-list {
    gap: 8px
}

.rbt-review-card-var-2 .rbt-rating-icon-list li i {
    font-size: var(--h3)
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-review-card-var-2 .rbt-rating-icon-list li i {
        font-size: var(--h5)
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-review-card-var-2 .rbt-rating-icon-list li i {
        font-size: var(--font-size-b1)
    }
}

.rbt-review-card-var-2 .rbt-client {
    margin-top: 12px;
    margin-bottom: 0;
    font-size: var(--h3);
    color: var(--color-white)
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-review-card-var-2 .rbt-client {
        font-size: var(--h5)
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-review-card-var-2 .rbt-client {
        font-size: var(--font-size-b1)
    }
}

.rbt-review-card-var-2 .rbt-review-card-media figure {
    display: flex;
    justify-content: center
}

.rbt-review-card-var-2 .rbt-review-card-media figure img {
    max-height: 572px
}

.rbt-section-has-edge-divider {
    position: relative;
    overflow: hidden
}

.rbt-section-has-edge-divider .rbt-edge-bottom,
.rbt-section-has-edge-divider .rbt-edge-top {
    position: absolute;
    width: 100%;
    line-height: 1
}

.rbt-section-has-edge-divider .rbt-edge-bottom svg,
.rbt-section-has-edge-divider .rbt-edge-top svg {
    width: 100%
}

.rbt-section-has-edge-divider .rbt-edge-bottom svg path,
.rbt-section-has-edge-divider .rbt-edge-top svg path {
    height: 100%
}

.rbt-section-has-edge-divider .rbt-edge-top {
    bottom: calc(100% - 4px)
}

.rbt-section-has-edge-divider .rbt-edge-bottom {
    top: calc(100% - 4px)
}

#gallery_01 img {
    border: 2px solid #fff
}

#gallery_01.active img {
    border: 2px solid #333 !important
}

.clearfix {
    display: block;
    width: 100%;
    float: left
}

.zoom-left {
    max-width: 412px
}

.zoomWindow {
    border-radius: 8px
}

.zoomContainer {
    z-index: 5
}

@media only screen and (max-width: 1199px) {
    .zoomContainer {
        display: none
    }
}

.animate--zoom-in {
    --zoom-in-ratio: 1
}

.animate--zoom-in>img,
.animate--zoom-in>svg {
    transition: scale var(--duration-short) linear;
    scale: var(--zoom-in-ratio)
}

:root {
    --duration-announcement-bar: 250ms;
    --duration-medium: 300ms;
    --duration-long: 500ms;
    --duration-extra-long: 600ms;
    --duration-extra-longer: 750ms;
    --duration-extended: 3s;
    --animation-slide-in: slideIn var(--duration-extra-long) ease forwards;
    --animation-fade-in: fadeIn var(--duration-extra-long) ease forwards;
    --animation-zoom-in: zoomIn var(--duration-extra-longer) ease forwards;
    --animation-zoom-out: zoomOut var(--duration-extra-longer) ease forwards
}

@media (prefers-reduced-motion:no-preference) {

    .animate--ambient>img,
    .animate--ambient>svg {
        animation: animateAmbient 30s linear infinite
    }

    @keyframes animateAmbient {
        0% {
            transform: rotate(0) translateX(1em) rotate(0) scale(1.2)
        }

        100% {
            transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2)
        }
    }

    .rbt-scroll-trigger:is(.zoom_in, .zoom_out, .fade_in, .slide_in) {
        opacity: .01
    }

    .rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen).zoom_in {
        animation: var(--animation-zoom-in);
        animation-delay: calc(var(--animation-order) * 75ms)
    }

    .rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen).zoom_out {
        animation: var(--animation-zoom-out);
        animation-delay: calc(var(--animation-order) * 75ms)
    }

    .rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen).fade_in {
        animation: var(--animation-fade-in);
        animation-delay: calc(var(--animation-order) * 75ms)
    }

    .rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen).slide_in {
        animation: var(--animation-slide-in);
        animation-delay: calc(var(--animation-order) * 75ms)
    }

    .rbt-scroll-trigger.rbt-scroll-trigger--design-mode .slider,
    .rbt-scroll-trigger.rbt-scroll-trigger--design-mode.fade_in,
    .rbt-scroll-trigger.rbt-scroll-trigger--design-mode.slide_in,
    .rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen).rbt-scroll-trigger--cancel {
        opacity: 1;
        animation: none;
        transition: none
    }

    .rbt-scroll-trigger[animation-end] {
        opacity: 1;
        animation: none !important;
        transition: none
    }

    .rbt-scroll-trigger.rbt-scroll-trigger--design-mode.slide_in {
        transform: translateY(0)
    }

    @keyframes slideIn {
        from {
            transform: translateY(1rem);
            opacity: .01
        }

        to {
            transform: translateY(0);
            opacity: 1
        }
    }

    @keyframes zoomIn {
        from {
            opacity: 0;
            transform: scale(1.05)
        }

        to {
            opacity: 1;
            transform: scale(1)
        }
    }

    @keyframes zoomOut {
        from {
            opacity: 0;
            transform: scale(1)
        }

        to {
            opacity: 1;
            transform: scale(1.05)
        }
    }
}

@media screen and (max-width: 989px) {
    .rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen) .slider--tablet {
        animation: var(--animation-slide-in)
    }
}

@media screen and (min-width: 990px) {
    .rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen) .slider--desktop {
        animation: var(--animation-slide-in)
    }
}

.rbt-scroll-trigger.rbt-scroll-trigger--design-mode .slider,
.rbt-scroll-trigger.rbt-scroll-trigger--design-mode.fade_in,
.rbt-scroll-trigger.rbt-scroll-trigger--design-mode.slide_in,
.rbt-scroll-trigger:not(.rbt-scroll-trigger--offscreen).rbt-scroll-trigger--cancel {
    opacity: 1;
    animation: none;
    transition: none
}

.rbt-scroll-trigger.rbt-scroll-trigger--design-mode.slide_in {
    transform: translateY(0)
}

@keyframes slideIn {
    from {
        transform: translateY(2rem);
        opacity: .01
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: .01
    }

    to {
        opacity: 1
    }
}

.rbt-slideshow .swiper-wrapper .swiper-slide:not(:first-child):not(.swiper-slide-active) {
    opacity: 0 !important
}

.rbt-slideshow .swiper-slide-active .rbt-slideshow-content-inner {
    opacity: 1;
    visibility: visible
}

.rbt-slideshow .swiper-slide-active .rbt-slideshow-content-inner>* {
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.swiper-slide-active .rbt-slideshow-content-inner>:nth-child(1) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.swiper-slide-active .rbt-slideshow-content-inner>:nth-child(2) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.swiper-slide-active .rbt-slideshow-content-inner>:nth-child(3) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.swiper-slide-active .rbt-slideshow-content-inner>:nth-child(4) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.swiper-slide-active .effect_zoomin>* {
    -webkit-animation-name: zoomInSlideshow;
    animation-name: zoomInSlideshow
}

.swiper-slide-active .effect_zoomout>* {
    -webkit-animation-name: zoomOutSlideshow;
    animation-name: zoomOutSlideshow
}

.swiper-slide-active .effect_fadein>* {
    -webkit-animation-name: fadeInslideshow;
    animation-name: fadeInslideshow
}

.swiper-slide-active .effect_fadeindown>* {
    -webkit-animation-name: fadeInDownslideshow;
    animation-name: fadeInDownslideshow
}

.swiper-slide-active .effect_fadeinup>* {
    -webkit-animation-name: fadeInUpslideshow;
    animation-name: fadeInUpslideshow
}

.swiper-slide-active .effect_fadeinleft>* {
    -webkit-animation-name: fadeInLeftslideshow;
    animation-name: fadeInLeftslideshow
}

.swiper-slide-active .effect_fadeinright>* {
    -webkit-animation-name: fadeInRightslideshow;
    animation-name: fadeInRightslideshow
}

.rbt-slideshow .swiper-actions {
    margin-bottom: 0
}

@media screen and (max-width: 1024.98px) {
    .rbt-slideshow .swiper-actions {
        display: none
    }
}

@-webkit-keyframes fadeInslideshow {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInslideshow {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInDownslideshow {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownslideshow {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUpslideshow {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpslideshow {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInLeftslideshow {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-40px, 0, 0);
        transform: translate3d(-40px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftslideshow {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-40px, 0, 0);
        transform: translate3d(-40px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRightslideshow {
    from {
        opacity: 0;
        -webkit-transform: translate3d(40px, 0, 0);
        transform: translate3d(40px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightslideshow {
    from {
        opacity: 0;
        -webkit-transform: translate3d(40px, 0, 0);
        transform: translate3d(40px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes zoomInSlideshow {
    0% {
        opacity: 0;
        transform: scale(.7)
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes zoomInSlideshow {
    0% {
        opacity: 0;
        transform: scale(.7)
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes zoomOutSlideshow {
    0% {
        opacity: 0;
        transform: scale(1.3)
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes zoomOutSlideshow {
    0% {
        opacity: 0;
        transform: scale(1.3)
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.swiper {
    visibility: hidden
}

.swiper.swiper-initialized {
    visibility: visible
}

.rbt-arrow-between .rbt-swiper-arrow,
.rbt-arrow-between .rbt-swiper-pagination,
.rbt-arrow-between .rbt-swiper-pagination-center,
.rbt-arrow-between .rbt-swiper-progress {
    visibility: hidden
}

.rbt-arrow-between.is-swiper-ready .rbt-swiper-arrow,
.rbt-arrow-between.is-swiper-ready .rbt-swiper-pagination,
.rbt-arrow-between.is-swiper-ready .rbt-swiper-pagination-center,
.rbt-arrow-between.is-swiper-ready .rbt-swiper-progress {
    visibility: visible
}

.rbt-arrow-between .rbt-nav-effect-activation .rbt-swiper-arrow::after {
    display: none
}

:root {
    --hue: 221;
    --bg: hsl(var(--hue), 10%, 90%);
    --fg: hsl(var(--hue), 10%, 10%);
    --primary: hsl(var(--hue), 90%, 55%);
    --trans-dur: 0.3s;
    font-size: calc(16px + 4 * (100vw - 320px)/ 960)
}

.rbt-preloader {
    background: var(--color-white);
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0
}

.rbt-preloader-inner {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.rbt-preloader-inner img,
.rbt-preloader-inner svg {
    max-width: 300px
}

.preloader-msg {
    animation: msg .3s 13.7s linear forwards;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0
}

.preloader-msg--last {
    animation-direction: reverse;
    animation-delay: 14s;
    visibility: hidden
}

.rbt-preloader-cart {
    display: block;
    margin: 0 auto 1.5em auto;
    width: 60px;
    height: 60px
}

.rbt-preloader-cart-lines,
.rbt-preloader-cart-top,
.rbt-preloader-cart-wheel-stroke,
.rbt-preloader-cart-wheel1,
.rbt-preloader-cart-wheel2 {
    animation: cartLines 2s ease-in-out infinite
}

.rbt-preloader-cart-lines {
    stroke: var(--primary)
}

.rbt-preloader-cart-top {
    animation-name: cartTop
}

.rbt-preloader-cart-wheel1 {
    animation-name: cartWheel1;
    transform: rotate(-.25turn);
    transform-origin: 43px 111px
}

.rbt-preloader-cart-wheel2 {
    animation-name: cartWheel2;
    transform: rotate(.25turn);
    transform-origin: 102px 111px
}

.rbt-preloader-cart-wheel-stroke {
    animation-name: cartWheelStroke
}

.rbt-preloader-cart-track {
    stroke: hsla(var(--hue), 10%, 10%, .1);
    transition: stroke var(--trans-dur)
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg: hsl(var(--hue), 10%, 10%);
        --fg: hsl(var(--hue), 10%, 90%)
    }

    .rbt-preloader-cart-track {
        stroke: hsla(var(--hue), 10%, 90%, .1)
    }
}

@keyframes msg {
    from {
        opacity: 1;
        visibility: visible
    }

    99.9% {
        opacity: 0;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes cartLines {

    from,
    to {
        opacity: 0
    }

    8%,
    92% {
        opacity: 1
    }
}

@keyframes cartTop {
    from {
        stroke-dashoffset: -338
    }

    50% {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: 338
    }
}

@keyframes cartWheel1 {
    from {
        transform: rotate(-.25turn)
    }

    to {
        transform: rotate(2.75turn)
    }
}

@keyframes cartWheel2 {
    from {
        transform: rotate(.25turn)
    }

    to {
        transform: rotate(3.25turn)
    }
}

@keyframes cartWheelStroke {

    from,
    to {
        stroke-dashoffset: 81.68
    }

    50% {
        stroke-dashoffset: 40.84
    }
}

.rbt-transparent-table-one tbody tr td {
    padding: 24px 8px;
    border-width: 0 0 2px 0;
    border-color: var(--color-gray-200);
    white-space: nowrap
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-transparent-table-one tbody tr td {
        padding: 8px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-transparent-table-one tbody tr td {
        padding: 12px 8px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-transparent-table-one tbody tr td {
        padding: 8px 4px
    }
}

.rbt-transparent-table-one tbody tr td:first-child {
    padding-left: 0
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-transparent-table-one tbody tr:first-child td {
        padding-top: 24px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-transparent-table-one tbody tr:first-child td {
        padding-top: 24px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-transparent-table-one tbody tr:first-child td {
        padding-top: 12px
    }
}

.rbt-transparent-table-one tbody tr:last-child td {
    border-width: 0;
    padding-bottom: 24px
}

.rbt-transparent-table-one tbody .rbt-product-remove-btn-wrapper {
    width: 110px
}

.rbt-transparent-table-one tbody .rbt-product-remove-btn-wrapper .rbt-product-remove-btn {
    display: block;
    margin-left: auto;
    color: var(--color-heading);
    position: relative;
    background: 0 0;
    margin: 0;
    padding: 0;
    top: 0;
    left: 25%
}

@media only screen and (max-width: 767px) {
    .rbt-transparent-table-one tbody .rbt-product-remove-btn-wrapper .rbt-product-remove-btn {
        left: unset;
        right: unset
    }
}

.rbt-transparent-table-one tbody .rbt-product-remove-btn-wrapper .rbt-product-remove-btn:hover {
    color: var(--color-heading);
    transform: none
}

.rbt-transparent-table-one tbody .rbt-product-remove-btn-wrapper .rbt-product-remove-btn:hover i {
    color: var(--color-heading)
}

.rbt-transparent-table-one tbody .product-thumbnail a {
    display: flex;
    min-width: 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;
    border-radius: 8px;
}

.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;
    color: #ff4c1a;
}

.rbt-transparent-table-one.table-variation-one td .cart-product-card .product-thumbnail .close-btn:hover {
    color: var(--color-primary)
}

.rbt-transparent-table-one.table-variation-one td .cart-product-card .rbt-wish-product-name {
    margin-bottom: 12px
}

.rbt-transparent-table-one-wrapper.rbt-has-bg-gray {
    padding: 32px;
    background: var(--color-gray-100);
    border-radius: 8px
}

@media only screen and (max-width: 767px) {
    .rbt-transparent-table-one-wrapper.rbt-has-bg-gray {
        padding: 24px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-transparent-table-one-wrapper.rbt-has-bg-gray {
        padding: 20px
    }
}

.rbt-transparent-table-one-wrapper.rbt-has-bg-gray .rbt-transparent-table-one.table-variation-one thead tr th {
    border-color: var(--color-gray-100)
}

.rbt-transparent-table-one-wrapper.rbt-has-bg-gray .rbt-transparent-table-one.table-variation-one thead tr:first-child th {
    padding: 0
}

.rbt-wishlist-modal-content .rbt-transparent-table-one-wrapper.rbt-has-bg-gray {
    padding: 16px
}

.rbt-wishlist-modal-content .rbt-transparent-table-one tbody .rbt-product-remove-btn-wrapper {
    width: 48px
}

.rbt-default-card,
.team-style-default {
    margin-top: 75px;
    position: relative
}

.rbt-default-card .inner,
.team-style-default .inner {
    background: var(--color-white);
    border-radius: var(--radius);
    box-shadow: var(--shadow-1)
}

.rbt-default-card .inner .thumbnail,
.team-style-default .inner .thumbnail {
    max-width: 150px;
    max-height: 150px;
    border-radius: 100%;
    border: 6px solid var(--color-border);
    top: -75px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    min-width: 150px;
    min-height: 150px;
    overflow: hidden
}

.rbt-default-card .inner .thumbnail img,
.team-style-default .inner .thumbnail img {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.rbt-default-card .inner .content,
.team-style-default .inner .content {
    text-align: center;
    padding: 20px;
    padding-top: 85px;
    padding-bottom: 35px
}

.rbt-default-card .inner .content .title,
.team-style-default .inner .content .title {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 6px
}

@media only screen and (max-width: 767px) {

    .rbt-default-card .inner .content .title,
    .team-style-default .inner .content .title {
        font-size: 16px
    }
}

.rbt-default-card .inner .content .subtitle,
.team-style-default .inner .content .subtitle {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    margin-bottom: 8px;
    display: inline-block
}

.rbt-default-card .inner .content .team-form,
.team-style-default .inner .content .team-form {
    display: block;
    font-size: 14px;
    margin-bottom: 12px;
    letter-spacing: .6px;
    font-style: italic
}

.rbt-default-card .inner .content .team-form img,
.team-style-default .inner .content .team-form img {
    padding-right: 10px;
    max-height: 18px
}

.rbt-default-card .inner .content .description,
.team-style-default .inner .content .description {
    margin-bottom: 0;
    padding: 0 5%
}

.rbt-default-card .inner .social-icon li a,
.team-style-default .inner .social-icon li a {
    color: var(--color-body)
}

.rbt-default-card.border-gradient .thumbnail,
.team-style-default.border-gradient .thumbnail {
    background: linear-gradient(95deg, var(--color-primary) 15%, var(--color-tertiary) 45%, var(--color-pink) 75%, var(--color-brand-400) 100%) 98%/200% 100%;
    padding: 5px;
    border: 0 none
}

.rbt-default-card.style-two,
.team-style-default.style-two {
    margin-top: 30px
}

.rbt-default-card.style-two .inner,
.team-style-default.style-two .inner {
    padding-top: 35px
}

.rbt-default-card.style-two .inner .thumbnail,
.team-style-default.style-two .inner .thumbnail {
    top: 0;
    position: static;
    left: inherit;
    transform: none;
    min-width: 150px;
    min-height: 150px;
    margin: 0 auto
}

.rbt-default-card.style-two .inner .content,
.team-style-default.style-two .inner .content {
    padding-top: 10px
}

.rbt-default-card.style-three,
.team-style-default.style-three {
    background: 0 0;
    border-radius: 0;
    box-shadow: none;
    margin-top: 0
}

.rbt-default-card.style-three .inner,
.team-style-default.style-three .inner {
    padding: 16px;
    border-radius: 12px
}

.rbt-default-card.style-three .inner .thumbnail,
.team-style-default.style-three .inner .thumbnail {
    top: 0;
    position: static;
    left: inherit;
    transform: none;
    min-width: 100%;
    min-height: inherit;
    max-height: inherit;
    margin: 0 auto;
    border-radius: 8px;
    border: 0 none
}

.rbt-default-card.style-three .inner .thumbnail img,
.team-style-default.style-three .inner .thumbnail img {
    border-radius: 8px
}

.rbt-default-card.style-three .inner .content,
.team-style-default.style-three .inner .content {
    padding: 16px 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.rbt-default-card.style-three .inner .content .title,
.team-style-default.style-three .inner .content .title {
    margin-bottom: 0
}

.rbt-default-card.style-three .inner .content .subtitle,
.team-style-default.style-three .inner .content .subtitle {
    margin-bottom: 0
}

.rbt-default-card.style-three .inner .content .subtitle i,
.team-style-default.style-three .inner .content .subtitle i {
    color: var(--color-primary)
}

.rbt-default-card.small-layout .inner,
.team-style-default.small-layout .inner {
    padding: 20px
}

.rbt-default-card.small-layout .inner .content .title,
.team-style-default.small-layout .inner .content .title {
    font-size: 20px;
    margin-bottom: 2px
}

.rbt-default-card.small-layout .inner .content .subtitle,
.team-style-default.small-layout .inner .content .subtitle {
    font-size: 16px;
    margin-bottom: 6px
}

.team {
    border-radius: 10px;
    position: relative;
    transition: var(--transition)
}

.team .thumbnail {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    z-index: 1
}

.team .thumbnail img {
    width: 100%
}

.team .content {
    position: absolute;
    bottom: 16px;
    left: 16px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, .85);
    backdrop-filter: blur(2px);
    z-index: 2;
    width: calc(100% - 32px);
    padding: 12px 16px;
    transition: var(--transition)
}

@media only screen and (max-width: 767px) {
    .team .content {
        padding: 20px
    }
}

.team .content .title {
    color: var(--color-heading);
    margin: 0;
    margin-bottom: 8px;
    line-height: 1
}

.team .content .designation {
    color: var(--color-gray-700);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    margin-bottom: 0
}

.team .content .designation i {
    color: var(--color-primary);
    margin-right: 4px
}

.team ul.social-icon {
    padding: 0;
    z-index: 2;
    list-style: none;
    display: flex;
    margin: 0 -8px;
    margin-top: 8px
}

.team ul.social-icon li {
    margin: 0 8px
}

.team ul.social-icon li a {
    color: var(--color-gray-700);
    font-size: 15px;
    transition: var(--transition)
}

.team ul.social-icon li a:hover {
    color: var(--color-primary);
    transform: scale(1.1)
}

.team:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 55px rgba(253, 71, 102, .0022)
}

.team:hover .content {
    background: var(--color-white)
}

.team:hover ul.social-icon li {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.team:hover ul.social-icon li:nth-child(1) {
    -webkit-transition-delay: 76.92ms;
    transition-delay: 76.92ms
}

.team:hover ul.social-icon li:nth-child(2) {
    -webkit-transition-delay: .15385s;
    transition-delay: .15385s
}

.team:hover ul.social-icon li:nth-child(3) {
    -webkit-transition-delay: .23077s;
    transition-delay: .23077s
}

.team:hover ul.social-icon li:nth-child(4) {
    -webkit-transition-delay: .33077s;
    transition-delay: .23077s
}

.team:hover ul.social-icon li:nth-child(5) {
    -webkit-transition-delay: .43077s;
    transition-delay: .23077s
}

.team:hover .content {
    opacity: 1;
    visibility: visible
}

.team:hover.team-style--bottom.variation-2 .content .icon-right {
    opacity: 1;
    transform: translateX(0);
    visibility: visible
}

.rbt-team-tab-thumb {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-bottom: -30px;
    outline: 0;
    border: 0 none
}

@media only screen and (max-width: 575px) {
    .rbt-team-tab-thumb {
        margin-bottom: -10px
    }
}

.rbt-team-tab-thumb li {
    padding-left: 5px;
    padding-right: 5px;
    flex-basis: 33.33%;
    margin-bottom: 10px;
    outline: 0;
    cursor: pointer;
    margin-top: 0
}

@media only screen and (max-width: 767px) {
    .rbt-team-tab-thumb li {
        flex-basis: 33.33%;
        margin-bottom: 14px;
        padding-left: 7px;
        padding-right: 7px
    }
}

@media only screen and (max-width: 575px) {
    .rbt-team-tab-thumb li {
        flex-basis: 50%;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px
    }
}

.rbt-team-tab-thumb li a {
    display: block
}

.rbt-team-tab-thumb li .rbt-team-thumbnail {
    padding: 10px;
    background: var(--color-white);
    box-shadow: var(--shadow-1);
    border-radius: 6px
}

.rbt-team-tab-thumb li .rbt-team-thumbnail .thumb {
    position: relative;
    display: inline-block;
    width: 100%
}

.rbt-team-tab-thumb li .rbt-team-thumbnail .thumb img {
    border-radius: 6px;
    width: auto;
    object-fit: cover;
    height: 206px;
    max-width: 100%
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-team-tab-thumb li .rbt-team-thumbnail .thumb img {
        width: 100%;
        height: 270px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-team-tab-thumb li .rbt-team-thumbnail .thumb img {
        width: 100%;
        height: auto
    }
}

.rbt-team-tab-thumb li .rbt-team-thumbnail .thumb::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--color-primary) 100%);
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    border-radius: 6px;
    opacity: 0
}

.rbt-team-tab-thumb li .rbt-team-thumbnail .thumb::before {
    content: "\f0a8";
    position: absolute;
    font-family: "Font Awesome 7 Pro", sans-serif;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--color-white);
    font-size: 18px;
    z-index: 2;
    font-size: 28px;
    opacity: 0;
    margin-left: 15px
}

.rbt-team-tab-thumb li a.active .thumb::after {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--color-primary) 100%);
    opacity: .5
}

.rbt-team-tab-thumb li a.active .thumb::before {
    opacity: 1;
    margin: 0
}

.rbt-team-tab-thumb li a.active .thumb img {
    border-radius: 6px;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1)
}

.rbt-team-modal-thumb {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-bottom: 0;
    outline: 0;
    border: 0 none
}

@media only screen and (max-width: 575px) {
    .rbt-team-modal-thumb {
        margin-bottom: -10px
    }
}

.rbt-team-modal-thumb .rbt-team-thumbnail {
    padding: 10px;
    background: var(--color-white);
    box-shadow: var(--shadow-1);
    border-radius: 6px;
    display: block
}

.rbt-team-modal-thumb .rbt-team-thumbnail .thumb {
    position: relative;
    display: inline-block;
    width: 100%
}

.rbt-team-modal-thumb .rbt-team-thumbnail .thumb img {
    border-radius: 6px;
    width: auto;
    object-fit: cover;
    max-width: 100%
}

.rbt-team-modal-thumb .rbt-team-thumbnail .thumb::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--color-primary) 100%);
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    border-radius: 6px;
    opacity: 0
}

.rbt-team-modal-thumb .rbt-team-thumbnail .thumb::before {
    content: "\f00e";
    position: absolute;
    font-family: "Font Awesome 7 Pro", sans-serif;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--color-white);
    font-size: 18px;
    z-index: 2;
    font-size: 28px;
    opacity: 0;
    margin-left: 15px
}

.rbt-team-modal-thumb .rbt-team-thumbnail:hover .thumb::after {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--color-primary) 100%);
    opacity: .5
}

.rbt-team-modal-thumb .rbt-team-thumbnail:hover .thumb::before {
    opacity: 1;
    margin-left: 0
}

.pricing-billing-duration {
    text-align: right
}

@media only screen and (max-width: 767px) {
    .pricing-billing-duration {
        text-align: left
    }
}

.pricing-billing-duration ul {
    background: var(--color-white);
    border-radius: 500px;
    padding: 12px 16px;
    display: inline-block;
    box-shadow: var(--shadow-1)
}

@media only screen and (max-width: 767px) {
    .pricing-billing-duration ul {
        padding: 6px 6px
    }
}

.pricing-billing-duration ul .nav-item {
    float: left;
    margin: 0
}

.pricing-billing-duration ul .nav-item .nav-link {
    height: 40px;
    font-weight: 500;
    font-size: 16px;
    color: var(--color-heading);
    border: 0 none;
    background: 0 0;
    padding: 0 32px;
    border-radius: 500px;
    transition: var(--transition)
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .pricing-billing-duration ul .nav-item .nav-link {
        font-size: 18px;
        padding: 0 25px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .pricing-billing-duration ul .nav-item .nav-link {
        font-size: 17px;
        padding: 0 15px;
        letter-spacing: -.5px
    }
}

@media only screen and (max-width: 767px) {
    .pricing-billing-duration ul .nav-item .nav-link {
        font-size: 17px;
        padding: 0 15px;
        letter-spacing: -.5px;
        height: 50px
    }
}

.pricing-billing-duration ul .nav-item .nav-link.active {
    background-size: 300% 100%;
    background: var(--color-primary);
    color: var(--color-white)
}

.pricing-table {
    background: var(--color-white);
    box-shadow: var(--shadow-1);
    border-radius: 5px;
    padding: 60px 64px;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .pricing-table {
        padding: 60px 30px
    }
}

@media only screen and (max-width: 767px) {
    .pricing-table {
        padding: 40px 20px
    }
}

.pricing-table .pricing-header {
    margin-bottom: 30px;
    text-align: center
}

.pricing-table .pricing-header .price-wrap .monthly-pricing {
    display: none
}

.pricing-table .pricing-header .price-wrap .amount {
    font-weight: 500;
    font-size: 50px;
    line-height: 1.2;
    color: var(--color-primary);
    display: inline-block
}

@media only screen and (max-width: 767px) {
    .pricing-table .pricing-header .price-wrap .amount {
        font-size: 36px
    }
}

.pricing-table .pricing-header .price-wrap .duration {
    color: var(--color-primary);
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    display: inline-block;
    margin-left: -4px
}

.pricing-table .pricing-header .title {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 20px
}

.pricing-table .pricing-body {
    margin-bottom: 30px
}

.pricing-table .pricing-body .list-item li {
    display: flex;
    align-items: center;
    margin: 0
}

@media only screen and (max-width: 767px) {
    .pricing-table .pricing-body .list-item li {
        font-size: 16px
    }
}

.pricing-table .pricing-body .list-item li i {
    color: var(--color-success);
    margin-right: 10px
}

.pricing-table .pricing-body .list-item li+li {
    margin-top: 16px
}

@media only screen and (max-width: 767px) {
    .pricing-table .pricing-body .list-item li+li {
        margin-top: 10px
    }
}

.pricing-table .pricing-body .list-item li.off {
    opacity: .5
}

.pricing-table .pricing-body .list-item li.off i {
    color: var(--color-danger)
}

.pricing-table.style-2 .pricing-body {
    margin-bottom: 0;
    margin-top: 30px
}

.pricing-table.style-3 {
    padding: 60px 0;
    text-align: center;
    background: 0 0;
    box-shadow: none
}

@media only screen and (max-width: 767px) {
    .pricing-table.style-3 {
        padding: 30px 0
    }
}

.pricing-table.style-3 .icon-image img {
    max-height: 100px;
    object-fit: cover
}

.pricing-table.style-3 .pricing-body,
.pricing-table.style-3 .pricing-btn,
.pricing-table.style-3 .pricing-header {
    padding: 0 60px
}

@media only screen and (min-width: 992px) and (max-width:1199px) {

    .pricing-table.style-3 .pricing-body,
    .pricing-table.style-3 .pricing-btn,
    .pricing-table.style-3 .pricing-header {
        padding: 0 20px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {

    .pricing-table.style-3 .pricing-body,
    .pricing-table.style-3 .pricing-btn,
    .pricing-table.style-3 .pricing-header {
        padding: 0 20px
    }
}

@media only screen and (max-width: 767px) {

    .pricing-table.style-3 .pricing-body,
    .pricing-table.style-3 .pricing-btn,
    .pricing-table.style-3 .pricing-header {
        padding: 0 20px
    }
}

.pricing-table.style-3 .pricing-header {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 40px;
    margin-bottom: 40px;
    padding-top: 40px;
    border-top: 1px solid var(--color-border);
    margin-top: 40px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .pricing-table.style-3 .pricing-header {
        padding-bottom: 20px;
        margin-bottom: 20px;
        padding-top: 20px;
        margin-top: 20px
    }
}

@media only screen and (max-width: 767px) {
    .pricing-table.style-3 .pricing-header {
        padding-bottom: 20px;
        margin-bottom: 20px;
        padding-top: 20px;
        margin-top: 20px
    }
}

.pricing-table.style-3 .pricing-body .list-item li {
    justify-content: center
}

.pricing-table.style-3 .pricing-body .list-item li.off {
    text-decoration: line-through
}

.pricing-table.style-3.active {
    background: var(--color-white);
    box-shadow: var(--shadow-1)
}

.pricing-badge {
    background: var(--color-primary);
    padding: 0 17px;
    position: absolute;
    right: 0;
    top: 15px;
    height: 30px;
    line-height: 30px;
    padding-left: 25px
}

.pricing-badge span {
    font-weight: 700;
    font-size: 14px;
    color: var(--color-white);
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase
}

.pricing-badge::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 0 24px 23px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    right: 87%;
    top: 50%;
    content: "";
    transform: translateY(-50%)
}

.advance-pricing {
    background: var(--color-white);
    border-radius: 10px;
    box-shadow: var(--shadow-1)
}

.advance-pricing .pricing-left {
    height: 100%;
    background: var(--color-brand-200);
    padding: 60px 50px;
    border-radius: 10px 0 0 10px
}

@media only screen and (max-width: 767px) {
    .advance-pricing .pricing-left {
        padding: 30px 20px
    }
}

.advance-pricing .pricing-left .main-title {
    margin-bottom: 10px
}

.advance-pricing .pricing-left .price-wrapper .price-amount {
    font-size: 60px;
    text-align: center;
    display: block;
    color: var(--color-heading);
    font-weight: 700;
    line-height: 1
}

.advance-pricing .pricing-left .price-wrapper .price-amount sup {
    font-size: 16px;
    top: -34px
}

.advance-pricing .pricing-left .rbt-btn {
    width: 100%;
    margin: 10px 0
}

.advance-pricing .pricing-left .rating {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 15px
}

.advance-pricing .pricing-left .rating a {
    font-weight: 700;
    color: #f1b304
}

.advance-pricing .pricing-left .rating a svg {
    fill: #f1b304
}

.advance-pricing .pricing-left .subtitle {
    display: block;
    color: var(--color-body);
    text-align: center
}

.advance-pricing .pricing-right {
    padding: 60px 30px
}

@media only screen and (max-width: 767px) {
    .advance-pricing .pricing-right {
        padding: 60px 20px;
        padding-bottom: 40px
    }
}

.advance-pricing .pricing-right .plan-offer-list li {
    font-size: 16px
}

.advance-pricing .pricing-right .plan-offer-list li i {
    width: 22px;
    height: 22px;
    background: var(--color-success);
    margin: 0 auto;
    line-height: 22px;
    text-align: center;
    border-radius: 100%;
    color: var(--color-white);
    font-size: 14px;
    margin-right: 10px;
    display: inline-block
}

.advance-pricing .pricing-right .plan-offer-list li.off {
    opacity: .5
}

.advance-pricing .pricing-right .plan-offer-list li.off i {
    background: var(--color-danger)
}

.advance-pricing .pricing-right .price-title {
    font-size: 20px;
    margin-bottom: 20px
}

.advance-pricing .pricing-right .price-title li {
    font-size: 16px;
    margin: 8px 0
}

.rbt-static-badge {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 22px;
    background: var(--color-gray-light);
    font-size: 14px;
    letter-spacing: .3px;
    border-radius: 6px;
    color: var(--color-body)
}

.rbt-static-badge.variation-02 {
    padding: 0 16px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    letter-spacing: .5px
}

.rbt-static-badge.variation-03 {
    padding: 0 12px
}

.rbt-gallary-img {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    cursor: zoom-in
}

.rbt-gallary-img img {
    transition: var(--transition)
}

.rbt-gallary-img:hover img {
    transform: scale(1.03)
}

.rbt-gallary-img.rbt-gallary-img-style-one {
    transition: var(--transition)
}

.rbt-gallary-img.rbt-gallary-img-style-one.rounded {
    border-radius: var(--radius-full) !important;
    position: relative;
    overflow: hidden
}

.rbt-gallary-img.rbt-gallary-img-style-one.rounded .instapost-img img {
    border-radius: var(--radius-full) !important;
    height: 200px;
    width: 200px;
    border-radius: var(--radius-full) !important
}

@media only screen and (max-width: 767px) {
    .rbt-gallary-img.rbt-gallary-img-style-one.rounded .instapost-img img {
        height: 100px;
        width: 100px
    }
}

.rbt-gallary-img.rbt-gallary-img-style-one.rbt-gallary-img-boxed-round-style {
    border-radius: 0
}

.rbt-gallary-img.rbt-gallary-img-style-one.rbt-gallary-img-boxed-round-style img {
    transition: var(--transition)
}

.rbt-image-gallery-1 {
    position: relative
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-image-gallery-1 {
        padding-right: 40px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-image-gallery-1 {
        padding-right: 40px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-image-gallery-1 {
        padding-right: 40px
    }
}

@media only screen and (max-width: 575px) {
    .rbt-image-gallery-1 {
        padding-right: 0;
        margin-bottom: 0 !important
    }
}

.rbt-image-gallery-1 .image-1 {
    max-height: 600px
}

@media only screen and (max-width: 575px) {
    .rbt-image-gallery-1 .image-1 {
        width: 100%;
        transform: none !important
    }
}

.rbt-image-gallery-1 .image-2 {
    max-height: 500px;
    position: absolute;
    right: 10%;
    top: 30%
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-image-gallery-1 .image-2 {
        right: 0;
        top: 18%
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-image-gallery-1 .image-2 {
        top: 16%
    }
}

@media only screen and (max-width: 767px) {
    .rbt-image-gallery-1 .image-2 {
        top: 16%;
        right: -1%
    }
}

@media only screen and (max-width: 575px) {
    .rbt-image-gallery-1 .image-2 {
        display: none
    }
}

.rbt-image-gallery-1.text-end .image-2 {
    left: 10%;
    right: auto;
    top: 30%
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-image-gallery-1.text-end .image-2 {
        top: 18%
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-image-gallery-1.text-end .image-2 {
        top: 16%;
        left: 0
    }
}

@media only screen and (max-width: 767px) {
    .rbt-image-gallery-1.text-end .image-2 {
        top: 16%;
        left: 22%
    }
}

@media only screen and (max-width: 575px) {
    .rbt-image-gallery-1.text-end .image-2 {
        display: none
    }
}

.rbt-gallery img {
    width: 100%;
    object-fit: cover
}

.rainbow-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--color-extra-three);
    background-clip: border-box;
    border: 2px solid var(--color-border);
    border-radius: var(--radius-10);
    overflow: hidden;
    transition: all .5s
}

.rainbow-card .inner .thumbnail {
    overflow: hidden
}

.rainbow-card .inner .thumbnail a {
    display: block;
    overflow: hidden
}

.rainbow-card .inner .thumbnail a img {
    width: 100%;
    transition: var(--transition);
    overflow: hidden
}

.rainbow-card .inner .content {
    display: flex;
    flex-wrap: wrap;
    padding: 30px;
    padding-top: 22px
}

@media only screen and (max-width: 767px) {
    .rainbow-card .inner .content {
        padding: 30px 20px
    }
}

.rainbow-card .inner .content .descriptiion {
    margin-bottom: 0;
    margin-bottom: 13px
}

.rainbow-card .inner .content .title {
    font-size: 20px;
    line-height: 1.5;
    transition: all .5s;
    margin-bottom: 0;
    flex-basis: 100%;
    font-weight: 500
}

.rainbow-card.card-list-view {
    height: 100%
}

.rainbow-card.card-list-view .inner {
    display: flex;
    height: 100%
}

@media only screen and (max-width: 575px) {
    .rainbow-card.card-list-view .inner {
        display: block
    }
}

.rainbow-card.card-list-view .inner .thumbnail {
    flex-basis: 46%
}

.rainbow-card.card-list-view .inner .thumbnail a {
    display: block;
    height: 100%
}

.rainbow-card.card-list-view .inner .thumbnail a img {
    width: auto;
    object-fit: cover;
    height: 100%
}

.rainbow-card.card-list-view .inner .content {
    flex-basis: 54%
}

.rainbow-card.card-list-view .inner .content .title {
    margin-bottom: 10px
}

.rainbow-card.card-list-view .inner .content .descriptiion {
    margin-bottom: 13px;
    margin-top: 12px
}

.rainbow-card.content-transparent {
    position: relative;
    border: 0 none
}

.rainbow-card.content-transparent .content {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, .9) 100%);
    padding-top: 60px
}

@media only screen and (max-width: 767px) {
    .rainbow-card.content-transparent .content {
        padding-top: 20px
    }
}

.rainbow-card.content-transparent .content .title {
    margin-bottom: 10px
}

@media only screen and (max-width: 767px) {
    .rainbow-card.content-transparent .content .title {
        font-size: 17px
    }
}

.rainbow-card.content-transparent .content .title a {
    color: var(--color-white)
}

.rainbow-card.content-transparent .content .title:hover a {
    color: var(--color-primary)
}

.rainbow-card.content-transparent .content .rainbow-meta-list li {
    color: #acaeb1
}

.rainbow-card.content-transparent .content .rainbow-meta-list li a {
    color: #acaeb1
}

.rainbow-card.content-transparent.post-large .content .title {
    font-size: 32px
}

@media only screen and (max-width: 767px) {
    .rainbow-card.content-transparent.post-large .content .title {
        font-size: 19px
    }
}

.rainbow-card:hover .inner .thumbnail a img {
    transform: scale(1.1)
}

.rainbow-portfolio-area {
    position: relative;
    overflow: hidden
}

.rainbow-card {
    overflow: hidden
}

.rainbow-card .inner .thumbnail {
    position: relative
}

.rainbow-card .inner .thumbnail .card-image {
    overflow: hidden
}

.rainbow-card .inner .thumbnail .card-image a {
    display: block;
    overflow: hidden;
    border-radius: var(--radius-10) var(--radius-10) 0 0
}

.rainbow-card .inner .thumbnail .card-image img {
    overflow: hidden;
    border-radius: var(--radius-10) var(--radius-10) 0 0
}

.rainbow-card .inner .content {
    padding-top: 20px
}

.rainbow-card .inner .content .subtitle {
    text-transform: capitalize
}

.rainbow-card:hover {
    transform: translateY(-4px)
}

.rainbow-card:hover .inner .thumbnail .card-image img {
    transform: scale(1.05)
}

.no-overlay .rainbow-card .inner .thumbnail .rainbow-overlay {
    display: none
}

.box-grid-layout .rainbow-card {
    border-radius: var(--radius-small);
    background-color: var(--color-extra-three)
}

.box-grid-layout .rainbow-card .inner .thumbnail .card-image a {
    border-radius: var(--radius-small) var(--radius-small) 0 0
}

.box-grid-layout .rainbow-card .inner .thumbnail .card-image a img {
    border-radius: var(--radius-small) var(--radius-small) 0 0
}

.box-grid-layout .rainbow-card .inner .content {
    padding: 25px
}

.filter-button-default {
    display: flex;
    justify-content: center;
    margin: 0 -5px;
    flex-wrap: wrap
}

.filter-button-default button {
    border: 0 none;
    padding: 10px 20px;
    text-transform: capitalize;
    background: 0 0;
    color: var(--color-body);
    border-radius: var(--radius);
    margin: 0 5px
}

@media only screen and (max-width: 767px) {
    .filter-button-default button {
        padding: 10px 10px
    }
}

.filter-button-default button.is-checked,
.filter-button-default button:hover {
    background-color: var(--color-primary);
    color: var(--color-white) !important
}

.rainbow-load-more a.btn-default.btn-icon .icon,
.rainbow-load-more button.btn-default.btn-icon .icon {
    top: 0;
    margin-left: -2px
}

.rainbow-load-more a.btn-default.btn-icon .icon svg,
.rainbow-load-more button.btn-default.btn-icon .icon svg {
    width: 14px;
    height: 20px
}

.no-gutter .rainbow-card .inner .thumbnail a,
.no-gutter .rainbow-card .inner .thumbnail a img {
    border-radius: 0
}

.no-gutter .rainbow-card:hover {
    transform: none
}

.grid-2-meso {
    margin: 0 -15px
}

.grid-2-meso .rbt-meso-item {
    width: 50%;
    padding: 0 20px;
    margin-top: 40px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .grid-2-meso .rbt-meso-item {
        width: 50%;
        padding: 0 18px;
        margin-top: 24px
    }
}

@media only screen and (max-width: 767px) {
    .grid-2-meso .rbt-meso-item {
        width: 50%;
        padding: 0 6px;
        margin-top: 12px
    }
}

.grid-3-meso {
    margin: 0 -15px
}

.grid-3-meso .rbt-meso-item {
    width: 33.33%;
    padding: 0 20px;
    margin-top: 40px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .grid-3-meso .rbt-meso-item {
        width: 50%;
        padding: 0 18px;
        margin-top: 24px
    }
}

@media only screen and (max-width: 767px) {
    .grid-3-meso .rbt-meso-item {
        width: 50%;
        padding: 0 6px;
        margin-top: 12px
    }
}

.grid-4-meso {
    margin: 0 -12px
}

.grid-4-meso .rbt-meso-item {
    width: 25%;
    padding: 0 12px;
    margin-top: 24px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .grid-4-meso .rbt-meso-item {
        width: 50%;
        padding: 0 12px
    }
}

@media only screen and (max-width: 767px) {
    .grid-4-meso .rbt-meso-item {
        width: 50%;
        padding: 0 6px;
        margin-top: 12px
    }
}

@media (min-width: 1400px) and (max-width:1599px) {
    .grid-4-meso.responsive-layout-var-2 .rbt-meso-item {
        width: 33.33%;
        padding: 0 12px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .grid-4-meso.responsive-layout-var-2 .rbt-meso-item {
        width: 50%;
        padding: 0 12px
    }
}

.grid-5-meso {
    margin: 0 -15px
}

.grid-5-meso .rbt-meso-item {
    width: 20%;
    padding: 0 12px;
    margin-top: 24px
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1399px) {
    .grid-5-meso .rbt-meso-item {
        width: 33.33%;
        padding: 0 12px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .grid-5-meso .rbt-meso-item {
        width: 50%;
        padding: 0 12px
    }
}

@media only screen and (max-width: 767px) {
    .grid-5-meso .rbt-meso-item {
        width: 50%;
        padding: 0 6px;
        margin-top: 12px
    }
}

.grid-8-meso {
    margin: 0 -15px
}

.grid-8-meso .rbt-meso-item {
    width: 12%;
    padding: 0 12px;
    margin-top: 24px
}

@media only screen and (min-width: 1400px) and (max-width:1599px) {
    .grid-8-meso .rbt-meso-item {
        width: 20%;
        padding: 0 12px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .grid-8-meso .rbt-meso-item {
        width: 20%;
        padding: 0 12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .grid-8-meso .rbt-meso-item {
        width: 25%;
        padding: 0 12px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .grid-8-meso .rbt-meso-item {
        width: 25%;
        padding: 0 12px
    }
}

@media only screen and (max-width: 767px) {
    .grid-8-meso .rbt-meso-item {
        width: 50%;
        padding: 0 6px;
        margin-top: 12px
    }
}

.rainbow-portfolio-details .content-left .title {
    font-size: 38px;
    margin-bottom: 33px
}

@media only screen and (max-width: 767px) {
    .rainbow-portfolio-details .content-left .title {
        font-size: 25px;
        margin-bottom: 20px
    }
}

.rainbow-portfolio-details .content-left .single-list-wrapper {
    margin: -5px
}

.rainbow-portfolio-details .content-left .single-list-wrapper .single-list {
    margin: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0
}

.rainbow-portfolio-details .content-left .single-list-wrapper .single-list+.single-list {
    border-top: 1px solid var(--color-border)
}

.rainbow-portfolio-details .content-left .single-list-wrapper .single-list label {
    font-size: 20px;
    color: var(--color-heading);
    display: inline-block;
    padding-right: 16px;
    margin: 0
}

.rainbow-portfolio-details .content-left .single-list-wrapper .single-list span {
    font-size: 18px
}

.rainbow-portfolio-details .content-right .subtitle {
    font-size: 25px;
    letter-spacing: .5px;
    font-weight: 500
}

.rainbow-portfolio-details .content-right .description p {
    margin-bottom: 10px
}

.rainbow-portfolio-details .alignwide {
    margin-left: -100px;
    margin-right: -100px;
    max-width: 1400px;
    width: auto
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rainbow-portfolio-details .alignwide {
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rainbow-portfolio-details .alignwide {
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (max-width: 767px) {
    .rainbow-portfolio-details .alignwide {
        margin-left: 0;
        margin-right: 0
    }
}

.rbt-blog-post-card .rbt-blog-thumbnail {
    display: inline-block;
    position: relative;
    border-radius: var(--radius-12);
    overflow: hidden
}

.rbt-blog-post-card .rbt-blog-thumbnail.rbt-curved-style-box {
    background-image: url(../images/system/blog-thumbmail-top-mask.webp);
    -webkit-mask-image: url(../images/system/blog-thumbmail-top-mask.webp);
    mask-image: url(../images/system/blog-thumbmail-top-mask.webp);
    border-radius: var(--radius-12) 0 var(--radius-12) var(--radius-12)
}

.rbt-blog-post-card .rbt-blog-thumbnail img {
    transition: var(--transition)
}

.rbt-blog-post-card .rbt-blog-meta-area .rbt-blog-details-meta-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.rbt-blog-post-card .rbt-blog-meta-area .rbt-blog-details-meta-list li {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center
}

.rbt-blog-post-card .rbt-blog-meta-area .rbt-blog-details-meta-list li a {
    color: var(--color-gray-400);
    font-family: var(--font-primary);
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    font-weight: var(--f-medium)
}

.rbt-blog-post-card .rbt-blog-meta-area .rbt-blog-details-meta-list li a:hover {
    color: var(--color-primary)
}

.rbt-blog-post-card .rbt-blog-meta-area .rbt-blog-details-meta-list li p {
    color: var(--color-gray-400);
    font-family: var(--font-primary);
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    font-weight: var(--f-medium)
}

.rbt-blog-post-card .rbt-blog-meta-area .rbt-blog-details-meta-list li+li {
    margin-left: 8px
}

.rbt-blog-post-card .rbt-blog-meta-area .rbt-blog-details-meta-list li+li::before {
    content: "/";
    margin-right: 4px
}

.rbt-blog-post-card .rbt-blog-meta-area .rbt-blog-details-meta-list.has-no-separator li+li::before {
    display: none
}

.rbt-blog-post-card .rbt-blog-title {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    margin-bottom: 0;
    font-weight: var(--f-medium)
}

.rbt-blog-post-card:hover .rbt-blog-thumbnail img {
    scale: 1.05
}

.rbt-minicart-wrapper {
    padding: 0;
    margin: 0;
    list-style: none;
    padding-top: 24px;
    overflow-x: auto
}

@media only screen and (max-width: 767px) {
    .rbt-minicart-wrapper {
        padding-top: 24px
    }
}

.rbt-minicart-wrapper.has-no-divider .minicart-item+.minicart-item {
    border-top: none;
    padding-top: 0
}

.rbt-minicart-wrapper .minicart-item {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0;
    margin-bottom: 16px
}

.rbt-minicart-wrapper .minicart-item .close-btn {
    position: absolute;
    right: 12px;
    top: 24px
}

@media only screen and (max-width: 767px) {
    .rbt-minicart-wrapper .minicart-item .close-btn {
        top: 10px;
        right: 10px
    }
}

.rbt-minicart-wrapper .minicart-item .close-btn button {
    font-size: 14px;
    position: relative;
    height: 24px;
    width: 24px;
    line-height: 24px
}

.rbt-minicart-wrapper .minicart-item:first-child .close-btn {
    top: 8px
}

.rbt-minicart-wrapper .minicart-item:last-child {
    margin-bottom: 0
}

.rbt-minicart-wrapper .minicart-item+.minicart-item {
    border-top: 2px solid var(--color-gray-100);
    padding-top: 16px
}

.rbt-minicart-wrapper .thumbnail {
    flex-shrink: 0;
    max-width: 140px;
    overflow: hidden;
    border-radius: var(--radius)
}

@media only screen and (max-width: 767px) {
    .rbt-minicart-wrapper .thumbnail {
        max-width: 110px
    }
}

.rbt-minicart-wrapper .thumbnail.transparent-verticle-thumbnail {
    background: var(--color-gray-50);
    max-width: 90px
}

.rbt-minicart-wrapper .thumbnail a {
    display: block
}

.rbt-minicart-wrapper .thumbnail a img {
    width: 140px;
    height: auto;
    border-radius: var(--radius);
    scale: 1.05;
    transition: var(--transition);
    background-color: var(--color-gray-200)
}

.rbt-minicart-wrapper .minicart-item:hover .thumbnail a img {
    scale: 1
}

.rbt-minicart-wrapper .product-content {
    flex-grow: 1;
    padding-left: 20px
}

@media only screen and (max-width: 767px) {
    .rbt-minicart-wrapper .product-content {
        padding-left: 12px
    }
}

.rbt-minicart-wrapper .product-content .title {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    font-weight: 700;
    margin-bottom: 8px;
    color: var(--color-heading);
    max-width: 92%
}

@media only screen and (max-width: 767px) {
    .rbt-minicart-wrapper .product-content .title {
        max-width: 86%
    }
}

.rbt-minicart-wrapper .product-content .quantity {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    color: var(--color-heading);
    font-weight: 700;
    display: block
}

.rbt-minicart-wrapper .product-content .quantity .price {
    color: var(--color-primary)
}

.rbt-minicart-wrapper .product-content .bottom-part {
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.rbt-minicart-wrapper .product-content .bottom-part .rbt-qty-area {
    padding: 0;
    border-radius: 60px;
    border: 2px solid var(--color-gray-300);
    display: flex;
    height: 28px;
    min-width: unset
}

.rbt-minicart-wrapper .product-content .bottom-part .rbt-qty-area button,
.rbt-minicart-wrapper .product-content .bottom-part .rbt-qty-area input {
    padding: 0;
    border: 0;
    height: 20px;
    font-size: var(--font-size-b1);
    line-height: 20px;
    margin: 0;
    padding: 0 !important;
    font-weight: 700;
    background: 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(.85);
    background: var(--color-gray-200);
    opacity: 0;
    visibility: hidden;
    left: 0;
    top: 0;
    transition: var(--transition);
    z-index: -1;
    border-radius: 60px
}

.rbt-minicart-wrapper .product-content .bottom-part .edit-btn i {
    margin-right: 4px
}

.rbt-minicart-wrapper .product-content .bottom-part .edit-btn:hover {
    color: var(--color-primary)
}

.rbt-minicart-wrapper .product-content .bottom-part .edit-btn:hover::after {
    transform: scale(1);
    opacity: 1;
    visibility: visible
}

.side-nav {
    max-height: 375px;
    min-height: 275px;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden
}

.side-nav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: var(--color-gray-200);
    border-radius: 40px;
    height: 337px
}

.side-nav::-webkit-scrollbar {
    width: 4px;
    height: 337px;
    background-color: var(--color-gray-200)
}

.side-nav::-webkit-scrollbar-thumb {
    border-radius: 40px;
    background-color: var(--color-gray-400)
}

.rbt-cart-subttotal {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    align-items: center
}

@media only screen and (max-width: 1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-cart-subttotal {
        padding: 12px 0
    }
}

.rbt-cart-subttotal p {
    margin-bottom: 0;
    color: var(--color-heading);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-gray-500)
}

.rbt-cart-subttotal p strong {
    color: var(--color-heading)
}

.rbt-cart-subttotal p.price {
    color: var(--color-primary);
    font-weight: 600;
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1)
}

.offer-progress-area .offer-text {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    color: var(--color-gray-500);
    margin-bottom: 12px
}

.offer-progress-area .offer-text strong {
    color: var(--color-heading);
    font-weight: 600
}

.offer-progress-area .progress {
    height: 8px;
    border-radius: 50px;
    background: #d6f7d6
}

.offer-progress-area .progress .progress-bar {
    background: #24bd25
}

.share-btn-grp {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin-top: 14px
}

.share-btn-grp .share-btn {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: 600;
    color: var(--color-primary);
    padding: 0;
    border: 0;
    background: 0
}

.minicart-quick-access-area {
    display: flex;
    align-items: center;
    padding: 16px 26px;
    background: var(--color-brand-50);
    border-radius: var(--radius-md);
    gap: 24px;
    justify-content: center
}

.minicart-quick-access-area .single-quick-access {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: var(--color-gray-700);
    position: relative;
    z-index: 1
}

.minicart-quick-access-area .single-quick-access:hover {
    color: var(--color-primary)
}

.minicart-quick-access-area .single-quick-access .icon {
    font-size: 18px;
    line-height: 26px
}

.minicart-quick-access-area .single-quick-access .text {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3)
}

.minicart-quick-access-area .hr-sepator {
    height: 24px;
    width: 2px;
    background: var(--color-gray-200)
}

.minicart-inc-items-area {
    padding: 12px 16px;
    background: var(--color-brand-50);
    border-radius: var(--radius-md);
    position: relative
}

.minicart-inc-items-area .title {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    color: var(--color-heading);
    margin-bottom: 4px
}

.minicart-inc-items-area .title.positin-top {
    top: 12px;
    left: 16px;
    position: absolute
}

.minicart-inc-items-area .bottom-area {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.minicart-inc-items-area .rbt-minicart-wrapper {
    margin-top: 0;
    padding-top: 32px;
    padding-bottom: 16px
}

.minicart-inc-items-area .rbt-minicart-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.minicart-inc-items-area .add-itembtn {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-full);
    background: 0 0;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    color: var(--color-white);
    position: relative;
    z-index: 1;
    min-width: 40px
}

.minicart-inc-items-area .add-itembtn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    transform: translate(-50%, -50%) scale(.9);
    background: var(--color-primary);
    border-radius: 50%;
    transition: var(--transition);
    z-index: -1
}

.minicart-inc-items-area .add-itembtn:hover::after {
    transform: translate(-50%, -50%) scale(1)
}

.minicart-inc-items-area .minicart-item .thumbnail a img {
    max-width: 100px;
    height: auto
}

.minicart-inc-items-area .minicart-item .product-content {
    padding-left: 12px
}

.rbt-cart-side-menu .inner-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.rbt-cart-side-menu hr {
    background: var(--color-gray-100);
    height: 2px
}

.rbt-minicart-footer {
    margin-top: auto;
    padding: 24px 32px 24px;
    position: sticky;
    bottom: 0;
    background: var(--color-white);
    z-index: 2
}

@media only screen and (max-width: 1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-minicart-footer {
        padding: 0 24px 16px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-minicart-footer {
        padding: 0 16px 16px
    }
}

.rbt-minicart-footer .rbt-minicart-wrapper {
    flex-basis: 100%;
    overflow-x: hidden
}

.rbt-minicart-footer .rbt-minicart-wrapper .minicart-item {
    min-width: auto
}

.minicart-item .qty-item-btn {
    font-size: 12px !important
}

.rbt-check-group {
    position: relative
}

.rbt-check-group+.rbt-check-group {
    margin-top: 4px
}

.rbt-check-group label {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.rbt-check-group label .rbt-lable-content {
    display: flex;
    gap: 8px;
    align-items: center
}

.rbt-check-group label .rbt-lable-content img {
    max-height: 24px;
    width: auto
}

.rbt-show-more-btn {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-black);
    display: block;
    position: relative;
    padding: 3px 0;
    cursor: pointer;
    border: 0;
    background: 0 0;
    text-align: center
}

.rbt-show-more-btn {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    padding: 4px 12px;
    padding-right: 28px;
    font-weight: 600;
    color: var(--color-primary);
    background-color: var(--color-brand-300);
    border: 0;
    border-radius: 60px;
    display: inline-block;
    position: relative;
    cursor: pointer
}

.rbt-show-more-btn::after {
    content: "\f078";
    font-family: "Font Awesome 7 Pro", sans-serif;
    position: absolute;
    font-size: 10px;
    line-height: var(--line-height-b4);
    top: 50%;
    right: 12px;
    transform: translateY(-50%)
}

.rbt-show-more-btn.variation-2 {
    background: var(--color-brand-400);
    color: var(--color-heading);
    z-index: 1
}

.rbt-show-more-btn.variation-2:hover {
    color: var(--color-primary)
}

.rbt-show-more-btn.rbt-show-more-btn-naked {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    background: 0 0;
    padding: 0;
    padding-right: 16px;
    z-index: 1
}

.rbt-show-more-btn.rbt-show-more-btn-naked::after {
    right: 4px
}

.rbt-show-more-btn.rbt-show-more-btn-naked::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform .3s
}

.rbt-show-more-btn.rbt-show-more-btn-naked:hover::before {
    transform-origin: bottom left;
    transform: scaleX(1)
}

.rbt-has-show-more .rbt-has-show-more-inner-content {
    max-height: 100px;
    overflow: hidden;
    position: relative;
    width: 100%;
    transition: all .4s
}

.rbt-has-show-more.active .rbt-has-show-more-inner-content {
    max-height: inherit !important
}

.rbt-single-widget .rbt-has-show-more-inner-content {
    max-height: 180px
}

.rbt-single-widget .rbt-has-show-more .rbt-show-more-btn {
    background: 0 0;
    position: relative;
    z-index: 1;
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    padding: 4px 12px;
    padding-right: 28px;
    font-weight: 600;
    color: var(--color-primary);
    background-color: var(--color-brand-300);
    border: 0;
    border-radius: 60px;
    display: inline-block;
    width: max-content
}

.rbt-single-widget .rbt-has-show-more .rbt-show-more-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    height: 100%;
    width: 100%;
    background-color: var(--color-brand-300);
    z-index: -1;
    border-radius: 60px;
    transition: var(--transition)
}

.rbt-single-widget .rbt-has-show-more .rbt-show-more-btn:hover::before {
    transform: translate(-50%, -50%) scale(1.1)
}

.filter-top-2 .rbt-has-show-more .rbt-has-show-more-inner-content {
    max-height: 120px
}

.rbt-sidebar.sticky-top {
    top: 150px;
    position: sticky
}

@media only screen and (max-width: 1199px) {
    .rbt-sidebar.sticky-top {
        top: unset
    }
}

.rbt-sidebar.has-rbt-fshape .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom {
    border-color: var(--color-gray-200);
    padding: 16px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-sidebar.has-rbt-fshape .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom {
        padding: 12px
    }
}

.rbt-sidebar.has-rbt-fshape .rbt-sidebar-title {
    height: 40px;
    padding: 10px 0 8px 16px;
    border-color: var(--color-gray-200)
}

.rbt-sidebar.has-rbt-fshape .rbt-sidebar-title .rbt-fshape-right-portion {
    display: block
}

.rbt-sidebar .rbt-sidebar-close-btn {
    top: -24px;
    right: -16px;
    position: absolute;
    display: inline-block;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: var(--radius-full);
    background: var(--color-brand-50)
}

.rbt-sidebar .rbt-sidebar-close-btn:hover {
    background: var(--color-brand-300)
}

.rbt-sidebar-widget-wrapper .rbt-sidebar-bottom {
    border-radius: 0 12px 12px 12px;
    border: 2px solid transparent;
    background: var(--color-white);
    padding: 0;
    margin-top: -2px
}

@media only screen and (max-width: 1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom {
        flex-wrap: wrap
    }
}

.rbt-sidebar-widget-wrapper+.rbt-sidebar-widget-wrapper {
    margin-top: 24px
}

.rbt-sidebar-widget-wrapper .rbt-sidebar-widget-img img {
    border-radius: 12px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-sidebar-widget-wrapper .rbt-single-widget {
        min-width: 270px
    }
}

@media only screen and (max-width: 1199px) {
    .rbt-sidebar-widget-wrapper .rbt-single-widget {
        min-width: 200px
    }
}

.rbt-sidebar-widget-wrapper .rbt-single-widget.rbt-has-show-more .rbt-has-show-more-inner-content {
    max-height: 240px
}

.rbt-sidebar-widget-wrapper .rbt-single-widget.rbt-has-show-more .rbt-show-more-btn {
    background: 0 0
}

.rbt-sidebar-widget-wrapper .rbt-single-widget.rbt-has-show-more .rbt-show-more-btn-area::before {
    transform: translateY(-80px)
}

.rbt-sidebar-widget-wrapper .rbt-sidebar-title {
    margin: 0;
    display: inline-block;
    height: 52px;
    z-index: 1;
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    border-left: 2px solid transparent;
    border-top: 2px solid transparent;
    position: relative;
    background: var(--color-white);
    border-radius: var(--radius-12) 0 0 0;
    font-weight: var(--f-bold);
    padding: 0
}

.rbt-sidebar-widget-wrapper .rbt-sidebar-title i {
    margin-right: 4px
}

.rbt-sidebar-widget-wrapper .rbt-sidebar-title .rbt-fshape-right-portion {
    position: absolute;
    left: 100%;
    top: -2px;
    display: none
}

.rbt-single-widget {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 2px solid var(--color-border)
}

@media only screen and (max-width: 767px) {
    .rbt-single-widget {
        padding-top: 12px;
        margin-top: 12px
    }
}

.rbt-single-widget:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: 0
}

.rbt-single-widget .rbt-widget-title {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    padding-bottom: 16px;
    border-bottom: 2px solid var(--color-border);
    margin-bottom: 0;
    padding-bottom: 16px
}

@media only screen and (max-width: 767px) {
    .rbt-single-widget .rbt-widget-title {
        padding-bottom: 8px
    }
}

.rbt-single-widget .rbt-widget-title.rbt-widget-title-without-border {
    padding: 0;
    border: 0;
    padding-bottom: 0
}

.rbt-single-widget .rbt-widget-title.rbt-widget-title-without-border a {
    padding-bottom: 16px
}

.rbt-single-widget .rbt-widget-title.rbt-widget-title-without-border a.collapsed {
    padding-bottom: 0
}

.rbt-single-widget .rbt-widget-title a {
    display: flex;
    justify-content: space-between
}

.rbt-single-widget .rbt-widget-title a .icon {
    rotate: 180deg;
    transition: var(--transition)
}

.rbt-single-widget .rbt-widget-title a.collapsed .icon {
    rotate: 0deg
}

.rbt-single-widget .rbt-scroll-content {
    max-height: 160px;
    padding-right: 6px;
    overflow-y: auto;
    overflow-x: hidden
}

.rbt-single-widget .rbt-scroll-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: var(--color-gray-150);
    border-radius: 40px;
    height: 337px
}

.rbt-single-widget .rbt-scroll-content::-webkit-scrollbar {
    width: 4px;
    height: 337px;
    background-color: var(--color-gray-150)
}

.rbt-single-widget .rbt-scroll-content::-webkit-scrollbar-thumb {
    border-radius: 40px;
    background-color: var(--color-gray-300)
}

.rbt-single-widget .rbt-widget-title-2 {
    font-size: 12px;
    padding-bottom: 16px;
    border-bottom: 2px solid var(--color-border);
    margin-bottom: 16px;
    color: var(--color-heading);
    text-transform: uppercase;
    letter-spacing: .5px;
    opacity: .8
}

.rbt-single-widget ul.rbt-sidebar-list-wrapper {
    margin: -6px 0
}

.rbt-single-widget ul.rbt-sidebar-list-wrapper>li {
    margin: 0;
    position: relative;
    z-index: 1;
    margin: 2px 0
}

.rbt-single-widget ul.rbt-sidebar-list-wrapper>li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(.9);
    background: var(--color-gray-100);
    border-radius: 4px;
    z-index: -1;
    transition: var(--transition);
    opacity: 0;
    visibility: hidden
}

.rbt-single-widget ul.rbt-sidebar-list-wrapper>li:hover:after {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.rbt-single-widget ul.rbt-sidebar-list-wrapper input[type=checkbox]~label::before,
.rbt-single-widget ul.rbt-sidebar-list-wrapper input[type=radio]~label::before {
    left: 6px
}

.rbt-single-widget ul.rbt-sidebar-list-wrapper input[type=checkbox]~label::after,
.rbt-single-widget ul.rbt-sidebar-list-wrapper input[type=radio]~label::after {
    left: 11px
}

.rbt-single-widget ul.rbt-sidebar-list-wrapper.recent-post-list li+li {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid var(--color-border-2)
}

.rbt-single-widget ul.rbt-sidebar-list-wrapper.rbt-categories-review-list .rbt-rating-icon-list li {
    margin: 0
}

.rbt-single-widget ul.rbt-sidebar-list-wrapper.rbt-categories-review-list .rbt-rating-icon-list li+li {
    margin-top: 0
}

.rbt-single-widget ul.rbt-sidebar-list-wrapper.rbt-size-select-btn {
    display: flex;
    align-items: center;
    gap: 12px
}

.rbt-single-widget ul.rbt-sidebar-list-wrapper.rbt-size-select-btn li+li {
    margin-top: 0
}

.rbt-single-widget ul.rbt-sidebar-list-wrapper.rbt-size-select-btn li input:checked~label span {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-single-widget ul.rbt-sidebar-list-wrapper.rbt-size-select-btn label {
    padding: 0
}

.rbt-single-widget ul.rbt-sidebar-list-wrapper.rbt-size-select-btn label::before {
    border: none;
    background: 0 0
}

.rbt-single-widget ul.rbt-sidebar-list-wrapper.rbt-size-select-btn label span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border-radius: var(--radius);
    border: none;
    background: var(--color-gray-100);
    color: var(--color-heading);
    font-size: var(--font-size-b3);
    font-weight: var(--f-semi-bold);
    transition: var(--transition)
}

.rbt-single-widget ul.rbt-sidebar-list-wrapper.rbt-size-select-btn label::after {
    content: none
}

.rbt-single-widget .rbt-review-group>a {
    padding: 4px 6px;
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2)
}

@media only screen and (max-width: 479px) {
    .rbt-single-widget .rbt-review-group>a {
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4)
    }
}

.rbt-single-widget .rbt-review-group>a i {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2)
}

.rbt-single-widget input[type=checkbox]~label,
.rbt-single-widget input[type=radio]~label {
    padding: 4px 6px;
    padding-left: 32px
}

@media only screen and (max-width: 479px) {

    .rbt-single-widget input[type=checkbox]~label,
    .rbt-single-widget input[type=radio]~label {
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4)
    }
}

.rbt-single-widget .rating {
    display: flex;
    align-items: center;
    margin-top: -3px
}

.rbt-single-widget .rating .off {
    color: var(--color-body);
    opacity: .4
}

.rbt-single-widget .rbt-lable {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    display: flex;
    align-items: center
}

@media only screen and (max-width: 479px) {
    .rbt-single-widget .rbt-lable {
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4)
    }
}

.rbt-single-widget .recent-post-list li {
    display: flex;
    align-items: center
}

.rbt-single-widget .recent-post-list li .thumbnail {
    margin-right: 12px
}

.rbt-single-widget .recent-post-list li .thumbnail a {
    display: block
}

.rbt-single-widget .recent-post-list li .thumbnail a img {
    height: 60px;
    width: 60px;
    border-radius: var(--radius);
    object-fit: cover;
    min-width: 60px;
    min-height: 60px
}

.rbt-single-widget .recent-post-list li .content .title {
    margin-bottom: 12px;
    font-size: 14px
}

.rbt-single-widget .recent-post-list li .content .rbt-meta li {
    font-size: 12px
}

.rbt-single-widget .recent-post-list li .content .rbt-meta li i {
    margin-right: 5px
}

.rbt-filter-button {
    font-size: var(--font-size-b2);
    color: var(--color-heading);
    font-weight: var(--f-medium)
}

.rbt-filter-collapse-area {
    position: relative;
    overflow: visible;
    box-sizing: border-box;
    min-height: 1px;
    margin-right: -25%;
    opacity: 0;
    width: 25%;
    transition: margin .4s ease, transform .4s ease, opacity .4s ease
}

.rbt-filter-collapse-area.show {
    margin-right: 0;
    opacity: 1
}

.rbt-filter-collapse-area.start-from-right {
    margin-left: -25%;
    margin-right: 0
}

.rbt-filter-collapse-area.start-from-right.show {
    margin-left: 0;
    opacity: 1
}

.rbt-collapsible-filter-product-area {
    flex: 1;
    transition: transform .4s cubic-bezier(.25, .8, .25, 1)
}

.rbt-filter-item-not-found {
    display: none
}

.rbt-shop-tool-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px
}

.rbt-shop-tool-content .rbt-inner-search-field input {
    height: 36px;
    padding: 0 12px;
    padding-right: 42px;
    min-width: 270px;
    background: var(--color-white)
}

.rbt-shop-tool-content .rbt-inner-search-field .search-btn {
    background: 0 0
}

.rbt-shop-tools-title {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    font-weight: var(--f-medium);
    margin-bottom: 0;
    color: var(--color-gray-400);
    white-space: nowrap
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-shop-tools-title {
        font-size: 18px;
        line-height: 1.5
    }
}

.rbt-shop-filter-tag-list {
    gap: 6px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-shop-filter-tag-list {
        flex-wrap: nowrap;
        overflow: auto
    }
}

.rbt-shop-view-btn-list {
    display: flex;
    gap: 4px
}

.rbt-shop-view-btn-list a {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    background: 0 0;
    height: 32px;
    width: 32px;
    color: var(--color-heading);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-full)
}

.rbt-shop-view-btn-list a.active,
.rbt-shop-view-btn-list a:hover {
    background: var(--color-brand-300)
}

.rbt-shop-tools-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 0
}

.rbt-shop-tools-wrapper.rbt-shop-tools-wrapper-var-one .rbt-shop-tool-content {
    flex-basis: auto
}

.rbt-shop-view-var-wrapper {
    gap: 20px
}

.rbt-shop-view-sort-wrapper {
    gap: 8px
}

.rbt-tools-select-single {
    display: flex;
    align-items: center
}

.rbt-shop-view-sort-select-one .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: max-content
}

.rbt-shop-view-sort-select-one.rbt-modern-select .bootstrap-select button.btn-light {
    background: 0 0;
    padding: 4px 8px;
    padding-right: 16px;
    height: auto;
    box-shadow: none;
    font-size: var(--font-size-b3);
    line-height: 1.5;
    font-weight: var(--f-medium);
    color: var(--color-heading)
}

.rbt-shop-view-sort-select-one.rbt-modern-select .bootstrap-select button.btn-light::before {
    content: "";
    position: absolute;
    background: var(--color-brand-200);
    height: 100%;
    width: 100%;
    transform: scale(1);
    transition: var(--transition);
    z-index: -1;
    left: 0;
    top: 0;
    border-radius: 60px;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition)
}

.rbt-shop-view-sort-select-one.rbt-modern-select .bootstrap-select button.btn-light::after {
    margin-left: 0
}

.rbt-shop-view-sort-select-one.rbt-modern-select .bootstrap-select button.btn-light.show::before,
.rbt-shop-view-sort-select-one.rbt-modern-select .bootstrap-select button.btn-light:hover::before {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.rbt-shop-view-sort-select-one.rbt-modern-select .bootstrap-select .dropdown-menu li a span.text {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3)
}

.rbt-shop-sort-icon-only.rbt-modern-select .bootstrap-select {
    width: 36px !important
}

.rbt-shop-sort-icon-only.rbt-modern-select .bootstrap-select>.dropdown-toggle {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.rbt-shop-sort-icon-only.rbt-modern-select .bootstrap-select>.dropdown-toggle .filter-option {
    display: none
}

.rbt-shop-sort-icon-only.rbt-modern-select .bootstrap-select>.dropdown-toggle.btn {
    position: relative;
    padding: 0;
    padding-right: 0
}

.rbt-shop-sort-icon-only.rbt-modern-select .bootstrap-select>.dropdown-toggle.btn::before {
    display: none
}

.rbt-shop-sort-icon-only.rbt-modern-select .bootstrap-select>.dropdown-toggle::after {
    content: "\f883";
    font-family: "Font Awesome 7 Pro";
    font-weight: 400;
    border: 0;
    margin: 0;
    color: var(--color-gray-400) !important;
    font-size: 14px;
    line-height: 1;
    position: static;
    transform: none
}

.rbt-shop-view-sort-select-two .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: max-content
}

.rbt-shop-view-sort-select-two.rbt-modern-select .bootstrap-select button.btn-light {
    background: 0 0;
    padding: 4px 8px;
    padding-right: 16px;
    height: auto;
    box-shadow: none;
    font-size: var(--font-size-b3);
    line-height: 1.5;
    font-weight: var(--f-medium);
    color: var(--color-heading)
}

.rbt-shop-view-sort-select-two.rbt-modern-select .bootstrap-select button.btn-light::before {
    content: "";
    position: absolute;
    background: var(--color-brand-200);
    height: 100%;
    width: 100%;
    transform: scale(1);
    transition: var(--transition);
    z-index: -1;
    left: 0;
    top: 0;
    border-radius: 60px;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition)
}

.rbt-shop-view-sort-select-two.rbt-modern-select .bootstrap-select button.btn-light::after {
    margin-left: 0
}

.rbt-shop-view-sort-select-two.rbt-modern-select .bootstrap-select button.btn-light.show::before,
.rbt-shop-view-sort-select-two.rbt-modern-select .bootstrap-select button.btn-light:hover::before {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.rbt-shop-view-sort-select-two.rbt-modern-select .bootstrap-select .dropdown-menu li a span.text {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3)
}

.rbt-brand-char-list-sticky {
    position: sticky;
    transition: var(--transition);
    z-index: 9
}

.rbt-brand-char-list-sticky.sticky {
    top: 150px;
    animation: stickySlideDown 1s cubic-bezier(.23, 1, .32, 1) both
}

.rbt-brand-char-list-sticky.sticky .rbt-char-list {
    box-shadow: var(--shadow-5)
}

.rbt-char-list {
    background: var(--color-white);
    padding: 6px 8px;
    border-radius: var(--radius-60);
    list-style: none;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-char-list {
        border-radius: var(--radius-12)
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-char-list {
        border-radius: var(--radius-12)
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-char-list {
        border-radius: var(--radius-12)
    }
}

@media only screen and (max-width: 767px) {
    .rbt-char-list {
        border-radius: var(--radius-12)
    }
}

.rbt-char-list li {
    margin: 0
}

.rbt-char-list li .rbt-char-single {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--h5);
    font-weight: var(--f-semi-bold);
    line-height: 40px
}

.rbt-char-list li .rbt-char-single:hover {
    background: var(--color-brand-200);
    color: var(--color-primary)
}

.rbt-char-list li.current .rbt-char-single {
    background: var(--color-brand-200);
    color: var(--color-primary)
}

.rbt-brand-list-area {
    background: var(--color-white);
    padding: 32px;
    border-radius: var(--radius-12);
    margin-bottom: 24px
}

.rbt-brand-list-area:last-child {
    margin-bottom: 0
}

.rbt-brand-list-area .rbt-brand-list-title {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--h2);
    font-weight: var(--f-semi-bold);
    line-height: 1;
    margin-bottom: 16px
}

.rbt-brand-list-area:hover .rbt-brand-list-title {
    color: var(--color-primary)
}

.rbt-brand-list-area .rbt-brand-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 16px
}

.rbt-brand-list-area .rbt-brand-list li {
    margin: 0
}

.rbt-brand-list-area .rbt-brand-list li a {
    color: var(--color-gray-700);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    display: flex;
    gap: 8px;
    align-items: center
}

.rbt-brand-list-area .rbt-brand-list li a .icon {
    height: 24px;
    width: 38px;
    border: 1px solid var(--color-gray-200);
    border-radius: 2px;
    background: var(--color-white)
}

.rbt-brand-list-area .rbt-brand-list li a .rbt-brand-text {
    transition: var(--transition)
}

.rbt-brand-list-area .rbt-brand-list li a .rbt-brand-text::after {
    color: var(--color-primary);
    height: 1px
}

.rbt-brand-list-area .rbt-brand-list li a:hover .rbt-brand-text {
    color: var(--color-primary)
}

.rbt-brand-list-area .rbt-brand-list li a:hover .rbt-brand-text::after {
    width: 100%;
    left: 0;
    right: auto
}

.rbt-nav-box .inner {
    padding: 24px;
    background: var(--color-white);
    border-radius: var(--radius-md)
}

@media only screen and (max-width: 767px) {
    .rbt-nav-box .inner {
        padding: 20px
    }
}

.rbt-nav-box .inner .rbt-nav-box-top {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between
}

.rbt-nav-box .inner .rbt-nav-box-top .rbt-nav-box-title {
    color: var(--color-heading);
    font-family: var(--font-family);
    font-size: var(--font-size-b1);
    font-weight: var(--f-semi-bold);
    line-height: var(--line-height-b1);
    margin-bottom: 4px
}

.rbt-nav-box .inner .rbt-nav-box-top .rbt-categories-box-img {
    width: 72px;
    height: 72px
}

.rbt-nav-box .inner .rbt-nav-box-top .rbt-categories-box-img img {
    object-fit: cover;
    margin-bottom: 10px;
}

.rbt-nav-box .inner .rbt-nav-items {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, 1fr)
}

.rbt-nav-box .inner .rbt-nav-items.rbt-nav-items-1 {
    grid-template-columns: repeat(1, 1fr)
}

@media only screen and (max-width: 767px) {
    .rbt-nav-box .inner .rbt-nav-items {
        grid-template-columns: repeat(1, 1fr)
    }
}

.rbt-nav-box .inner .rbt-nav-items .rbt-nav-item-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 12px
}

.rbt-nav-box .inner .rbt-nav-items .rbt-nav-item-list li {
    padding: 0;
    margin: 0
}

.rbt-nav-box .inner .rbt-nav-items .rbt-nav-item-list li a {
    color: var(--color-gray-700);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-regular)
}

.rbt-nav-box .inner .rbt-nav-items .rbt-nav-item-list li a.rbt-btn-link::after {
    background: var(--color-primary)
}

.rbt-offer-card {
    height: unset;
    transition: var(--transition)
}

.rbt-offer-card:hover .rbt-card-img img {
    transform: scale(1.04)
}

.rbt-offer-card .inner {
    padding: 16px;
    border-radius: var(--radius-12);
    background: var(--color-white);
    transition: var(--transition);
    border: 2px solid #f5f5f5
}

.rbt-offer-card .rbt-card-img {
    background: var(--color-white);
    border-radius: 4px;
    overflow: hidden
}

.rbt-offer-card .rbt-card-body {
    padding: 16px 0 0 0
}

.rbt-offer-card .rbt-card-body .ofr-meta-part {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.rbt-offer-card .rbt-card-body .ofr-meta-part .single-meta {
    color: var(--color-gray-500);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    font-weight: var(--f-medium);
    line-height: var(--line-height-b3);
    display: flex;
    align-items: center;
    gap: 4px
}

.rbt-about-area .rbt-about-banner-fshape-title {
    border-color: var(--color-primary);
    padding: 11px 32px 6px;
    height: 50px
}

.rbt-about-area .rbt-about-banner-fshape-title::after {
    background-image: url(../images/section-title/title-bg-right-primary-shape.svg)
}

.rbt-about-area .rbt-about-banner-fshape {
    border-color: var(--color-primary)
}

.rbt-about-area .rbt-about-banner-content-wrapper {
    background: var(--color-gray-light);
    border-radius: var(--radius-big);
    padding: 24px
}

.rbt-about-area .rbt-about-banner-content-wrapper .rbt-about-banner-content {
    padding-left: 32px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-about-area .rbt-about-banner-content-wrapper .rbt-about-banner-content {
        padding-left: 0;
        padding-bottom: 24px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-about-area .rbt-about-banner-content-wrapper .rbt-about-banner-content {
        padding-left: 0;
        padding-bottom: 24px
    }
}

.rbt-about-area .rbt-about-banner-content-wrapper .rbt-about-banner-content .rbt-about-banner-text {
    color: var(--color-gray-600);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1)
}

.rbt-about-area .rbt-about-banner-content-wrapper .rbt-about-banner-card {
    -webkit-mask-image: url(../images/system/product-banner-10-left-curved-mask.webp);
    mask-image: url(../images/system/product-banner-10-left-curved-mask.webp);
    background-image: url(../images/system/product-banner-10-left-curved-mask.webp)
}

.rbt-about-area .rbt-about-banner-content-wrapper .rbt-about-banner-card .rbt-about-banner-img img {
    max-width: 580px
}

@media only screen and (max-width: 767px) {
    .rbt-about-area .rbt-about-banner-content-wrapper .rbt-about-banner-card .rbt-about-banner-img img {
        width: 100%;
        height: auto
    }
}

.rbt-about-qoute-wrapper {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 48px 0 45px;
    border-bottom: 3px solid var(--color-gray-100)
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-about-qoute-wrapper {
        justify-content: start
    }
}

@media only screen and (max-width: 767px) {
    .rbt-about-qoute-wrapper {
        justify-content: start
    }
}

.rbt-about-qoute-wrapper .rbt-about-qoute {
    padding: 0 12px 0 52px;
    max-width: 30%;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-about-qoute-wrapper .rbt-about-qoute {
        max-width: 48%
    }
}

@media only screen and (max-width: 767px) {
    .rbt-about-qoute-wrapper .rbt-about-qoute {
        max-width: 100%
    }
}

.rbt-about-qoute-wrapper .rbt-about-qoute::after {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 40px;
    height: 2px;
    background: var(--color-primary)
}

.rbt-thumbnail-wrapper {
    position: relative;
    min-height: 578px
}

@media only screen and (max-width: 479px) {
    .rbt-thumbnail-wrapper {
        min-height: 675px
    }
}

.rbt-thumbnail-wrapper .rbt-thumbnail {
    position: absolute;
    border-radius: var(--radius-big)
}

.rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-1 {
    max-height: 440px;
    max-width: 343px;
    top: 0;
    left: 76px
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-1 {
        left: 0
    }
}

@media only screen and (max-width: 767px) {
    .rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-1 {
        left: 0
    }
}

.rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-1.rbt-curved-style-box {
    -webkit-mask-image: url(../images/system/about-image-mask-shape-1.webp);
    mask-image: url(../images/system/about-image-mask-shape-1.webp);
    background-image: url(../images/system/about-image-mask-shape-1.webp)
}

.rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-2 {
    max-height: 244px;
    max-width: 185px;
    top: 85px;
    right: 0
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-2 {
        right: 52px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-2 {
        top: 245px
    }
}

.rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-2.rbt-curved-style-box {
    -webkit-mask-image: url(../images/system/about-image-mask-shape-2.webp);
    mask-image: url(../images/system/about-image-mask-shape-2.webp);
    background-image: url(../images/system/about-image-mask-shape-2.webp)
}

.rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-3 {
    max-height: 213px;
    max-width: 281px;
    bottom: 0;
    right: 0
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-3 {
        right: 32px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-3 {
        right: 75px
    }
}

.rbt-thumbnail-wrapper .rbt-thumbnail.thumb-image-3.rbt-curved-style-box {
    -webkit-mask-image: url(../images/system/about-image-mask-shape-3.webp);
    mask-image: url(../images/system/about-image-mask-shape-3.webp);
    background-image: url(../images/system/about-image-mask-shape-3.webp)
}

.rbt-about-area .rbt-about-feature-area {
    max-width: 597px;
    padding-left: 40px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-about-area .rbt-about-feature-area {
        padding-left: 0;
        margin-top: 32px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-about-area .rbt-about-feature-area {
        padding-left: 0;
        margin-top: 32px
    }
}

.rbt-about-area .rbt-about-feature-area .rbt-section-title {
    max-width: 528px
}

.rbt-about-area .rbt-about-feature-area .rbt-about-feature-wrapper {
    margin-left: -16px
}

.rbt-about-area .rbt-about-feature-area .rbt-about-feature-wrapper .rbt-about-feature {
    display: flex;
    gap: 16px;
    max-width: 488px;
    padding: 12px 16px;
    transition: var(--transition)
}

.rbt-about-area .rbt-about-feature-area .rbt-about-feature-wrapper .rbt-about-feature:hover {
    background: var(--color-white);
    box-shadow: var(--shadow-1);
    border-radius: var(--radius-md);
    scale: 1.05
}

.rbt-about-area .rbt-about-feature-area .rbt-about-feature-wrapper .rbt-about-feature .icon {
    display: inline-block;
    min-width: 48px;
    width: 48px;
    height: 48px;
    border-radius: var(--radius-full);
    background: var(--color-brand-200);
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
    font-size: var(--h6);
    color: var(--color-brand-700)
}

.rbt-about-area .rbt-about-feature-area .rbt-about-feature-wrapper .rbt-about-feature .rbt-feature-content .rbt-feature-title {
    font-weight: var(--f-bold);
    margin-bottom: 8px
}

.rbt-about-area .rbt-about-feature-area .rbt-about-feature-wrapper .rbt-about-feature .rbt-feature-content .rbt-feature-description {
    font-size: var(--font-size-b2);
    color: var(--color-gray-500)
}

.rbt-about-area .video-popup-wrapper.rbt-curved-style-box {
    -webkit-mask-image: url(../images/system/about-video-shape.webp);
    mask-image: url(../images/system/about-video-shape.webp);
    background-image: url(../images/system/about-video-shape.webp)
}

.rbt-about-area .video-popup-wrapper img {
    min-height: 420px
}

.rbt-about-area .video-popup-wrapper .rbt-yt-play-btn-logo {
    min-height: unset;
    width: 100px;
    height: 70px
}

.rbt-about-area .rbt-fshape-box-outline-style .rbt-component-section-title .rbt-fshape-right-portion {
    left: 98%
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-about-area .rbt-fshape-box-outline-style .rbt-component-section-title .rbt-fshape-right-portion {
        left: 97%
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-about-area .rbt-fshape-box-outline-style .rbt-fshape-box {
        margin-top: -1px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-about-area .rbt-fshape-box-outline-style .rbt-fshape-box {
        border-radius: 0 0 var(--radius-big) var(--radius-big)
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-about-area .rbt-fshape-box-outline-style .rbt-component-section-title {
        margin-top: -3px
    }
}

.rbt-blog-details-area .rbt-blog-thumbnail {
    padding: 24px;
    background: var(--color-white);
    border-radius: var(--radius-big);
    margin-bottom: 40px
}

.rbt-blog-details-area .rbt-blog-details-content p {
    margin-bottom: 20px
}

.rbt-blog-details-area .rbt-blog-details-content p:last-child {
    margin-bottom: 0
}

.rbt-blog-details-area .rbt-blog-details-content hr {
    margin: 20px 0;
    background-color: var(--color-gray-100)
}

.rbt-blog-details-area .rbt-blog-details-content td,
.rbt-blog-details-area .rbt-blog-details-content tfoot td {
    border-color: var(--color-gray-100)
}

.rbt-blog-details-area .rbt-blog-details-content pre {
    background: var(--color-brand-50);
    border-radius: var(--radius);
    font-family: var(--font-primary);
    color: var(--color-gray-600)
}

.rbt-blog-details-area blockquote {
    position: relative;
    padding: 32px 112px 32px 32px;
    background: var(--color-brand-100);
    border-radius: var(--radius-12);
    color: var(--color-gray-700);
    font-family: var(--font-primary);
    font-size: var(--h4);
    font-style: normal;
    font-weight: var(--f-regular);
    line-height: var(--line-height-b4)
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-blog-details-area blockquote {
        padding: 32px 56px 32px 32px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-blog-details-area blockquote {
        padding: 32px
    }
}

.rbt-blog-details-area blockquote::after {
    content: "";
    position: absolute;
    top: 36px;
    right: 32px;
    background-image: url(../images/blog-details/blockquote.svg);
    background-repeat: no-repeat, repeat;
    width: 52px;
    height: 44px
}

@media only screen and (max-width: 767px) {
    .rbt-blog-details-area blockquote::after {
        top: 5px;
        right: 0
    }
}

.rbt-blog-details-area blockquote p {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0
}

.rbt-blog-details-area .rbt-blog-categories-share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.rbt-blog-details-area .rbt-blog-categories-share .rbt-blog-categories .rbt-blog-categories-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 0;
    margin: 20px 0
}

.rbt-blog-details-area .rbt-blog-categories-share .rbt-blog-categories .rbt-blog-categories-list li {
    margin: 0;
    padding: 0
}

.rbt-blog-details-area .rbt-blog-categories-share .rbt-blog-categories .rbt-blog-categories-list li a {
    display: inline-block;
    padding: 6px 12px 6px 28px;
    border: 2px solid var(--color-gray-200);
    border-radius: var(--radius);
    position: relative
}

.rbt-blog-details-area .rbt-blog-categories-share .rbt-blog-categories .rbt-blog-categories-list li a::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background: var(--color-primary);
    border-radius: var(--radius-full);
    transition: .3s
}

.rbt-blog-details-area .rbt-blog-categories-share .rbt-blog-categories .rbt-blog-categories-list li a:hover::before {
    scale: 1.3
}

.rbt-blog-details-area .rbt-recent-blog-single {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 16px
}

.rbt-blog-details-area .rbt-recent-blog-single+.rbt-recent-blog-single {
    border-top: 2px solid var(--color-gray-100);
    padding-top: 16px
}

.rbt-blog-details-area .rbt-recent-blog-single .rbt-recent-blog-single-thumb {
    height: 80px;
    width: 80px;
    min-width: 80px;
    border-radius: var(--radius-md);
    overflow: hidden
}

.rbt-blog-details-area .rbt-recent-blog-single .rbt-blog-post-meta {
    margin-bottom: 8px
}

.rbt-blog-details-area .rbt-recent-blog-single .rbt-blog-post-meta .rbt-blog-details-meta-list li {
    color: var(--color-gray-400);
    font-family: var(--font-primary);
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    font-weight: var(--f-medium)
}

.rbt-blog-details-area .rbt-recent-blog-single .rbt-recent-blog-title {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-medium);
    margin-bottom: 0
}

.rbt-blog-details-area .rbt-recent-blog-single .rbt-recent-blog-title a {
    transition: var(--transition)
}

.rbt-blog-details-area .rbt-blog-details-categories .rbt-blog-category-single a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-gray-500);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-medium);
    transition: var(--transition)
}

.rbt-blog-details-area .rbt-blog-details-categories .rbt-blog-category-single a:hover {
    color: var(--color-primary)
}

.rbt-blog-details-area .rbt-sidebar-widget-img {
    max-width: 274px
}

.rbt-blog-post-meta {
    margin-bottom: 12px
}

.rbt-blog-post-meta .rbt-blog-details-meta-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.rbt-blog-post-meta .rbt-blog-details-meta-list li {
    margin: 0;
    padding: 0
}

.rbt-blog-post-meta .rbt-blog-details-meta-list li+li {
    margin-left: 4px
}

.rbt-blog-post-meta .rbt-blog-details-meta-list li+li::before {
    content: "/";
    margin: 4px
}

.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-thumbnail {
    display: inline-block;
    position: relative;
    border-radius: var(--radius-12) 0 var(--radius-12) var(--radius-12);
    overflow: hidden
}

.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-thumbnail img {
    transition: var(--transition)
}

.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-thumbnail .rbt-thumb-top-right-shape {
    display: inline-block;
    width: 50%;
    height: 32px;
    background: var(--color-gray-light);
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 0 0 var(--radius-big)
}

.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-thumbnail .rbt-thumb-top-right-shape::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background: 0 0;
    border-radius: var(--radius-full);
    top: 0;
    left: -30px;
    box-shadow: 16px -16px 0 4px var(--color-gray-light)
}

.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-thumbnail .rbt-thumb-top-right-shape::after {
    content: "";
    width: 30px;
    height: 30px;
    background: 0 0;
    border-radius: var(--radius-full);
    position: absolute;
    right: 0;
    bottom: -30px;
    box-shadow: 16px -16px 0 4px var(--color-gray-light)
}

.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-details-meta {
    margin: 8px 0
}

.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-details-meta .rbt-blog-details-meta-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-details-meta .rbt-blog-details-meta-list li {
    margin: 0;
    padding: 0
}

.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-details-meta .rbt-blog-details-meta-list li+li {
    margin-left: 8px
}

.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-details-meta .rbt-blog-details-meta-list li+li::before {
    content: "/";
    margin-right: 4px
}

.rbt-recent-blog-posted-area .rbt-blog-post-card .rbt-blog-title {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    margin-bottom: 0
}

.rbt-recent-blog-posted-area .rbt-blog-post-card:hover .rbt-blog-thumbnail img {
    scale: 1.05
}

.rbt-comment-list ul.rbt-child-comment {
    padding-left: 75px
}

@media only screen and (max-width: 767px) {
    .rbt-comment-list ul.rbt-child-comment {
        padding-left: 20px
    }
}

.rbt-comment-list .comment {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid var(--color-gray-100)
}

.rbt-comment-list .comment:first-child {
    border-top: transparent
}

.rbt-comment-list .comment:last-child {
    border-bottom: 0
}

.rbt-comment-list .comment .rbt-child-comment .comment {
    border-top: 1px solid var(--color-gray-100)
}

.rbt-comment-list .comment .single-comment {
    padding: 20px 0;
    display: flex
}

@media only screen and (max-width: 575px) {
    .rbt-comment-list .comment .single-comment {
        display: block
    }
}

.rbt-comment-list .comment .single-comment .comment-img {
    margin-bottom: 15px;
    min-width: 48px;
    max-width: 48px;
    margin-right: 20px
}

.rbt-comment-list .comment .single-comment .comment-img img {
    border-radius: 100%;
    width: 100%;
    background: var(--color-white);
    padding: 4px;
    border: 2px solid var(--color-brand-200)
}

.rbt-comment-list .comment .commenter {
    margin-bottom: 4px
}

.rbt-comment-list .comment .commenter a {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b1);
    font-weight: var(--f-medium);
    line-height: var(--line-height-b1)
}

.rbt-comment-list .comment .commenter a:hover {
    color: var(--color-primary)
}

.rbt-comment-list .comment .commenter a .hover-flip-item span::before {
    color: var(--color-heading)
}

.rbt-comment-list .comment .commenter a .hover-flip-item span::after {
    color: var(--color-primary)
}

.rbt-comment-list .comment .comment-meta {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap
}

.rbt-comment-list .comment .time-spent {
    color: var(--color-gray-600);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    font-weight: var(--f-regular);
    line-height: var(--line-height-b3)
}

.rbt-comment-list .comment .reply-edit a.comment-reply-link {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    margin-top: 4px;
    display: flex;
    color: var(--color-primary);
    position: relative;
    font-weight: var(--f-medium);
    overflow: visible
}

.rbt-comment-list .comment .reply-edit a.comment-reply-link .hover-flip-item span::before {
    color: var(--color-heading)
}

.rbt-comment-list .comment .reply-edit a.comment-reply-link .hover-flip-item span::after {
    color: var(--color-primary)
}

.rbt-comment-list .comment .reply-edit a.comment-reply-link:hover {
    color: var(--color-primary)
}

.rbt-comment-list .comment .comment-text p {
    color: var(--color-tertiary)
}

.rbt-comment-list .comment .rbt-commented-img-list {
    display: flex;
    gap: 16px;
    flex-wrap: wrap
}

.rbt-comment-list .comment .rbt-commented-img-list li a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    max-width: 100px
}

.rbt-comment-list .comment .rbt-commented-img-list li a img {
    max-width: 100%;
    height: auto;
    transition: var(--transition);
    object-fit: cover;
    z-index: revert-layer
}

.rbt-comment-list .comment .rbt-commented-img-list li a .text {
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--color-white);
    transform: translate(-50%, -50%);
    font-size: var(--font-size-b2);
    max-width: 80%;
    line-height: var(--line-height-b2);
    text-align: center
}

.rbt-comment-list .comment .rbt-commented-img-list li a:hover {
    opacity: .8
}

.rbt-comment-list .comment .rbt-commented-img-list li a:hover img {
    scale: 1.05
}

.rbt-blog-post-meta {
    margin-bottom: 12px
}

.rbt-blog-post-meta .rbt-blog-details-meta-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.rbt-blog-post-meta .rbt-blog-details-meta-list li {
    margin: 0;
    padding: 0
}

.rbt-blog-post-meta .rbt-blog-details-meta-list li+li {
    margin-left: 4px
}

.rbt-blog-post-meta .rbt-blog-details-meta-list li+li::before {
    content: "/";
    margin: 4px
}

.rbt-recent-blog-single {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 16px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-recent-blog-single {
        align-items: start
    }
}

.rbt-recent-blog-single+.rbt-recent-blog-single {
    border-top: 2px solid var(--color-gray-100);
    padding-top: 16px
}

.rbt-recent-blog-single .rbt-recent-blog-single-thumb {
    height: 80px;
    width: 80px;
    min-width: 80px;
    border-radius: var(--radius-md);
    overflow: hidden;
    background: var(--color-gray-100)
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-recent-blog-single .rbt-recent-blog-single-thumb {
        margin-top: 8px
    }
}

.rbt-recent-blog-single .rbt-recent-blog-single-thumb img {
    transition: var(--transition)
}

.rbt-recent-blog-single:hover .rbt-recent-blog-single-thumb img {
    scale: 1.1
}

.rbt-recent-blog-single .rbt-blog-post-meta {
    margin-bottom: 8px
}

.rbt-recent-blog-single .rbt-blog-post-meta .rbt-blog-details-meta-list li a {
    color: var(--color-gray-400);
    font-family: var(--font-primary);
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    font-weight: var(--f-medium)
}

.rbt-recent-blog-single .rbt-blog-post-meta .rbt-blog-details-meta-list li a:hover {
    color: var(--color-primary)
}

.rbt-recent-blog-single .rbt-recent-blog-title {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-medium);
    margin-bottom: 0
}

.rbt-recent-blog-single .rbt-recent-blog-title a {
    transition: var(--transition)
}

.rbt-sidebar-categories-list li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-gray-500);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-medium);
    transition: var(--transition);
    padding: 4px 8px
}

.rbt-sidebar-categories-list li a:hover {
    color: var(--color-primary)
}

.rbt-blog-social-share {
    display: flex;
    gap: 8px;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.rbt-blog-social-share li {
    margin: 0;
    padding: 0
}

.rbt-blog-social-share li a {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white)
}

.rbt-blog-social-share li a i {
    transition: var(--transition)
}

.rbt-blog-social-share li a.facebook {
    background: var(--color-facebook)
}

.rbt-blog-social-share li a.pinterest {
    background: var(--color-pinterest)
}

.rbt-blog-social-share li a.linkedin {
    background: var(--color-linkedin)
}

.rbt-blog-social-share li a.whatsapp {
    background: var(--color-whatsapp)
}

.rbt-blog-social-share li a.discord {
    background: var(--color-discord)
}

.rbt-blog-social-share li a:hover {
    color: var(--color-white)
}

.rbt-blog-social-share li a:hover i {
    transform: scale(1.06)
}

.rbt-counterup-wrapper {
    display: flex;
    column-gap: 60px;
    row-gap: 24px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-counterup-wrapper {
        column-gap: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-counterup-wrapper {
        column-gap: 24px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-counterup-wrapper {
        column-gap: 24px
    }
}

.rbt-counterup-wrapper .rbt-counterup-single {
    max-width: 196px
}

.rbt-counterup-wrapper .rbt-counterup-single .rbt-counterup {
    position: relative;
    width: fit-content;
    font-size: var(--h1);
    margin-bottom: 12px
}

.rbt-counterup-wrapper .rbt-counterup-single .rbt-counterup.has-formatting-mark .odometer-formatting-mark {
    display: inline-block
}

.rbt-counterup-wrapper .rbt-counterup-single .rbt-counterup::after {
    content: attr(data-text);
    position: absolute
}

.rbt-counterup-wrapper .rbt-counterup-single .rbt-counterup .odometer-formatting-mark {
    display: none
}

.rbt-error-content {
    position: relative;
    border: 2px solid var(--color-primary);
    padding: 60px;
    border-radius: var(--radius-12) var(--radius-12) var(--radius-12) 0;
    margin-top: 98px;
    background: var(--color-white);
    z-index: 1
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-error-content {
        padding: 60px 40px;
        margin-top: 80px;
        border-radius: var(--radius-12)
    }
}

@media only screen and (max-width: 767px) {
    .rbt-error-content {
        padding: 20px;
        margin-top: 60px;
        border-radius: var(--radius-12)
    }
}

.rbt-error-content .rbt-error-title {
    font-size: 102px;
    color: var(--color-primary);
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .rbt-error-content .rbt-error-title {
        font-size: 70px
    }
}

.rbt-error-content .error-bg-shape {
    width: 481px;
    position: absolute;
    top: 104px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -2
}

.rbt-error-content .rbt-error-subtitle {
    margin-top: 48px;
    margin-bottom: 12px
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-error-content .rbt-error-subtitle {
        margin-top: 36px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-error-content .rbt-error-subtitle {
        margin-top: 32px
    }
}

.rbt-error-content .rbt-error-description {
    padding: 0 266px;
    margin-bottom: 24px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-error-content .rbt-error-description {
        padding: 0 180px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-error-content .rbt-error-description {
        padding: 0 52px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-error-content .rbt-error-description {
        padding: 0 52px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-error-content .rbt-error-description {
        padding: 0
    }
}

.rbt-error-content .rbt-error-description.error-maintanance-description {
    padding: 0 180px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-error-content .rbt-error-description.error-maintanance-description {
        padding: 0 96px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-error-content .rbt-error-description.error-maintanance-description {
        padding: 0 52px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-error-content .rbt-error-description.error-maintanance-description {
        padding: 0
    }
}

@media only screen and (max-width: 767px) {
    .rbt-error-content .rbt-error-description.error-maintanance-description {
        padding: 0
    }
}

.rbt-fshape-box-outline-bottom-style {
    border-top: unset;
    border-radius: 0 0 0 12px;
    padding: 0;
    height: 52px;
    width: 70%;
    margin-top: -2px;
    border-bottom: 2px solid var(--color-primary);
    border-left: 2px solid var(--color-primary);
    position: relative;
    z-index: 2
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-fshape-box-outline-bottom-style {
        margin-top: -3px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-fshape-box-outline-bottom-style {
        margin-top: -3px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-fshape-box-outline-bottom-style {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .rbt-fshape-box-outline-bottom-style {
        display: none
    }
}

.rbt-fshape-box-outline-bottom-style .rbt-svg-bottom-portion {
    position: absolute;
    left: 100%
}

.rbt-fshape-box-outline-bottom-style .rbt-svg-bottom-portion svg {
    display: inline-block
}

.fancybox__backdrop {
    background: rgba(0, 0, 0, .7);
    backdrop-filter: blur(5px)
}

.fancybox__content {
    border-radius: var(--radius-12)
}

.fancybox__content .fancybox__iframe {
    border-radius: var(--radius-12)
}

.is-compact .fancybox__content>.f-button.is-close-btn {
    top: -48px;
    right: 0
}

.fancybox__content>.f-button.is-close-btn {
    top: -36px;
    right: -36px;
    width: 40px;
    height: 40px;
    background: var(--color-gray-600);
    text-align: center;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    color: var(--color-white);
    opacity: 1 !important
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .fancybox__content>.f-button.is-close-btn {
        top: -52px;
        right: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .fancybox__content>.f-button.is-close-btn {
        top: -52px;
        right: 0
    }
}

@media only screen and (max-width: 767px) {
    .fancybox__content>.f-button.is-close-btn {
        width: 40px;
        height: 40px;
        top: -52px;
        right: 0
    }
}

.fancybox__content>.f-button.is-close-btn:hover {
    background: var(--color-gray-600)
}

.fancybox__content>.f-button.is-close-btn svg {
    height: 16px
}

.rbt-blog-post-banner {
    padding: 24px;
    background: var(--color-white)
}

.rbt-blog-post-banner.rbt-curved-style-box {
    background-image: url(../images/system/blog-page-banner-bg-mask.webp);
    mask-image: url(../images/system/blog-page-banner-bg-mask.webp);
    -webkit-mask-image: url(../images/system/blog-page-banner-bg-mask.webp)
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-blog-post-banner.rbt-curved-style-box {
        background-image: unset;
        mask-image: unset;
        -webkit-mask-image: unset;
        border-radius: var(--radius-big)
    }
}

.rbt-blog-post-banner .rbt-blog-post-banner-content {
    background: var(--color-gray-light);
    border-radius: var(--radius-big);
    padding: 32px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .rbt-blog-post-banner .rbt-blog-post-banner-content {
        padding: 24px
    }
}

.rbt-blog-post-banner .rbt-blog-post-banner-content .rbt-btn {
    width: fit-content
}

.rbt-blog-post-banner .rbt-blog-post-banner-content .rbt-blog-post-meta {
    margin-bottom: 8px
}

.rbt-blog-post-banner .rbt-blog-post-banner-content .rbt-blog-post-meta .rbt-blog-details-meta-list li a {
    color: var(--color-gray-400);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-medium)
}

.rbt-blog-post-banner .rbt-blog-post-banner-content .rbt-blog-post-meta .rbt-blog-details-meta-list li a:hover {
    color: var(--color-primary)
}

.rbt-blog-post-banner .rbt-blog-post-banner-content .rbt-blog-banner-title {
    font-size: var(--h3);
    font-weight: var(--f-bold);
    line-height: var(--line-height-b2);
    margin-bottom: 4px
}

@media only screen and (max-width: 767px) {
    .rbt-blog-post-banner .rbt-blog-post-banner-content .rbt-blog-banner-title {
        font-size: var(--h4)
    }
}

.rbt-blog-post-banner .rbt-blog-post-banner-content .rbt-blog-banner-text {
    color: var(--color-gray-600);
    font-family: var(--font-primary);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: var(--f-regular);
    margin-bottom: 24px
}

.rbt-blog-banner-thumbnail {
    background: var(--color-white);
    border-radius: var(--radius-big)
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-blog-banner-thumbnail {
        margin-top: 24px
    }
}

.rbt-blog-banner-thumbnail .rbt-curved-style-box {
    background-image: url(../images/system/blog-page-banner-slider-image-bg-mask.webp);
    mask-image: url(../images/system/blog-page-banner-slider-image-bg-mask.webp);
    -webkit-mask-image: url(../images/system/blog-page-banner-slider-image-bg-mask.webp)
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-blog-banner-thumbnail .rbt-blog-banner-img {
        height: 424px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-blog-banner-thumbnail .rbt-blog-banner-img img {
        height: 100%;
        object-fit: cover
    }
}

.rbt-blog-post-card-area .rbt-sidebar-widget-img {
    max-width: 274px
}

.rbt-google-map {
    height: 100%
}

.rbt-google-map iframe {
    height: 100%;
    border-radius: var(--radius-big);
    box-shadow: var(--shadow-light);
    min-height: 470px
}

.rbt-location-card.rbt-curved-style-box {
    -webkit-mask-image: url(../images/system/location-card-bg-shape-1.webp);
    mask-image: url(../images/system/location-card-bg-shape-1.webp);
    background-image: url(../images/system/location-card-bg-shape-1.webp)
}

.rbt-location-card .inner {
    padding: 32px 24px
}

.rbt-location-card .inner .rbt-location-icon {
    font-size: var(--h2);
    color: var(--color-primary)
}

.rbt-location-card .inner .rbt-location-card-title {
    color: var(--color-gray-700);
    font-family: var(--font-primary);
    font-size: var(--h6);
    font-weight: var(--f-bold);
    margin: 16px 0 8px
}

.rbt-location-card .inner .rbt-location-card-text {
    color: var(--color-gray-500);
    font-family: var(--font-primary);
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    font-weight: var(--f-regular);
    margin-bottom: 22px
}

.rbt-location-card .inner .rbt-contact-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 8px
}

.rbt-location-card .inner .rbt-contact-info-list li {
    margin: 0;
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: var(--f-semi-bold)
}

.rbt-location-card.style-two {
    border-radius: 12px;
    border: 2px solid var(--color-gray-100)
}

.rbt-location-card.style-two .inner .rbt-location-card-title {
    margin-top: 0
}

.rbt-location-card.style-two .inner .rbt-location-card-text {
    margin-bottom: 12px
}

.rbt-contact-form .rbt-contact-form-title {
    padding: 12px 24px
}

.rbt-contact-form .rbt-contact-form-title::after {
    background-image: url(../images/section-title/title-bg-right-white-shape.svg)
}

@media only screen and (max-width: 767px) {
    .rbt-contact-form .rbt-contact-form-title .rbt-title.h6 {
        font-size: 24px !important
    }
}

.rbt-contact-form .rbt-input-field-grp label {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b2);
    font-weight: var(--f-semi-bold);
    line-height: var(--line-height-b2)
}

.rbt-contact-form .rbt-contact-input-field {
    border-color: var(--color-gray-200);
    box-shadow: none;
    height: 48px;
    padding: 12px 24px;
    margin-top: 12px
}

.rbt-contact-form .rbt-contact-input-field:active,
.rbt-contact-form .rbt-contact-input-field:focus {
    border-color: var(--color-primary)
}

.rbt-contact-form textarea.rbt-contact-input-field {
    height: 192px
}

.rbt-contact-form-sidebar {
    margin-top: 52px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-contact-form-sidebar {
        margin-top: 32px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-contact-form-sidebar {
        margin-top: 32px
    }
}

.rbt-contact-form-sidebar .inner {
    padding: 32px 24px;
    border-radius: var(--radius-12);
    border: 2px solid var(--color-gray-200);
    background: var(--color-white)
}

.rbt-contact-form-sidebar .inner .rbt-contact-sidebar-social-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 16px
}

.rbt-contact-form-sidebar .inner .rbt-contact-sidebar-social-list li {
    margin: 0;
    padding: 0
}

.rbt-contact-form-sidebar .inner .rbt-contact-sidebar-social-list li a {
    display: flex;
    align-items: center;
    gap: 12px
}

.rbt-contact-form-sidebar .inner .rbt-contact-sidebar-social-list li a .icon {
    width: 32px;
    height: 32px;
    background: var(--color-brand-100);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    font-size: var(--font-size-b3)
}

.rbt-contact-form-sidebar .inner .rbt-contact-sidebar-social-list li a .icon.phone {
    background: #1c61e7
}

.rbt-contact-form-sidebar .inner .rbt-contact-sidebar-social-list li a .icon.email {
    background: #e7961c
}

.rbt-contact-form-sidebar .inner .rbt-contact-sidebar-social-list li a .icon.whatsapp {
    background: #075e54
}

.rbt-contact-form-sidebar .inner .rbt-contact-sidebar-social-list li a .icon.pinterest {
    background: #e60023
}

.rbt-contact-form .rbt-fshape-box-outline-style .rbt-component-section-title .rbt-fshape-right-portion {
    top: -3px
}

.rbt-contact-form .rbt-fshape-box-outline-style .rbt-fshape-box {
    margin-top: -2px
}

.rbt-compare-table-area .rbt-component-section-title .description {
    max-width: 430px
}

.rbt-compare-table tbody tr {
    border-width: 0;
    display: flex
}

.rbt-compare-table tbody tr:hover {
    background: var(--color-gray-light)
}

.rbt-compare-table tbody tr td {
    border-width: 0 0 1px 0;
    flex: 0 0 20%;
    padding: 12px 15px;
    min-width: 254px
}

.rbt-compare-table tbody tr:first-child {
    margin-bottom: -12px
}

.rbt-compare-table tbody tr:first-child td {
    border-width: 0;
    padding: 0;
    text-align: center
}

.rbt-compare-table tbody tr:first-child:hover {
    background: unset
}

.rbt-compare-table tbody tr:last-child td {
    border-width: 0
}

.rbt-compare-table tbody tr:nth-child(2) td {
    border-width: 0
}

.rbt-compare-table tbody tr:nth-child(2):hover {
    background: unset
}

.rbt-compare-table tbody .rbt-product-feature-name {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: var(--f-medium);
    margin-bottom: 0
}

.rbt-compare-table tbody .rbt-compare-table-title .rbt-compare-table-text {
    color: var(--color-gray-500);
    font-family: var(--font-primary);
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    font-weight: var(--f-regular);
    margin-bottom: 0;
    margin-top: 8px
}

.rbt-compare-table .rbt-input-field-grp {
    padding: 0 15px;
    margin-bottom: 16px;
    position: relative
}

.rbt-compare-table .rbt-input-field-grp .rbt-input-field {
    height: 40px;
    padding-right: 42px;
    box-shadow: none
}

.rbt-compare-table .rbt-input-field-grp .rbt-input-field::placeholder {
    color: var(-color-gray-400)
}

.rbt-compare-table .rbt-input-field-grp .rbt-search-btn {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    width: 28px;
    border: none;
    background: var(--color-gray-100);
    color: var(--color-gray-400);
    border-radius: var(--border-width);
    font-size: var(--font-size-b3);
    right: 21px;
    top: 50%;
    transform: translateY(-50%)
}

.rbt-compare-table .rbt-input-field-grp .rbt-search-btn::after {
    background: var(--color-primary);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: var(--transition);
    opacity: 0;
    transform: scale(.7);
    border-radius: var(--border-width);
    z-index: -1
}

.rbt-compare-table .rbt-input-field-grp .rbt-search-btn:hover {
    color: var(--color-white)
}

.rbt-compare-table .rbt-input-field-grp .rbt-search-btn:hover::after {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.rbt-compare-table .rbt-compare-item-wrapper {
    position: relative
}

.rbt-compare-table .rbt-compare-item-wrapper .rbt-product-item-img {
    display: inline-block;
    border-radius: var(--radius-md);
    overflow: hidden
}

.rbt-compare-table .rbt-compare-item-wrapper .rbt-product-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition)
}

.rbt-compare-table .rbt-compare-item-wrapper .rbt-product-item-img:hover img {
    scale: 1.05
}

.rbt-compare-table .rbt-compare-item-wrapper .rbt-product-item-category {
    color: var(--color-primary);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-medium);
    margin-bottom: 4px
}

.rbt-compare-table .rbt-compare-item-wrapper .rbt-product-item-title {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: var(--f-medium)
}

.rbt-compare-table .rbt-compare-values {
    min-width: 224px
}

.rbt-compare-table .rbt-product-price {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: var(--f-semi-bold)
}

.rbt-product-remove-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    background: var(--color-gray-100);
    color: var(--color-heading);
    border: none;
    border-radius: var(--radius-full);
    font-size: var(--font-size-b3);
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1;
    transition: var(--transition)
}

.rbt-product-remove-btn i {
    transition: var(--transition)
}

.rbt-product-remove-btn:hover {
    transform: scale(.9);
    background: var(--color-black);
    color: var(--color-white)
}

.rbt-product-remove-btn:hover i {
    color: var(--color-white)
}

.rbt-compare-product-empty-area .rbt-component-section-title .icon {
    color: var(--color-primary);
    font-size: var(--h2)
}

.rbt-compare-product-empty-box {
    background: var(--color-white);
    padding: 40px;
    box-shadow: var(--shadow-1);
    border-radius: var(--radius-12)
}

@media only screen and (max-width: 767px) {
    .rbt-compare-product-empty-box {
        padding: 24px
    }
}

.rbt-compare-product-empty-box .product-empty-box-inner {
    display: flex;
    gap: 24px
}

@media only screen and (max-width: 767px) {
    .rbt-compare-product-empty-box .product-empty-box-inner {
        flex-direction: column
    }
}

.rbt-compare-product-empty-box .rbt-compare-title {
    padding: 24px;
    background: var(--color-brand-50);
    border-radius: var(--radius);
    max-width: 238px
}

@media only screen and (max-width: 767px) {
    .rbt-compare-product-empty-box .rbt-compare-title {
        max-width: 100%
    }
}

.rbt-compare-product-empty-box .rbt-compare-product-search-area {
    flex: 1;
    display: flex;
    gap: 24px;
    flex-direction: column;
    align-items: center
}

.rbt-compare-product-empty-box .rbt-compare-product-search-area .compare-product-search-field-wrap {
    display: flex;
    gap: 24px;
    align-items: center
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-compare-product-empty-box .rbt-compare-product-search-area .compare-product-search-field-wrap {
        flex-direction: column;
        width: 100%
    }
}

.rbt-compare-product-empty-box .rbt-compare-product-search-area .compare-product-search-field-wrap .rbt-search-form {
    flex: 1
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-compare-product-empty-box .rbt-compare-product-search-area .compare-product-search-field-wrap .rbt-search-form {
        padding: 0;
        width: 100%
    }
}

.rbt-compare-product-empty-box .rbt-compare-product-search-area .compare-product-search-field-wrap .rbt-search-form+.rbt-search-form {
    padding-left: 24px;
    border-left: 2px solid var(--color-border)
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-compare-product-empty-box .rbt-compare-product-search-area .compare-product-search-field-wrap .rbt-search-form+.rbt-search-form {
        padding: 0;
        border-left: none
    }
}

.rbt-compare-product-empty-box .rbt-compare-product-search-area .rbt-inner-search-field {
    display: inline-block
}

.rbt-compare-product-empty-box .rbt-compare-product-search-area .rbt-inner-search-field .rbt-search-input-section {
    position: relative
}

.rbt-compare-product-empty-box .rbt-compare-product-search-area input {
    padding: 0 36px 0 16px;
    color: var(--color-heading)
}

.rbt-compare-product-empty-box .rbt-compare-product-search-area input::placeholder {
    color: var(--color-gray-500)
}

.rbt-compare-product-empty-box .rbt-compare-product-search-area .search-btn {
    height: 28px;
    width: 28px;
    border-radius: var(--radius);
    border: none;
    right: 6px;
    top: 50%;
    transform: translateY(-50%)
}

.rbt-product-search-dropdown {
    padding: 0;
    margin: 0;
    list-style: none;
    border-radius: var(--radius);
    overflow: hidden;
    background: var(--color-white);
    box-shadow: var(--shadow-product-item);
    padding: 8px;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: var(--transition);
    z-index: 1
}

.rbt-product-search-dropdown.show-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.rbt-product-search-dropdown li {
    margin: 0;
    padding: 8px 0;
    display: flex;
    gap: 8px;
    border-bottom: 1px solid var(--color-brand-100);
    transition: var(--transition)
}

.rbt-product-search-dropdown li:first-child {
    padding-top: 0
}

.rbt-product-search-dropdown li:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.rbt-product-search-dropdown li:hover {
    cursor: pointer
}

.rbt-product-search-dropdown li:hover .rbt-product {
    background: var(--color-brand-50)
}

.rbt-product-search-dropdown li .rbt-product {
    background: 0 0;
    border-radius: var(--radius);
    width: 44px;
    height: 44px;
    border: 1px solid var(--color-gray-200);
    transition: var(--transition)
}

.rbt-product-search-dropdown li .rbt-product-info .rbt-title {
    margin-bottom: 0;
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    font-weight: var(--f-bold)
}

.rbt-product-search-dropdown li .rbt-product-info .pricing-part {
    font-size: var(--font-size-b4);
    margin: 0;
    line-height: 1
}

.rbt-product-search-dropdown li .rbt-product-info .pricing-part .price-text {
    font-size: var(--font-size-b4)
}

.rbt-wishlist-area .rbt-component-section-title .description {
    max-width: 385px
}

.rbt-product-price-text {
    color: var(--color-heading);
    font-size: 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 .3s ease
}

@media only screen and (max-width: 479px) {
    .rbt-copy-link-part .rbt-copy-value-field {
        width: 100%;
        padding-right: 76px
    }
}

.rbt-copy-link-part .rbt-copy-value-field:focus {
    border-color: var(--color-border)
}

.rbt-copy-link-part .rbt-copy-value-field::selection {
    color: #fff;
    background-color: var(--color-primary)
}

.rbt-copy-link-part .rbt-btn {
    position: absolute;
    right: 8px;
    bottom: 8px;
    padding: 0 24px
}

.rbt-copy-link-part .rbt-btn::after {
    content: attr(data-tooltip);
    width: 80px;
    height: 40px;
    bottom: 124%;
    left: 60px;
    border-radius: var(--radius-60);
    font-size: 14px;
    line-height: 40px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    background-color: var(--color-primary);
    color: var(--color-gray-200);
    transform: translateY(-10px) translateX(-50%);
    text-align: center;
    transition: var(--transition)
}

.rbt-copy-link-part .rbt-btn::before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    margin-top: -8px;
    border-top: 8px solid var(--color-primary);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    opacity: 0;
    transform: translateY(-10px);
    transition: var(--transition)
}

.rbt-copy-link-part .rbt-btn:hover::after {
    opacity: 1;
    transform: translateY(0) translateX(-50%)
}

.rbt-copy-link-part .rbt-btn:hover::before {
    opacity: 1;
    transform: unset
}

.rbt-copy-link-part .rbt-btn i {
    font-size: inherit
}

@media only screen and (max-width: 479px) {
    .rbt-copy-link-part .rbt-btn .rbt-btn-text {
        display: none
    }
}

.rbt-wishlist-area .modal-dialog {
    max-width: 640px
}

.rbt-wishlist-area .modal-dialog button.btn-close {
    background: var(--color-brand-100);
    border-radius: var(--radius-full);
    height: 40px;
    width: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--h5);
    opacity: 1;
    color: var(--color-heading);
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 1
}

.rbt-wishlist-area .modal-dialog button.btn-close:focus {
    outline: 0
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-wishlist-area .modal-dialog button.btn-close {
        right: 0;
        top: 0;
        background: 0 0
    }
}

.rbt-wishlist-area .rbt-default-modal .modal-content {
    padding: 0
}

.rbt-wishlist-area .modal-body {
    padding: 0
}

.rbt-wishlist-popup {
    background: var(--color-white);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-1);
    padding: 0 32px 24px
}

.rbt-wishlist-popup .rbt-wishlist-popup-header {
    padding: 24px 0 0
}

.rbt-wishlist-popup .rbt-wishlist-popup-header .rbt-title {
    margin: 0
}

.rbt-wishlist-popup .rbt-transparent-table-one tbody tr td {
    padding: 24px 6px;
    width: fit-content
}

.rbt-wishlist-popup .rbt-transparent-table-one tbody tr td:first-child {
    padding-left: 0;
    padding-right: 0
}

.rbt-wishlist-popup .rbt-transparent-table-one tbody tr td:last-child {
    padding-right: 0
}

.rbt-wishlist-popup .rbt-transparent-table-one .rbt-product-remove-btn {
    padding-left: 0;
    padding-right: 20px
}

.rbt-wishlist-popup .rbt-wishlit-popup-footer {
    margin-top: 112px
}

@media only screen and (max-width: 767px) {
    .rbt-wishlist-popup .rbt-wishlit-popup-footer {
        margin-top: 64px
    }
}

.rbt-wishlist-popup .rbt-wishlit-popup-footer .rbt-btn {
    white-space: nowrap
}

.rbt-wishlist-area .rbt-component-section-title .description {
    max-width: 385px
}

.rbt-wishlist-bottom-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-wishlist-bottom-area {
        display: block;
        margin-top: 16px
    }
}

.rbt-wishlist-bottom-area .rbt-social-share-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-wishlist-bottom-area .rbt-social-share-area {
        margin-bottom: 24px
    }
}

.rbt-copy-link-part {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
    margin-right: 8px;
    position: relative;
    width: fit-content
}

@media only screen and (max-width: 767px) {
    .rbt-copy-link-part {
        margin-top: 24px
    }
}

.rbt-copy-link-part .rbt-copy-link-title {
    white-space: nowrap;
    font-size: var(--font-size-b2);
    font-weight: var(--f-semi-bold)
}

.rbt-copy-link-part .rbt-copy-value-field {
    padding: 10px 16px;
    width: 350px;
    padding-right: 112px;
    box-shadow: unset;
    border-radius: var(--radius-60);
    appearance: none;
    transition: all .3s ease
}

@media only screen and (max-width: 479px) {
    .rbt-copy-link-part .rbt-copy-value-field {
        width: 100%;
        padding-right: 76px
    }
}

.rbt-copy-link-part .rbt-copy-value-field:focus {
    border-color: var(--color-border)
}

.rbt-copy-link-part .rbt-copy-value-field::selection {
    color: #fff;
    background-color: var(--color-primary)
}

.rbt-copy-link-part .rbt-btn {
    position: absolute;
    right: 8px;
    top: 50%;
    padding: 0 24px;
    transform: translateY(-50%);
    z-index: 1
}

.rbt-copy-link-part .rbt-btn::after {
    content: attr(data-tooltip);
    min-width: 90px;
    height: auto;
    bottom: 124%;
    left: 30px;
    border-radius: var(--radius-60);
    font-size: 14px;
    line-height: 34px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    background-color: var(--color-black);
    color: var(--color-gray-200);
    transform: translateY(-10px) translateX(-50%);
    text-align: center;
    transition: var(--transition)
}

.rbt-copy-link-part .rbt-btn::before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    margin-top: -9px;
    border-top: 8px solid var(--color-black);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    opacity: 0;
    transform: translateY(-10px);
    transition: var(--transition)
}

.rbt-copy-link-part .rbt-btn:hover::after {
    opacity: 1;
    transform: translateY(0) translateX(-50%)
}

.rbt-copy-link-part .rbt-btn:hover::before {
    opacity: 1;
    transform: unset
}

.rbt-copy-link-part .rbt-btn i {
    font-size: inherit
}

@media only screen and (max-width: 479px) {
    .rbt-copy-link-part .rbt-btn .rbt-btn-text {
        display: none
    }
}

.rbt-find-locate-input-area .rbt-location-search-title {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-medium);
    margin-bottom: 8px;
    text-align: start;
    display: block
}

.rbt-find-locate-input-area .rbt-btn {
    display: block;
    min-width: 200px;
    margin-top: 24px;
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    white-space: nowrap;
    border-radius: var(--radius-md)
}

.rbt-find-locate-input-area .rbt-modern-select .bootstrap-select button.btn-light {
    border: var(--border-width) solid var(--color-gray-200)
}

.rbt-find-locate-input-area .rbt-modern-select .bootstrap-select button.btn-light:active,
.rbt-find-locate-input-area .rbt-modern-select .bootstrap-select button.btn-light:focus {
    border-color: var(--color-primary)
}

.rbt-found-location-card {
    text-align: center;
    padding: 24px 32px;
    background: var(--color-gray-light);
    border-radius: var(--radius-md)
}

.rbt-found-location-card .rbt-location-icon {
    color: var(--color-primary);
    font-size: var(--h3)
}

.rbt-found-location-card .rbt-found-location-name {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-medium);
    margin: 4px 0 8px
}

.rbt-found-location-card .rbt-found-location {
    color: var(--color-gray-400);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-regular)
}

.rbt-login-form .rbt-login-form-inner {
    background: var(--colro-white);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-1)
}

.rbt-login-form .rbt-login-form-top {
    padding: 32px
}

@media only screen and (max-width: 479px) {
    .rbt-login-form .rbt-login-form-top {
        padding: 24px
    }
}

.rbt-login-form .rbt-login-form-top .logo {
    margin-bottom: 24px
}

.rbt-login-form .rbt-login-form-top .logo img {
    max-width: 134px;
    height: auto
}

.rbt-login-form .rbt-login-form-top .description {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    font-weight: var(--f-semi-bold);
    margin-bottom: 12px
}

.rbt-login-form .rbt-login-form-top .rbt-check-group {
    margin-left: 6px
}

.rbt-login-form .rbt-login-form-top .rbt-check-group .rbt-lable-text {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2)
}

.rbt-login-form .rbt-login-form-top .rbt-check-group input[type=radio]~label {
    padding-left: 16px
}

.rbt-login-form .rbt-login-form-top .rbt-social-login-btn {
    border-color: var(--color-gray-200);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    padding: 0 16px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 4px
}

.rbt-login-form .rbt-login-form-top .rbt-social-login-btn:hover {
    background: 0 0;
    box-shadow: none;
    color: var(--color-heading)
}

.rbt-login-form .rbt-login-form-top .rbt-social-login-btn .icon {
    width: 18px
}

.rbt-login-form .rbt-login-form-top .rbt-login-system-switch {
    text-align: center;
    margin-top: 24px;
    color: var(--color-gray-700);
    font-family: var(--font-primary);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: var(--f-medium)
}

.rbt-login-form .rbt-login-form-top .rbt-login-system-switch .rbt-switch-btn {
    color: var(--color-heading);
    font-weight: var(--f-bold);
    color: var(--color-heading);
    font-weight: var(--f-bold);
    background: no-repeat;
    border: none;
    padding: 0
}

@media only screen and (max-width: 479px) {
    .rbt-login-form .rbt-login-form-top .nav-tabs .nav-item .nav-link {
        padding: 8px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-login-form .rbt-login-form-top .nav-tabs .nav-item .nav-link i {
        display: none
    }
}

.rbt-login-form .rbt-login-form-bottom {
    padding: 24px 90px;
    background: #f9f9f9;
    border-radius: 0 0 var(--radius-md) var(--radius-md);
    text-align: center
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-login-form .rbt-login-form-bottom {
        padding: 24px 48px 50px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-login-form .rbt-login-form-bottom {
        padding: 24px 20px 50px
    }
}

.rbt-login-form .rbt-login-form-bottom .rbt-client-review .rbt-review-text {
    color: var(--color-gray-600);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: var(--f-regular)
}

.rbt-login-form .rbt-login-form-bottom .swiper-pagination {
    bottom: 0
}

.rbt-login-form .rbt-login-form-bottom .swiper-pagination .swiper-pagination-bullet {
    width: 48px
}

.rbt-login-form .rbt-login-form-bottom .swiper-pagination .swiper-pagination-bullet::after {
    opacity: .6
}

.rbt-signup-radio-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    padding: 0;
    margin-bottom: 24px
}

.rbt-signup-radio-list li {
    margin: 0;
    padding: 0
}

.rbt-verified-badge {
    background: var(--color-light-green);
    padding: 0 12px;
    color: var(--color-gray-500);
    display: flex;
    align-items: center;
    gap: 4px
}

.rbt-verified-badge i {
    color: var(--color-green)
}

.rbt-verified-badge.badge-rounded {
    border-radius: var(--radius-60)
}

.rbt-round-shape-tab .nav-tabs {
    border: 2px solid var(--color-gray-200);
    border-radius: var(--radius-60);
    padding: 4px;
    display: flex;
    justify-content: center;
    margin-bottom: 16px
}

.rbt-round-shape-tab .nav-tabs .nav-item {
    margin: 0;
    padding: 0;
    flex-basis: 50%
}

.rbt-round-shape-tab .nav-tabs .nav-item .nav-link {
    border: none;
    padding: 12px 32px;
    text-align: center;
    width: 100%;
    border-radius: var(--radius-60);
    color: var(--color-gray-400);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-semi-bold);
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1
}

.rbt-round-shape-tab .nav-tabs .nav-item .nav-link::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--color-brand-300);
    border-radius: var(--radius-60);
    scale: .8;
    opacity: 0;
    z-index: -1;
    transition: var(--transition)
}

.rbt-round-shape-tab .nav-tabs .nav-item .nav-link.active {
    color: var(--color-primary)
}

.rbt-round-shape-tab .nav-tabs .nav-item .nav-link.active::after {
    scale: 1;
    opacity: 1
}

.rbt-round-shape-tab .nav-tabs .nav-item .nav-link:hover {
    color: var(--color-primary)
}

.rbt-round-shape-tab .nav-tabs .nav-item .nav-link.nav-link-btn-sm {
    padding: 4px 16px
}

.rbt-round-shape-tab .nav-tabs.rbt-tabs-primary .nav-link::after {
    background: var(--color-primary)
}

.rbt-round-shape-tab .nav-tabs.rbt-tabs-primary .nav-link.active {
    color: var(--color-white)
}

.rbt-round-shape-tab.rbt-round-shape-more-tab-btn .nav-tabs {
    width: fit-content
}

.rbt-round-shape-tab.rbt-round-shape-more-tab-btn .nav-tabs .nav-item {
    flex-basis: unset
}

.rbt-round-shape-tab.rbt-round-shape-more-tab-btn .nav-tabs .nav-item .disabled {
    background: unset !important
}

form .rbt-field-label {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    font-weight: var(--f-semi-bold);
    margin-bottom: 12px
}

form .rbt-input-field {
    border-radius: var(--radius-60);
    box-shadow: none
}

.rbt-minicart-popup-relative {
    position: relative
}

.rbt-minicart-popup-relative:hover .rbt-mini-cart-popup {
    visibility: visible;
    opacity: 1;
    clip: rect(0, 100vw, 200vh, -30px);
    transition: clip .6s linear, opacity .4s linear
}

.rbt-mini-cart-popup {
    max-width: 280px;
    width: 280px;
    position: absolute;
    top: 100%;
    right: 0;
    visibility: hidden;
    clip: rect(0, 200vw, 0, 0);
    opacity: 0;
    transition: opacity .4s linear, clip .6s linear, visibility 0s .4s;
    transition: var(--transition);
    z-index: 99
}

.rbt-mini-cart-popup .rbt-mini-cart-inner {
    margin-top: 20px;
    background: var(--color-white);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-1);
    padding: 16px;
    position: relative
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .inner-top .content {
    margin-left: 0
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .side-nav {
    min-height: 100px
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .minicart-close-button {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    background: var(--color-gray-light);
    font-size: 12px;
    line-height: 29px;
    font-weight: 900;
    color: var(--color-heading)
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .minicart-close-button:hover {
    color: var(--color-primary)
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper {
    margin-top: 12px
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item {
    margin-bottom: 12px
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item:last-child {
    margin-bottom: 0
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item:hover .thumbnail a img {
    scale: 1.08
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item .thumbnail a {
    width: 80px;
    height: 60px;
    overflow: hidden;
    border-radius: var(--radius)
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item .thumbnail a img {
    transition: var(--transition)
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item .product-content {
    padding-left: 8px
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item .product-content .title {
    font-weight: 500
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item .close-btn {
    top: 10px;
    right: 6px
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item .close-btn .rbt-round-btn {
    height: 24px;
    width: 24px;
    line-height: 24px;
    color: var(--color-gray-300)
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item .close-btn .rbt-round-btn:hover {
    color: var(--color-primary)
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer {
    margin-top: 50px
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-cart-subttotal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-cart-subttotal p {
    margin: 0
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-cart-subttotal .price {
    color: var(--color-primary);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    font-weight: var(--f-semi-bold);
    line-height: var(--line-height-b3)
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .offer-progress-area .offer-text {
    color: var(--color-gray-500);
    font-family: var(--font-primary);
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    margin-bottom: 8px
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .offer-progress-area .progress {
    height: 8px;
    border-radius: 50px;
    background: #d6f7d6
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .offer-progress-area .progress .progress-bar {
    background: #24bd25
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-minicart-bottom .rbt-button-group {
    margin: 0;
    gap: 4%
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-minicart-bottom .rbt-button-group .rbt-btn {
    width: 48%;
    padding: 0 8px;
    text-align: center
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-minicart-bottom .rbt-button-group .rbt-btn.rbt-btn-gray:hover {
    color: var(--color-gray-700);
    background: var(--color-brand-50);
    box-shadow: none
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-minicart-bottom .rbt-button-group a,
.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-minicart-bottom .rbt-button-group button {
    margin: 0
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-minicart-bottom .share-btn-grp {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    margin-top: 8px
}

.rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-minicart-bottom .share-btn-grp .share-btn {
    padding: 8px 8px 4px;
    border-radius: var(--radius-60);
    color: var(--color-primary);
    text-align: center;
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    font-weight: var(--f-semi-bold);
    line-height: var(--line-height-b3)
}

.rbt-quick-access .rbt-mini-cart-popup .rbt-mini-cart-inner .minicart-close-button {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    background: var(--color-gray-light);
    font-size: 12px;
    line-height: 29px;
    font-weight: 900;
    color: var(--color-heading)
}

.rbt-default-modal .modal-dialog.rbt-register-form-modal {
    max-width: 472px
}

.rbt-size-guide-area.modal-dialog {
    max-width: 578px
}

.rbt-size-guide-area .nav-tabs {
    min-width: 117px
}

.rbt-sizeguide-table {
    margin-bottom: 0
}

.rbt-sizeguide-table tbody tr td {
    color: var(--color-gray-700);
    font-family: var(--font-primary);
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    font-weight: var(--f-regular);
    border-width: 0 0 2px 0;
    padding: 16px 4px;
    text-align: center;
    white-space: nowrap;
    min-width: 70px
}

.rbt-sizeguide-table tbody tr td:first-child {
    text-align: start
}

.rbt-sizeguide-table tbody tr td:last-child {
    text-align: end
}

.rbt-sizeguide-table tbody tr:first-child td {
    color: var(--color-heading);
    font-weight: var(--f-semi-bold)
}

.rbt-sizeguide-table tbody tr:last-child td {
    border-width: 0;
    padding-bottom: 0
}

.rbt-minicart-bottom-section {
    background-color: var(--color-white);
    box-shadow: var(--shadow-1);
    position: fixed;
    bottom: -100px;
    left: 0;
    right: 0;
    z-index: 348;
    overflow: hidden;
    padding: 16px 0;
    transition: all .3s
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-minicart-bottom-section {
        display: none
    }
}

.rbt-minicart-bottom-section.rbt-minicart-bottom-section-active {
    bottom: 0 !important
}

@media only screen and (max-width: 1199px) {
    .rbt-minicart-bottom-section.rbt-minicart-bottom-section-active {
        bottom: 54px !important
    }
}

@media only screen and (max-width: 575px) {
    .rbt-minicart-bottom-section.rbt-minicart-bottom-section-active {
        bottom: 54px !important
    }
}

.rbt-minicart-bottom-section .course-action-bottom-right {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .rbt-minicart-bottom-section .course-action-bottom-right {
        justify-content: center
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-minicart-bottom-section .rbt-price.large-size .current-price {
        font-size: 24px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-minicart-bottom-section .rbt-price.large-size .current-price {
        font-size: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-minicart-bottom-section .rbt-price.large-size .off-price {
        font-size: 13px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-minicart-bottom-section .rbt-price.large-size .off-price {
        font-size: 13px
    }
}

@media only screen and (max-width: 575px) {
    .rbt-minicart-bottom-section .rbt-price {
        display: none
    }
}

.rbt-minicart-bottom-section .rbt-prd-info-section {
    display: flex;
    gap: 16px;
    align-items: center
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-minicart-bottom-section .rbt-prd-info-section {
        text-align: center;
        justify-content: center
    }
}

.rbt-minicart-bottom-section .rbt-prd-img {
    max-width: 84px
}

.rbt-minicart-bottom-section .rbt-prd-img img {
    border-radius: 4px
}

.rbt-minicart-bottom-section .rbt-content {
    text-align: left
}

.rbt-minicart-bottom-section .rbt-minicart-bottom-section-right {
    text-align: end;
    justify-content: end;
    align-items: center;
    gap: 16px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-minicart-bottom-section .rbt-minicart-bottom-section-right {
        text-align: center;
        justify-content: center;
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 479px) {
    .rbt-minicart-bottom-section .rbt-minicart-bottom-section-right {
        gap: 4px
    }
}

.rbt-minicart-bottom-section .pricing-part span {
    font-size: var(--h5);
    line-height: 1
}

@media only screen and (max-width: 479px) {
    .rbt-minicart-bottom-section .rbt-title {
        font-size: var(--font-size-b3)
    }
}

@media only screen and (max-width: 479px) {
    .rbt-minicart-bottom-section .rbt-desc {
        font-size: var(--font-size-b4)
    }
}

.rbt-sidebar-cart.sticky-top {
    top: 136px
}

.rbt-sidebar-widget {
    padding: 32px;
    background: var(--color-gray-100);
    border-radius: var(--radius-md)
}

@media only screen and (max-width: 767px) {
    .rbt-sidebar-widget {
        padding: 24px
    }
}

.rbt-sidebar-widget.rbt-sidebar-widget-sm {
    padding: 24px
}

.rbt-sidebar-widget .rbt-cart-subttotal {
    padding: 6px 0
}

.rbt-sidebar-widget .rbt-cart-subttotal:first-child {
    padding-top: 0
}

.rbt-sidebar-widget .rbt-offcanvas-inner-popup-card .rbt-button-group {
    gap: 8px;
    justify-content: start
}

.rbt-sidebar-widget .rbt-offcanvas-inner-popup-card .rbt-button-group .rbt-btn {
    display: inline-block
}

@media only screen and (max-width: 479px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1399px) {
    .rbt-sidebar-widget .rbt-offcanvas-inner-popup-card .rbt-button-group .rbt-btn {
        width: 100%;
        display: block
    }
}

.rbt-coupon-slide-active {
    max-width: 100%;
    padding-bottom: 20px
}

.rbt-coupon-slide-active .swiper-slide {
    width: 90%;
    max-width: 325px
}

.rbt-coupon-slide-active .swiper-slide .rbt-coupon {
    width: 100%;
    max-width: 325px
}

@media only screen and (max-width: 1199px) {
    .rbt-coupon-slide-active .swiper-slide .rbt-coupon {
        min-width: unset
    }
}

.rbt-cart-brand-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: center
}

.rbt-cart-brand-list li {
    margin: 0;
    padding: 0
}

.rbt-single-collapse-item+.rbt-single-collapse-item {
    border-top: 1px solid var(--color-gray-200)
}

.rbt-single-collapse-item:first-child .rbt-collapse-btn {
    padding-top: 0
}

.rbt-single-collapse-item:last-child .rbt-collapse-btn {
    padding-bottom: 0
}

.rbt-single-collapse-item .rbt-collapse-btn .rbt-icon {
    rotate: 0deg;
    color: var(--color-gray-700);
    transition: var(--transition)
}

.rbt-single-collapse-item .rbt-collapse-btn:not(.collapsed) .rbt-icon {
    rotate: 180deg;
    color: var(--color-primary)
}

.rbt-order-sum-area.rbt-order-sum-area-sm .ordered-item {
    max-width: 68px;
    min-width: 20px
}

.rbt-order-sum-area.rbt-order-sum-area-sm .more-icon {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    z-index: 1
}

.rbt-order-sum-area.rbt-order-sum-area-sm .more-icon::before {
    content: "";
    height: 100%;
    width: 100%;
    transform: translate(-80%, -50%) scale(.8);
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--color-gray-200);
    border-radius: 4px;
    z-index: -1;
    transition: var(--transition);
    opacity: 0;
    visibility: hidden
}

.rbt-order-sum-area.rbt-order-sum-area-xm .ordered-item {
    max-width: 70px;
    min-width: 48px
}

.rbt-order-sum-area.rbt-order-sum-area-xm .more-icon {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    z-index: 1
}

.rbt-order-sum-area.rbt-order-sum-area-xm .more-icon::before {
    content: "";
    height: 100%;
    width: 100%;
    transform: translate(-80%, -50%) scale(.8);
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--color-gray-200);
    border-radius: 4px;
    z-index: -1;
    transition: var(--transition);
    opacity: 0;
    visibility: hidden
}

.rbt-order-sum-area .ordered-items-wrapper:hover .more-icon::before {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.02)
}

.rbt-checkout-wrapper-box {
    display: flex;
    flex-direction: column;
    gap: 10px
}

@media only screen and (max-width: 767px) {
    .rbt-checkout-wrapper-box {
        gap: 10px
    }
}

.rbt-checkout-single-content {
    display: flex;
    align-items: baseline;
    gap: 12px 24px
}

@media only screen and (max-width: 767px) {
    .rbt-checkout-single-content {
        flex-wrap: wrap;
        gap: 12px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-checkout-single-content {
        flex-wrap: wrap;
        gap: 12px
    }
}

.rbt-checkout-single-content .rbt-checkout-step {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-gray-200);
    border-radius: 50%;
    font-weight: 500;
    font-size: var(--h6);
    min-width: 40px
}

@media only screen and (max-width: 767px) {
    .rbt-checkout-single-content .rbt-checkout-step {
        height: 32px;
        width: 32px;
        min-width: 32px;
        font-size: var(--font-size-b3)
    }
}

.rbt-checkout-single-content .title,
.rbt-checkout-single-content h5,
.rbt-checkout-single-content h6 {
    margin-bottom: 0;
    line-height: 1.8;
    color: var(--color-body)
}

@media only screen and (max-width: 767px) {

    .rbt-checkout-single-content .title,
    .rbt-checkout-single-content h5,
    .rbt-checkout-single-content h6 {
        line-height: 1.6
    }
}

.rbt-checkout-single-content .content {
    margin-top: 16px
}

@media only screen and (max-width: 767px) {
    .rbt-checkout-single-content .content {
        margin-top: 0
    }
}

.rbt-checkout-single-content .content p {
    margin-bottom: 0
}

.rbt-checkout-single-content .form-area {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    align-items: end
}

@media only screen and (max-width: 767px) {
    .rbt-checkout-single-content .form-area {
        flex-wrap: wrap
    }
}

.rbt-checkout-single-content .dropdown-menu .inner {
    width: 100%
}

/* 
.rbt-checkout-single-content.active .rbt-checkout-step {
    background: var(--color-primary);
    color: var(--color-white)
} */

.rbt-checkout-single-content.active .title {
    color: var(--color-heading)
}

.rbt-order-sidenav .side-nav {
    max-height: unset
}

.datepicker-dropdown {
    font-size: 14px
}

.rbt-cart-sidenav-activation {
    display: flex;
    align-items: center;
    justify-content: center
}

.rbt-h-unset {
    max-height: unset !important
}

.rbt-disabled {
    opacity: .8;
    filter: grayscale(1)
}

.rbt-switcher--color.rbt-disabled {
    transition: var(--transition)
}

.rbt-switcher--color.rbt-disabled::before {
    content: "";
    height: calc(100% + 12px);
    width: 1px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    position: absolute;
    background: var(--color-gray-300);
    transition: all .4s cubic-bezier(0, 0, .34, .54)
}

.rbt-switcher-root li.active .rbt-store-button {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white)
}

.rbt-footer .rbt-footer-top .logo a img {
    max-height: 80px
}

.rbt-footer .rbt-footer-top .description {
    margin-top: 15px;
    margin-bottom: 25px;
    color: var(--color-gray-500)
}

.rbt-footer .rbt-footer-top .description.rbt-less-wider-desc {
    max-width: 236px
}

.rbt-footer .footer-bottom {
    padding: 32px 0
}

@media only screen and (max-width: 479px) {
    .rbt-footer .footer-bottom {
        padding: 16px 0
    }
}

.rbt-footer .footer-bottom .rbt-footer-social-area {
    display: flex;
    align-items: center;
    color: var(--color-gray-500);
    flex-wrap: wrap;
    gap: 24px
}

@media only screen and (max-width: 479px) {
    .rbt-footer .footer-bottom .rbt-footer-social-area {
        gap: 12px
    }
}

.rbt-footer .footer-bottom .rbt-footer-social-area p {
    margin-bottom: 0
}

.rbt-footer .footer-bottom .rbt-app-store-area {
    display: flex;
    align-items: center;
    color: var(--color-gray-500);
    justify-content: flex-end;
    margin-top: 0;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center
}

.rbt-footer .footer-bottom .rbt-app-store-area li a img {
    max-height: 40px
}

@media only screen and (max-width: 479px) {
    .rbt-footer .footer-bottom .rbt-app-store-area li a img {
        max-height: 24px
    }
}

.rbt-footer .footer-bottom .rbt-app-store-area p {
    margin-bottom: 0
}

.rbt-footer .footer-widget .ft-title {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    margin-bottom: 12px;
    font-weight: 600
}

@media only screen and (max-width: 767px) {
    .rbt-footer .footer-widget .ft-title {
        margin-bottom: 8px
    }
}

.rbt-footer .footer-widget .ft-link {
    padding: 0;
    margin: 0;
    list-style: none
}

.rbt-footer .footer-widget .ft-link li {
    margin: 0
}

.rbt-footer .footer-widget .ft-link li+li {
    margin-top: 8px
}

.rbt-footer .footer-widget .ft-link li a {
    font-size: var(--font-size-b2);
    line-height: var(--font-size-b1);
    color: var(--color-gray-500);
    font-weight: 400
}

.rbt-footer .footer-widget .ft-link li a:hover {
    color: var(--color-primary)
}

.rbt-footer .rbt-quick-contact-info .title {
    color: var(--color-gray-500);
    margin-bottom: 8px
}

.rbt-footer .rbt-quick-contact-info .contact-link,
.rbt-footer .rbt-quick-contact-info .text-inf {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: 600;
    line-height: 100%;
    color: var(--color-heading)
}

.rbt-footer .rbt-quick-contact-info .contact-link.has-lg-fsize,
.rbt-footer .rbt-quick-contact-info .text-inf.has-lg-fsize {
    font-size: 20px
}

.rbt-footer .rbt-quick-contact-info a {
    transition: var(--transition)
}

.rbt-footer .rbt-quick-contact-info a:hover {
    color: var(--color-primary)
}

.rbt-footer .rbt-quick-contact-info+.rbt-quick-contact-info {
    margin-top: 24px
}

.rbt-footer.rbt-bg-color-black .ft-title,
.rbt-footer.rbt-bg-color-black .title {
    color: var(--color-white)
}

.rbt-footer.rbt-bg-color-black .ft-link li a {
    color: var(--color-gray-300)
}

.rbt-footer.rbt-bg-color-black .ft-link li a:hover {
    color: var(--color-primary)
}

.rbt-footer.rbt-bg-color-black .copyright-area .rbt-link-hover {
    color: var(--color-gray-300)
}

.rbt-footer.rbt-bg-color-black .copyright-area .rbt-link-hover a {
    color: var(--color-white)
}

.rbt-footer.rbt-bg-color-black .copyright-area .rbt-link-hover a:hover {
    color: var(--color-primary)
}

.rbt-footer.rbt-bg-color-black .copyright-area .copyright-link.rbt-link-hover a {
    color: var(--color-gray-300)
}

.rbt-footer.rbt-bg-color-black .copyright-area .copyright-link.rbt-link-hover a:hover {
    color: var(--color-primary)
}

.rbt-footer.rbt-bg-color-primary .ft-title,
.rbt-footer.rbt-bg-color-primary .title {
    color: var(--color-white)
}

.rbt-footer.rbt-bg-color-primary .ft-link li a {
    color: var(--color-brand-400)
}

.rbt-footer.rbt-bg-color-primary .ft-link li a:hover {
    color: var(--color-white)
}

.rbt-footer.rbt-bg-color-primary .ft-link li p {
    color: var(--color-brand-400)
}

.rbt-footer.rbt-bg-color-primary .copyright-area .rbt-link-hover {
    color: var(--color-brand-400)
}

.rbt-footer.rbt-bg-color-primary .copyright-area .rbt-link-hover a {
    color: var(--color-white)
}

.rbt-footer.rbt-bg-color-primary .copyright-area .rbt-link-hover a:hover {
    color: var(--color-white)
}

.rbt-footer.rbt-bg-color-primary .copyright-area .copyright-link.rbt-link-hover a {
    color: var(--color-brand-400)
}

.rbt-footer.rbt-bg-color-primary .copyright-area .copyright-link.rbt-link-hover a:hover {
    color: var(--color-white)
}

.rbt-footer.rbt-bg-color-primary .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 input {
    background: var(--color-brand-700);
    color: var(--color-brand-400)
}

.rbt-footer.rbt-bg-color-primary .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 input::placeholder {
    color: var(--color-brand-400)
}

.rbt-footer.rbt-bg-color-primary .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 input:focus {
    border-color: var(--color-brand-500)
}

.rbt-footer.rbt-bg-color-primary .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 .rbt-btn {
    background: var(--color-white);
    color: var(--color-primary)
}

.rbt-footer.rbt-bg-color-primary .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 .rbt-btn:active,
.rbt-footer.rbt-bg-color-primary .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 .rbt-btn:hover {
    transform: translateY(-3px)
}

.rbt-footer.rbt-bg-color-primary .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 .icon {
    color: var(--color-brand-400)
}

.rbt-footer.rbt-bg-color-primary .rbt-social-icon-list li a {
    color: var(--color-brand-400)
}

.rbt-footer.rbt-bg-color-primary .rbt-social-icon-list li a:hover {
    color: var(--color-white)
}

.rbt-footer.rbt-footer-dark .footer-widget {
    color: var(--color-gray-300)
}

.rbt-footer.rbt-footer-dark .footer-widget .ft-link li a {
    color: var(--color-gray-300)
}

.rbt-footer.rbt-footer-dark .footer-widget .ft-link li a .rbt-icon {
    color: var(--color-gray-300)
}

.rbt-footer.rbt-footer-dark .footer-widget .ft-link li a:hover {
    color: var(--color-white)
}

.rbt-footer.rbt-footer-dark .footer-widget .ft-title {
    color: var(--color-white)
}

.rbt-footer.rbt-footer-dark .rbt-social-icon-list li a {
    color: var(--color-gray-300)
}

.rbt-footer.rbt-footer-dark .rbt-social-icon-list li a:hover {
    color: var(--color-white)
}

.rbt-footer.rbt-footer-dark .copyright-area .rbt-link-hover a {
    color: var(--color-brand-100)
}

.rbt-footer.rbt-footer-dark .copyright-area .rbt-link-hover a:hover {
    color: var(--color-white)
}

.rbt-footer.rbt-footer-dark .copyright-area .rbt-link-hover.variation-2 a {
    color: var(--color-gray-300)
}

.rbt-footer.rbt-footer-dark .copyright-area .rbt-link-hover.variation-2 a:hover {
    color: var(--color-white)
}

.rbt-footer.rbt-footer-dark .rbt-newsletter-form-one input:focus {
    border-color: var(--white-opacity)
}

.rbt-footer.rbt-footer-dark .rbt-quick-contact-box {
    border-color: var(--color-gray-700)
}

.rbt-footer.rbt-footer-dark .rbt-quick-contact-box:hover {
    border-color: var(--color-gray-400)
}

.rbt-footer.rbt-footer-dark .rbt-quick-contact-box .rbt-quick-contact-info {
    border-color: var(--color-gray-700)
}

.rbt-footer.rbt-footer-style-ten .rbt-watermark-text,
.rbt-footer.rbt-footer-style-three .rbt-watermark-text {
    margin-bottom: -4px
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {

    .rbt-footer.rbt-footer-style-ten .rbt-watermark-text,
    .rbt-footer.rbt-footer-style-three .rbt-watermark-text {
        margin-bottom: 28px
    }
}

@media only screen and (max-width: 767px) {

    .rbt-footer.rbt-footer-style-ten .rbt-watermark-text,
    .rbt-footer.rbt-footer-style-three .rbt-watermark-text {
        margin-bottom: 16px
    }
}

.rbt-footer.rbt-footer-style-seven .rbt-watermark-text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -152px
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-footer.rbt-footer-style-seven .rbt-watermark-text {
        bottom: -110px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-footer.rbt-footer-style-seven .rbt-watermark-text {
        bottom: -48px
    }
}

.rbt-footer.rbt-footer-style-nine .rbt-breadcrumb-page-list .rbt-breadcrumb-item:not(.active) a {
    color: var(--color-white)
}

.rbt-footer.rbt-footer-style-nine .rbt-breadcrumb-page-list .rbt-breadcrumb-item:not(.active) a:hover {
    color: var(--color-gray-400)
}

.rbt-footer.rbt-footer-style-ten .footer-widget .ft-link .rbt-quick-contact-box .rbt-icon {
    font-size: var(--h2)
}

.rbt-footer.rbt-footer-style-ten .footer-widget .ft-link .rbt-quick-contact-box .rbt-quick-contact-info a {
    font-size: var(--h4);
    line-height: 1.5
}

@media only screen and (max-width: 767px) {
    .rbt-footer.rbt-footer-style-ten .footer-widget .ft-link .rbt-quick-contact-box .rbt-quick-contact-info a {
        font-size: 18px
    }
}

.rbt-footer.rbt-footer-style-four .footer-widget {
    padding: 32px
}

@media only screen and (min-width: 1600px) {
    .rbt-footer.rbt-footer-style-four .footer-widget {
        padding: 56px 0 56px 80px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-footer.rbt-footer-style-four .footer-widget {
        padding: 24px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-footer.rbt-footer-style-four .footer-widget {
        padding: 16px 8px
    }
}

.rbt-footer.has-footer-widget-border .footer-widget {
    border-left: 2px solid var(--color-border-2);
    height: 100%
}

@media only screen and (max-width: 767px) {
    .rbt-footer.has-footer-widget-border .footer-widget {
        border-left: 0
    }
}

.rbt-footer .logo {
    width: fit-content
}

.rbt-quick-locat-link {
    min-width: 240px
}

.copyright-area {
    position: relative;
    z-index: 1
}

.copyright-area.copyright-style-1 {
    padding: 24px 0
}

.copyright-area .rbt-link-hover {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-gray-500)
}

.copyright-area .rbt-link-hover a {
    color: var(--color-gray-500);
    font-weight: var(--f-regular)
}

.copyright-area .rbt-link-hover a:hover {
    color: var(--color-primary)
}

.payment-img-link {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 24px 12px;
    justify-content: center
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (max-width:767px) {
    .payment-img-link {
        gap: 8px
    }
}

.payment-img-link li {
    margin: 0
}

.payment-img-link li img {
    max-height: 28px
}

.copyright-link {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 16px
}

@media only screen and (max-width: 479px) {
    .copyright-link {
        gap: 8px
    }
}

.copyright-link li {
    margin: 0
}

.rbt-newsletter-area.style--one {
    padding: 24px 0
}

.rbt-newsletter-area.style--one .rbt-newsletter-content-wrapper {
    display: flex;
    align-items: center;
    color: var(--color-white)
}

@media only screen and (max-width: 767px) {
    .rbt-newsletter-area.style--one .rbt-newsletter-content-wrapper {
        justify-content: start;
        gap: 8px !important;
        flex-wrap: wrap
    }
}

.rbt-newsletter-area.style--one .rbt-newsletter-content-wrapper .rbt-newsletter-icon {
    color: var(--color-white);
    font-size: 48px;
    font-weight: 300;
    line-height: 100%
}

@media only screen and (max-width: 767px) {
    .rbt-newsletter-area.style--one .rbt-newsletter-content-wrapper .rbt-newsletter-icon {
        font-size: 28px
    }
}

.rbt-newsletter-area.style--one .rbt-newsletter-content-wrapper .title {
    color: var(--color-white);
    margin-bottom: 0;
    font-weight: var(--f-regular)
}

@media only screen and (max-width: 767px) {
    .rbt-newsletter-area.style--one .rbt-newsletter-content-wrapper .title {
        font-size: 28px
    }
}

.rbt-newsletter-area.style--one .rbt-newsletter-content-wrapper .title span {
    font-weight: var(--f-semi-bold)
}

.rbt-newsletter-area.style--one .rbt-newsletter-content-wrapper .sub-title {
    margin-left: 24px;
    padding-left: 24px;
    border-left: 1px solid rgba(255, 255, 255, .2);
    margin-bottom: 0
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (max-width:767px) {
    .rbt-newsletter-area.style--one .rbt-newsletter-content-wrapper .sub-title {
        margin-left: 12px;
        padding-left: 12px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-newsletter-area.style--one .rbt-newsletter-content-wrapper .sub-title {
        margin-left: 0;
        padding-left: 0;
        border-left: 0
    }
}

.rbt-newsletter-area.style--one.rbt-var-one {
    background-image: url(../images/banner-img/banner-bg-shape-01.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--color-primary);
    padding: 40px;
    border-radius: 8px
}

.rbt-newsletter-area.rbt-bg-color-primary .rbt-newsletter-form-one input:focus {
    border-color: var(--color-brand-500)
}

.rbt-newsletter-form-one {
    position: relative;
    max-width: 380px
}

.rbt-newsletter-form-one.radius-round input {
    border-radius: 80px
}

.rbt-newsletter-form-one.radius-round .rbt-btn {
    border-radius: var(--radius-60)
}

.rbt-newsletter-form-one input {
    background: var(--color-white);
    padding: 0 48px;
    padding-right: 148px;
    border: 2px solid transparent
}

@media only screen and (max-width: 767px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-newsletter-form-one input {
        padding: 0 36px;
        padding-right: 108px
    }
}

.rbt-newsletter-form-one input:focus {
    border: 2px solid var(--color-primary)
}

.rbt-newsletter-form-one .rbt-btn {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 32px;
    border-radius: 4px
}

@media only screen and (max-width: 767px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-newsletter-form-one .rbt-btn {
        padding: 0 16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-newsletter-form-one .rbt-btn {
        font-size: var(--font-size-b4);
        height: 28px;
        line-height: 28px
    }
}

.rbt-newsletter-form-one .rbt-btn:hover {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-newsletter-form-one .icon {
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    font-size: var(--font-size-b2);
    line-height: 1
}

@media only screen and (max-width: 767px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-newsletter-form-one .icon {
        left: 16px
    }
}

.rbt-newsletter-form-one.rbt-newsletter-form-one-v1 {
    display: flex;
    align-items: center;
    gap: 8px
}

@media only screen and (max-width: 767px),
only screen and (max-width:1199px) {
    .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 {
        flex-wrap: wrap
    }
}

.rbt-newsletter-form-one.rbt-newsletter-form-one-v1 .rbt-btn {
    position: static;
    transform: none
}

.rbt-newsletter-form-one.rbt-newsletter-form-one-v1 input {
    background: var(--color-gray-100);
    padding: 0 16px;
    padding-right: 16px;
    padding-left: 40px;
    box-shadow: none;
    width: 100%;
    height: 40px;
    max-width: 240px
}

.rbt-newsletter-form-one.rbt-newsletter-form-one-v1 .icon {
    left: 16px;
    top: 12px;
    transform: none
}

.rbt-newsletter-form-one.rbt-newsletter-form-one-v1 .rbt-btn {
    height: 40px;
    line-height: 40px;
    font-size: var(--font-size-b1)
}

.rbt-max-w-full {
    max-width: 100% !important
}

.rbt-watermark-text {
    text-align: center;
    font-family: var(--font-primary);
    font-size: 125px;
    font-weight: var(--f-bold);
    line-height: 1;
    letter-spacing: 1.48px;
    color: var(--color-white);
    opacity: .3
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-watermark-text {
        font-size: 128px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-watermark-text {
        font-size: 72px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-watermark-text {
        font-size: 36px
    }
}

.rbt-watermark-text.rbt-watermark-color-var-1 {
    background: linear-gradient(180deg, #e9e9e9 0, rgba(233, 233, 233, .1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 1
}

.rbt-watermark-text.rbt-watermark-lg {
    font-size: 200px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-watermark-text.rbt-watermark-lg {
        font-size: 150px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-watermark-text.rbt-watermark-lg {
        font-size: 88px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-watermark-text.rbt-watermark-lg {
        font-size: 36px
    }
}

.rbt-footer-nav-warpper {
    background: var(--color-gray-light);
    position: relative;
    z-index: 1
}

.rbt-insta-slider-activation .swiper-slide {
    width: fit-content
}

.rbt-insta-slider-activation .swiper-slide .rbt-instapost {
    max-width: 150px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-insta-slider-activation .swiper-slide .rbt-instapost {
        max-width: 136px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-insta-slider-activation .swiper-slide .rbt-instapost {
        max-width: 100px
    }
}

.rbt-quick-contact-box {
    border: 2px solid var(--color-gray-100);
    padding: 8px 16px;
    min-width: 100%;
    width: fit-content;
    background: var(--color-gray-light);
    border-radius: 200px;
    display: flex;
    gap: 12px;
    align-items: center;
    transition: var(--transition)
}

@media only screen and (max-width: 575px) {
    .rbt-quick-contact-box {
        min-width: 204px
    }
}

.rbt-quick-contact-box .rbt-icon {
    font-size: var(--font-size-b1);
    color: var(--color-heading);
    transition: var(--transition)
}

.rbt-quick-contact-box .rbt-quick-contact-info {
    padding-left: 12px;
    display: grid;
    border-left: 2px solid var(--color-gray-100)
}

.rbt-quick-contact-box .rbt-quick-contact-info a {
    font-weight: var(--f-bold) !important
}

.rbt-quick-contact-box:hover {
    border-color: var(--color-primary)
}

.rbt-quick-contact-box:hover .rbt-icon {
    color: var(--color-primary)
}

.rbt-footer-content .row {
    position: relative;
    z-index: 1
}

.rbt-footer-content .rbt-separator-mid {
    z-index: 0
}

.rbt-footer-image-wrapper img {
    position: absolute;
    right: -16%;
    bottom: 0;
    max-width: 722px;
    max-height: 596px
}

@media (min-width: 1400px) and (max-width:1699px) {
    .rbt-footer-image-wrapper img {
        right: 0;
        max-width: 44%
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-footer-image-wrapper img {
        right: 0;
        max-width: 44%
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-footer-image-wrapper img {
        right: 0
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-footer-image-wrapper img {
        display: none
    }
}

.rbt-footer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.rbt-footer-overlay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(177deg, rgba(5, 5, 31, 0) 46.3%, rgba(5, 5, 31, .81) 83.99%)
}

@-webkit-keyframes border-transform {

    0%,
    100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }

    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }

    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }

    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }

    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }

    70% {
        border-radius: var(--radius-full) 50% 34% 66%/56% 68% 32% 44%
    }

    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }
}

.paginacontainer {
    height: 3000px
}

.rbt-progress-parent {
    position: fixed;
    right: 30px;
    bottom: 30px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px var(--color-brand-100);
    z-index: 355;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    backdrop-filter: blur(2px);
    background: rgba(255, 255, 255, .4)
}

@media only screen and (max-width: 1199px) {
    .rbt-progress-parent {
        bottom: 56px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-progress-parent {
        bottom: 50px
    }
}

.rbt-progress-parent.rbt-backto-top-active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.rbt-progress-parent::after {
    position: absolute;
    font-family: "Font Awesome 7 Pro", sans-serif;
    content: "\f062";
    text-align: center;
    line-height: 46px;
    font-size: 20px;
    color: var(--color-primary);
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.rbt-progress-parent:hover::after {
    color: var(--color-primary)
}

.rbt-progress-parent::before {
    position: absolute;
    font-family: "Font Awesome 7 Pro", sans-serif;
    content: "\f062";
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    opacity: 0;
    background: #0d0d12;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    color: var(--color-primary)
}

.rbt-progress-parent svg path {
    fill: none
}

.rbt-progress-parent svg.rbt-back-circle path {
    stroke: var(--color-primary);
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    opacity: .6
}

:root {
    --splash-shadow: 0px 8px 100px 0px #EAEAEA
}

.splash-section-gap {
    padding: 120px 0
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .splash-section-gap {
        padding: 80px 0
    }
}

@media only screen and (max-width: 767px) {
    .splash-section-gap {
        padding: 48px 0
    }
}

.splash-section-gapTop {
    padding-top: 120px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .splash-section-gapTop {
        padding-top: 80px
    }
}

@media only screen and (max-width: 767px) {
    .splash-section-gapTop {
        padding-top: 48px
    }
}

.splash-section-gapBottom {
    padding-bottom: 120px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .splash-section-gapBottom {
        padding-bottom: 80px
    }
}

@media only screen and (max-width: 767px) {
    .splash-section-gapBottom {
        padding-bottom: 48px
    }
}

.splash-section-gap2 {
    padding: 100px 0
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .splash-section-gap2 {
        padding: 80px 0
    }
}

@media only screen and (max-width: 767px) {
    .splash-section-gap2 {
        padding: 48px 0
    }
}

.splash-section-gap2Top {
    padding-top: 100px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .splash-section-gap2Top {
        padding-top: 80px
    }
}

@media only screen and (max-width: 767px) {
    .splash-section-gap2Top {
        padding-top: 48px
    }
}

.splash-section-gap2Bottom {
    padding-bottom: 100px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .splash-section-gap2Bottom {
        padding-bottom: 80px
    }
}

@media only screen and (max-width: 767px) {
    .splash-section-gap2Bottom {
        padding-bottom: 48px
    }
}

.rbt-splash-common-sec-bg {
    background: #eff1f4
}

.rbt-splash-common-sec-bg-2 {
    background: #e9f1fc
}

.splash-page-bg {
    background-color: #e9f1fc
}

.rbt-sticky-section {
    --stickyheader-height: 112px;
    margin: 0 auto;
    position: sticky;
    top: calc(var(--stickyheader-height) + 0);
    transition: margin .3s ease
}

.rbt-sticky-section.sticky-sec-1 {
    top: calc(var(--stickyheader-height) + 24px)
}

.rbt-sticky-section.sticky-sec-2 {
    top: calc(var(--stickyheader-height) + 48px)
}

.rbt-sticky-section.sticky-sec-3 {
    top: calc(var(--stickyheader-height) + 72px)
}

@media only screen and (max-width: 767px) {
    .rbt-sticky-section {
        position: static
    }
}

.rbt-splash-section-title {
    margin-bottom: 40px;
    position: relative
}

.rbt-splash-section-title .icons {
    font-size: 32px;
    display: flex;
    gap: 24px;
    margin-bottom: 24px
}

.rbt-splash-section-title .subtitle {
    font-size: 20px;
    display: inline-block;
    margin-bottom: 8px;
    color: var(--color-black);
    font-family: var(--font-primary);
    position: relative;
    z-index: 2
}

.rbt-splash-section-title .rbt-title {
    font-size: 52px;
    color: var(--color-black);
    line-height: 1;
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-splash-section-title .rbt-title {
        font-size: 44px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-splash-section-title .rbt-title {
        font-size: 32px
    }
}

.rbt-splash-section-title .rbt-title .rbt-title-sm-text {
    font-size: 40px;
    font-weight: var(--f-regular)
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-splash-section-title .rbt-title .rbt-title-sm-text {
        font-size: 36px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-splash-section-title .rbt-title .rbt-title-sm-text {
        font-size: 28px
    }
}

.rbt-splash-section-title .rbt-title .rbt-overlay-text {
    font-size: 280px;
    font-weight: 700;
    padding: 6px 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -54%;
    line-height: .7;
    z-index: -1;
    white-space: nowrap;
    user-select: none
}

.rbt-splash-section-title .rbt-title .rbt-overlay-text.overlay-sm {
    font-size: 112px
}

.rbt-splash-section-title .rbt-title .rbt-overlay-text.overlay-text-color-var-2 {
    background: linear-gradient(180deg, #d8e8ff 0, #eff1f4 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-splash-section-title .rbt-title .rbt-overlay-text.overlay-text-color-var-3 {
    background: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, 0) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: .1
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-splash-section-title .rbt-title .rbt-overlay-text {
        font-size: 160px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-section-title .rbt-title .rbt-overlay-text {
        font-size: 110px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-splash-section-title .rbt-title .rbt-overlay-text {
        font-size: 80px
    }
}

.rbt-splash-section-title .rbt-title .rbt-text-sm {
    font-size: 40px;
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .rbt-splash-section-title .rbt-title .rbt-text-sm {
        font-size: 30px
    }
}

.rbt-splash-section-title p {
    color: #333
}

.rbt-splash-section-title .rbt-input-field {
    max-width: 580px;
    position: relative;
    margin: 0 auto
}

.rbt-splash-section-title .rbt-input-field .rbt-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1
}

.rbt-splash-section-title .rbt-input-field input {
    border-radius: 100px;
    padding-left: 36px;
    color: var(--color-heading);
    box-shadow: none
}

.rbt-splash-section-title .rbt-input-field input::placeholder {
    color: var(--color-body)
}

.rbt-overlay-counter {
    font-size: 280px;
    line-height: 1;
    font-weight: 700;
    user-select: none
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-overlay-counter {
        font-size: 160px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-overlay-counter {
        font-size: 110px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-overlay-counter {
        font-size: 50px
    }
}

.rbt-overlay-counter .odometer .odometer-digit .odometer-value {
    background: linear-gradient(180deg, rgba(33, 90, 218, .3) 0, rgba(239, 241, 244, .3) 87.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-overlay-counter .counter-suffix {
    background: linear-gradient(180deg, rgba(33, 90, 218, .3) 0, rgba(239, 241, 244, .3) 87.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-overlay-counter.counter-sm {
    font-size: 112px
}

.rbt-overlay-counter.counter-md {
    font-size: 180px
}

.rbt-overlay-counter.counter-md .counter-suffix {
    margin-left: -46px
}

.rbt-overlay-counter.color-variation-2 .odometer .odometer-digit .odometer-value {
    background: linear-gradient(180deg, rgba(33, 90, 218, .6) 0, rgba(0, 0, 0, .6) 87.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-overlay-counter.color-variation-2 .counter-suffix {
    background: linear-gradient(180deg, rgba(33, 90, 218, .6) 0, rgba(0, 0, 0, .6) 87.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-splash-gradient-text {
    background: linear-gradient(to left, #4be53e, #302aef);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-splash-bg-light {
    position: absolute;
    width: 262px;
    height: 262px;
    background: var(--color-primary);
    filter: blur(150px);
    border-radius: var(--radius-full)
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-splash-bg-light {
        width: 188px;
        height: 188px
    }
}

.rbt-splash-bg-light.bg-light-sm {
    width: 134px;
    height: 134px
}

.rbt-splash-bg-light.light-center-left {
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.rbt-splash-bg-light.light-center-right {
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.rbt-splash-bg-light.light-top-right {
    top: 20%;
    right: 0
}

.rbt-splash-bg-light.light-top-left {
    top: 20%;
    left: 0
}

.rbt-splash-bg-light.light-bottom-left {
    bottom: 20%;
    left: 0
}

.rbt-splash-bg-light.light-bottom-right {
    bottom: 10%;
    right: 0
}

.splash-header-campaign-area .icon-close.position-right {
    right: 16px
}

.rbt-splash-header-area .header-transparent {
    background: 0 0;
    position: absolute;
    width: 100%
}

.rbt-splash-header-area.rbt-header .header-transparent .rbt-mainmenu-nav .mainmenu>li>a {
    color: var(--color-white)
}

.rbt-splash-header-area.rbt-header .header-transparent .rbt-header-common-sticky-activation .rbt-mainmenu-nav .mainmenu li>a {
    color: var(--color-heading)
}

.rbt-intro-video-box {
    position: absolute;
    top: -12%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: 688px;
    height: 530px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-intro-video-box {
        top: -5%
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-intro-video-box {
        top: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-intro-video-box {
        top: 24px;
        width: 568px;
        height: 504px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-intro-video-box {
        top: 24px;
        width: 300px;
        height: 284px
    }
}

@media only screen and (max-width: 575px) {
    .rbt-intro-video-box {
        width: 285px;
        height: 227px
    }
}

.rbt-intro-video-box .desktop {
    width: 100%;
    height: 398px;
    padding: 16px;
    background: linear-gradient(216deg, #b3b3b3, #a8a8a8);
    border-radius: 6px;
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translateX(-50%)
}

@media only screen and (max-width: 767px) {
    .rbt-intro-video-box .desktop {
        height: 228px;
        padding: 8px
    }
}

@media only screen and (max-width: 575px) {
    .rbt-intro-video-box .desktop {
        height: 170px;
        padding: 4px
    }
}

.rbt-intro-video-box .desktop img,
.rbt-intro-video-box .desktop video {
    display: block;
    width: 100%;
    height: 100%
}

.rbt-intro-video-box .desktop .play-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 124px;
    width: 124px;
    border: 2px solid #e53e3e;
    border-radius: 50%;
    font-size: 40px;
    color: #e53e3e;
    background: rgba(255, 255, 255, .5);
    backdrop-filter: blur(3px);
    position: absolute;
    top: 36%;
    left: 42%
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-intro-video-box .desktop .play-btn {
        font-size: 24px;
        height: 80px;
        width: 80px
    }
}

@media only screen and (max-width: 575px) {
    .rbt-intro-video-box .desktop .play-btn {
        top: 27%;
        left: 39%
    }
}

.rbt-intro-video-box .desktop-stand {
    position: absolute;
    bottom: 0
}

.rbt-intro-video-box .desktop-shadow {
    position: absolute;
    top: calc(100% - 22px);
    left: 50%;
    transform: translateX(-50%);
    z-index: -1
}

@media only screen and (max-width: 767px) {
    .rbt-intro-video-box .desktop-shadow {
        top: calc(100% - 10px)
    }
}

.rbt-intro-video-box .mini-pc {
    position: absolute;
    right: 0;
    bottom: 0
}

@media only screen and (max-width: 767px) {
    .rbt-intro-video-box .mini-pc {
        max-width: 72px
    }
}

.rbt-splash-feature-area {
    padding-top: 348px;
    background: url(../images/splash/section/section-bg-line.webp)
}

@media only screen and (max-width: 767px) {
    .rbt-splash-feature-area {
        padding-top: 290px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-feature-area .rbt-splash-section-title {
        margin-bottom: 0
    }
}

.rbt-splash-feature-area .rbt-splash-section-title .section-indicator {
    right: auto;
    left: -130px;
    top: -80px
}

@media only screen and (max-width: 767px) {
    .rbt-splash-feature-area .rbt-splash-section-title .section-indicator {
        left: 0;
        top: -32px !important;
        z-index: 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-splash-feature-area .rbt-splash-section-title .section-indicator {
        display: none
    }
}

.rbt-key-features {
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-key-features {
        margin-top: 184px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-key-features {
        margin-top: 252px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-key-features {
        margin-top: 24px;
        gap: 12px
    }
}

.rbt-key-features .single-feature {
    width: fit-content;
    font-size: 20px;
    color: var(--color-black);
    max-height: 260px;
    min-width: 170px;
    width: 100%;
    text-align: center;
    position: relative
}

.rbt-key-features .single-feature::before {
    content: "";
    position: absolute;
    width: calc(100% + 4px);
    height: 100%;
    background: linear-gradient(180deg, rgba(33, 88, 218, 0), rgba(249, 249, 249, 0));
    border-radius: 14px;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    opacity: 0;
    transition: var(--transition)
}

.rbt-key-features .single-feature .inner {
    padding: 56px 16px;
    background: linear-gradient(180deg, #e9f1fc 0, #e9f1fc 100%);
    border-radius: 12px;
    height: 100%
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-key-features .single-feature .inner {
        padding: 24px 16px 32px
    }
}

.rbt-key-features .single-feature:nth-child(even) {
    margin-top: -24px
}

.rbt-key-features .single-feature:hover::before {
    top: -2px;
    opacity: 1;
    width: calc(100% + 4px);
    background: linear-gradient(180deg, #215ada, #e9f1fc)
}

.rbt-key-features .single-feature:hover:hover .hover-icon {
    opacity: 1;
    visibility: visible
}

.rbt-key-features .single-feature:hover:hover .default-icon {
    opacity: 0;
    visibility: hidden
}

.rbt-key-features .single-feature .icon {
    height: 72px;
    width: 72px;
    background: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 32px;
    color: var(--color-primary);
    margin: 0 auto;
    margin-bottom: 12px;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-key-features .single-feature .icon {
        height: 52px;
        width: 52px;
        font-size: 20px
    }
}

.rbt-key-features .single-feature .icon .default-icon {
    transition: var(--transition)
}

.rbt-key-features .single-feature .icon .hover-icon {
    max-width: 44px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: var(--transition)
}

.rbt-key-features .single-feature .icon.icon-1 img {
    max-width: 68px
}

.rbt-key-features .single-feature .icon.icon-2 img {
    width: 60px
}

.rbt-key-features .single-feature .icon.icon-3 img {
    max-width: 44px
}

.rbt-key-features .single-feature .icon.icon-4 img {
    max-width: 44px
}

.rbt-key-features .single-feature .rbt-description {
    font-size: 20px;
    color: var(--color-black);
    margin-bottom: 0
}

.rbt-key-features .rbt-single-key-feature-card {
    border-radius: var(--radius-12);
    background: #eff6ff;
    box-shadow: 0 8px 100px 0 #eaeaea;
    position: relative
}

.rbt-key-features .rbt-single-key-feature-card::after {
    content: "";
    position: absolute;
    height: calc(100% + 2px);
    width: calc(100% + 2px);
    top: -1px;
    left: -1px;
    border-radius: var(--radius-12);
    z-index: -1
}

.rbt-key-features .rbt-single-key-feature-card .rbt-inner {
    position: relative;
    z-index: 1;
    border-radius: var(--radius-12)
}

.rbt-key-features .rbt-single-key-feature-card .rbt-content {
    padding: 24px 0 24px 24px
}

.rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-pre-title {
    color: var(--color-black);
    font-size: var(--font-size-b1);
    margin-bottom: 4px
}

.rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list li {
    padding: 4px 10px;
    margin: 0;
    display: flex;
    gap: 4px;
    align-items: center;
    font-size: var(--font-size-b4);
    line-height: 1.86;
    font-weight: var(--f-semi-bold);
    color: var(--color-black);
    background: rgba(219, 235, 255, .61);
    border-radius: 100px
}

.rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list li i {
    color: var(--color-primary)
}

.rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list li .rbt-marquee {
    overflow: hidden;
    position: relative;
    max-width: 72px;
    white-space: nowrap;
    font-weight: var(--f-regular)
}

.rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list li .rbt-marquee:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20px;
    background: linear-gradient(to right, #e3f0ff, rgba(255, 255, 255, 0));
    z-index: 2
}

.rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list li .rbt-marquee:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 20px;
    background: linear-gradient(to left, #e3f0ff, rgba(255, 255, 255, 0));
    z-index: 1
}

.rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list li .rbt-marquee span {
    display: inline-flex;
    position: relative;
    z-index: 1;
    line-height: 1.2;
    font-weight: var(--f-regular);
    animation: btnTxtMarqueeX 5s linear infinite
}

.rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list li .rbt-marquee span::after {
    content: attr(data-text);
    position: absolute;
    white-space: nowrap;
    top: 50%;
    left: 100%;
    transform: translate(15%, -50%)
}

.rbt-key-features .rbt-single-key-feature-card .rbt-key-feature-thumb {
    position: relative;
    border-radius: 0 0 var(--radius-12) var(--radius-12);
    overflow: hidden
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-1 {
    background: url(../images/splash/feature/bg-dot-line1.svg), #eff6ff;
    background-position: center;
    background-repeat: no-repeat
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-1::after {
    background: linear-gradient(150deg, rgba(33, 90, 218, .5) 0, rgba(235, 255, 245, 0) 52%)
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-1 .rbt-content .rbt-title {
    background: linear-gradient(87deg, #000 .54%, #0039ba 61.46%, #215ada 87%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-2 {
    background: url(../images/splash/feature/bg-dot-line3.svg), #ebfff5;
    background-position: center;
    background-repeat: no-repeat
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-2::after {
    background: linear-gradient(150deg, rgba(29, 191, 115, .5) 0, rgba(235, 255, 245, 0) 52%)
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-2 .rbt-content .rbt-title {
    background: linear-gradient(90deg, #030303 37.5%, #009d50 73.49%, #00ff82 85.25%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-2 .rbt-content .rbt-key-feature-list li {
    background: rgba(204, 245, 225, .51)
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-2 .rbt-content .rbt-key-feature-list li i {
    color: #1dbf73
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-2 .rbt-content .rbt-key-feature-list li .rbt-marquee:before {
    background: linear-gradient(to right, #dbfaeb, rgba(255, 255, 255, 0))
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-2 .rbt-content .rbt-key-feature-list li .rbt-marquee:after {
    background: linear-gradient(to left, #dbfaeb, rgba(255, 255, 255, 0))
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-3 {
    background: url(../images/splash/feature/bg-dot-line2.svg), #fff7ef;
    background-position: 0 176px;
    background-repeat: no-repeat
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-3::after {
    background: linear-gradient(150deg, rgba(247, 131, 31, .5) 0, rgba(235, 255, 245, 0) 52%)
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-3 .rbt-content .rbt-title {
    background: linear-gradient(90deg, #030303 37.5%, #ea1802 73.49%, #fca211 85.25%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-3 .rbt-content .rbt-key-feature-list li {
    background: #fed
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-3 .rbt-content .rbt-key-feature-list li i {
    color: #f7831f
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-3 .rbt-content .rbt-key-feature-list li .rbt-marquee:before {
    background: linear-gradient(to right, #fed, rgba(255, 255, 255, 0))
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-3 .rbt-content .rbt-key-feature-list li .rbt-marquee:after {
    background: linear-gradient(to left, #fed, rgba(255, 255, 255, 0))
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-4 {
    background: url(../images/splash/feature/bg-dot-line4.svg), var(--color-white);
    background-position: 0 180px;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    padding: 24px;
    height: calc(100% - 32px)
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-4 .rbt-gradient-animation-colors {
    height: 50px;
    width: 118%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-4 .rbt-gradient-animation-colors .rbt-color-1 {
    width: 50%;
    height: 80%;
    position: absolute;
    top: -10px;
    left: 0;
    border-radius: 0 0 100px 100px;
    background: #4186fd;
    filter: blur(30px)
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-4 .rbt-gradient-animation-colors .rbt-color-2 {
    width: 50%;
    height: 100%;
    position: absolute;
    top: -5px;
    left: 50px;
    border-radius: 0 0 100px 100px;
    background: #ff3f98;
    filter: blur(30px)
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-4 .rbt-gradient-animation-colors .rbt-color-3 {
    width: 50%;
    height: 100%;
    position: absolute;
    top: -5px;
    right: 37px;
    border-radius: 0 0 100px 100px;
    background: #e9a5ff;
    filter: blur(30px)
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-4 .rbt-gradient-animation-colors .rbt-color-4 {
    width: 50%;
    height: 80%;
    position: absolute;
    top: -10px;
    right: 0;
    border-radius: 0 0 100px 100px;
    background: #fd8c1f;
    filter: blur(30px)
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-4 .rbt-inner {
    height: 100%
}

.rbt-key-features .rbt-single-key-feature-card.rbt-card-var-4 .rbt-content {
    position: relative;
    z-index: 2;
    padding: 0
}

.rbt-feature-capsule-list-wrapper {
    padding: 24px;
    pointer-events: none;
    width: 100%;
    min-height: 250px
}

.rbt-feature-capsule-list-wrapper .rbt-feature-capsule-list {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: grab
}

.rbt-feature-capsule-list-wrapper .rbt-feature-capsule-list .rbt-capsule-item {
    padding: 0;
    margin: 0;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    user-select: none;
    pointer-events: auto;
    transition: none
}

.rbt-feature-capsule-list-wrapper .rbt-feature-capsule-list .rbt-capsule-item span {
    display: inline-block;
    font-size: var(--font-size-b3);
    line-height: 1.97;
    font-weight: 500;
    border-radius: 100px;
    padding: 3px 12px;
    background: var(--color-brand-50);
    color: var(--color-black)
}

.rbt-feature-capsule-list-wrapper .rbt-feature-capsule-list .rbt-capsule-item.rbt-capsule-highlight span {
    background: linear-gradient(270deg, #fd998e 0, #ab4fa9 50.52%, #4d3fae 100%);
    color: var(--color-white)
}

.rbt-feature-slide-active {
    height: 115px;
    width: 95px;
    position: absolute;
    right: 20px;
    top: 20px
}

.rbt-feature-slide-active::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    height: 40px;
    background: linear-gradient(to bottom, rgba(255, 242, 228, .7607843137), rgba(255, 241, 227, 0));
    z-index: 2;
    pointer-events: none
}

.rbt-feature-slide-active::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60%;
    height: 50px;
    background: linear-gradient(to top, rgba(255, 242, 228, .7607843137), rgba(255, 241, 227, 0));
    z-index: 1;
    pointer-events: none
}

.rbt-feature-slide-active .swiper-slide {
    width: fit-content;
    margin-left: auto;
    transition: var(--transition);
    height: 15px
}

.rbt-feature-slide-active .swiper-slide .rbt-slide {
    height: 100%
}

.rbt-feature-slide-active .swiper-slide .rbt-slide img {
    height: 100%
}

.rbt-feature-slide-active .swiper-slide.swiper-slide-next,
.rbt-feature-slide-active .swiper-slide.swiper-slide-prev {
    transform-origin: right;
    transform: scale(1.25)
}

.rbt-feature-slide-active .swiper-slide.swiper-slide-prev {
    margin-top: -3px
}

.rbt-feature-slide-active .swiper-slide.swiper-slide-next {
    margin-top: -3px
}

.rbt-feature-slide-active .swiper-slide.swiper-slide-next+.swiper-slide {
    margin-top: -3px
}

.rbt-feature-slide-active .swiper-slide.swiper-slide-active {
    transform-origin: right;
    transform: scale(1.5);
    margin-bottom: 13px !important
}

.rbt-feature-card {
    border-radius: var(--radius-12);
    background: var(--color-white);
    box-shadow: var(--splash-shadow);
    overflow: hidden
}

.rbt-feature-card .rbt-card-img {
    position: relative;
    display: flex
}

.rbt-feature-card.rbt-feature-card-1 {
    padding: 0 22px 32px;
    -webkit-mask-image: url(../images/splash/feature/curve-bg-shape-left-top.webp);
    mask-image: url(../images/splash/feature/curve-bg-shape-left-top.webp);
    background-image: url(../images/splash/feature/curve-bg-shape-left-top.webp);
    filter: drop-shadow(0 8px 100px #eaeaea);
    box-shadow: none
}

.rbt-feature-card.rbt-feature-card-1 .rbt-card-img {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.rbt-feature-card.rbt-feature-card-1 .rbt-card-img img {
    pointer-events: none;
    user-select: none
}

.rbt-feature-card.rbt-feature-card-1 .rbt-card-img .icon {
    position: absolute;
    top: 50%;
    right: 14%;
    border-radius: 50%;
    box-shadow: var(--shadow-3)
}

.rbt-feature-card.rbt-feature-card-1 .rbt-card-img .icon.icon-2 {
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.rbt-feature-card.rbt-feature-card-1 .rbt-feature-card-text {
    margin-top: -76px;
    position: relative;
    z-index: 1
}

.rbt-feature-card.rbt-feature-card-2 {
    background: linear-gradient(180deg, rgba(0, 0, 0, .75) 0, #000 100%), url(../images/splash/feature/bg-image1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 22px 32px 0;
    box-shadow: none;
    position: relative
}

.rbt-feature-card.rbt-feature-card-3 {
    background: linear-gradient(282deg, #ab6ef5 18.17%, #6c46e7 100%);
    padding: 36px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.rbt-feature-card.rbt-feature-card-4 {
    padding: 34px 0 0 32px;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-feature-card.rbt-feature-card-4 {
        margin-top: 24px
    }
}

.rbt-feature-card.rbt-feature-card-4 .rbt-card-img .icon {
    position: absolute;
    right: 70%;
    bottom: 4%
}

.rbt-feature-card.rbt-feature-card-5 {
    padding: 28px 32px;
    background: url(../images/splash/feature/bg-image3.webp);
    overflow: visible;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 100%
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-feature-card.rbt-feature-card-5 {
        padding: 28px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-feature-card.rbt-feature-card-5 {
        margin-top: 24px;
        padding: 24px 16px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-feature-card.rbt-feature-card-5 {
        background-size: 100% 65%
    }
}

.rbt-feature-card.rbt-feature-card-5 .icon {
    position: absolute;
    right: 2%;
    bottom: 85%
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-feature-card.rbt-feature-card-5 .icon {
        display: none
    }
}

.rbt-feature-card.rbt-feature-card-5 .rbt-title {
    background: linear-gradient(90deg, #030303 37.5%, #009d50 73.49%, #00d16a 85.25%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-feature-card.rbt-feature-card-6 {
    padding: 24px 40px
}

.rbt-feature-card.rbt-feature-card-6 .rbt-feature-card-content {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .rbt-feature-card.rbt-feature-card-6 .rbt-feature-card-content {
        flex-direction: column
    }
}

.rbt-feature-card.rbt-feature-card-6 .rbt-feature-card-text {
    max-width: 305px
}

.rbt-feature-card.rbt-feature-card-6 .rbt-card-img {
    max-height: 340px
}

.rbt-feature-card.rbt-feature-card-6 .rbt-swiper-pagination {
    z-index: 1
}

.rbt-feature-card.rbt-feature-card-7 {
    padding: 32px 32px 20px
}

.rbt-feature-card.rbt-feature-card-7 .rbt-card-img {
    display: flex;
    align-items: center;
    justify-content: center
}

.rbt-feature-card.rbt-feature-card-7 .rbt-card-img .icon {
    position: absolute;
    right: -32px;
    top: -52px
}

.rbt-feature-card.rbt-feature-card-8 {
    -webkit-mask-image: url(../images/splash/feature/curve-bg-shape-right-bottom.webp);
    mask-image: url(../images/splash/feature/curve-bg-shape-right-bottom.webp);
    background-image: url(../images/splash/feature/curve-bg-shape-right-bottom.webp);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.rbt-feature-card.rbt-feature-card-8.no-bg-mask {
    -webkit-mask-image: unset;
    mask-image: unset;
    background-image: unset;
    background-repeat: unset;
    background-size: unset
}

.rbt-feature-card.rbt-feature-card-8.bg-varition-one {
    border-radius: 16px;
    background: #353234;
    box-shadow: none
}

@media only screen and (max-width: 767px) {
    .rbt-feature-card.rbt-feature-card-8 {
        margin-top: 24px
    }
}

.rbt-feature-card.rbt-feature-card-8 .rbt-feature-card-text {
    padding: 32px 22px 0
}

.rbt-feature-card.rbt-feature-card-8 .rbt-card-img {
    display: flex;
    align-items: center;
    justify-content: center
}

.rbt-feature-card .rbt-progress-counter-wrap {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    position: absolute;
    right: -12px;
    bottom: 12px
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-feature-card .rbt-progress-counter-wrap {
        right: 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-feature-card .rbt-progress-counter-wrap {
        right: 8px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-feature-card .rbt-progress-counter-wrap {
        position: static
    }
}

.rbt-feature-card .rbt-progress-counter-wrap .counter-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    max-width: 90px;
    background: linear-gradient(180deg, #f0fff4 0, #fff 100%);
    border: 1px solid #e8ffe9;
    padding: 4px;
    border-radius: var(--radius-md)
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-feature-card .rbt-progress-counter-wrap .counter-box {
        max-width: 76px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-feature-card .rbt-progress-counter-wrap .counter-box {
        max-width: 60px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-feature-card .rbt-progress-counter-wrap .counter-box {
        max-width: 76px;
        white-space: nowrap;
        padding: 2px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-feature-card .rbt-progress-counter-wrap .counter-box {
        max-width: 120px;
        padding: 8px
    }
}

.rbt-feature-card .rbt-progress-counter-wrap .counter-box .progressbar-text {
    font-size: var(--h5);
    font-weight: var(--f-bold)
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-feature-card .rbt-progress-counter-wrap .counter-box .progressbar-text {
        font-size: var(--h5)
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-feature-card .rbt-progress-counter-wrap .counter-box .progressbar-text {
        font-size: var(--font-size-b1)
    }
}

.rbt-feature-card .rbt-progress-counter-wrap .progress-bar svg {
    background-color: #f3fff3
}

.rbt-splash-demos-area {
    padding: 155px 0 120px;
    background: url(../images/splash/section/section-bg-line2.webp), var(--color-brand-50)
}

@media only screen and (max-width: 767px) {
    .rbt-splash-demos-area {
        padding-bottom: 0
    }
}

.rbt-splash-demos-area .rbt-overlay-counter {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -132%
}

@media only screen and (max-width: 767px) {
    .rbt-splash-demos-area .rbt-overlay-counter {
        top: -80%;
        display: flex
    }
}

.rbt-splash-demos-area .rbt-overlay-counter .counter-suffix {
    margin-left: -72px
}

@media only screen and (max-width: 767px) {
    .rbt-splash-demos-area .rbt-overlay-counter .counter-suffix {
        margin-left: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-splash-demos-area .rbt-overlay-counter .counter-suffix {
        margin-left: -36px
    }
}

.rbt-splash-demos-area .rbt-demo-wrapper .demo-single .thumbnail img {
    transition: var(--transition)
}

.rbt-splash-demos-area .rbt-demo-wrapper .demo-single:hover {
    transform: translateY(0) scale(1)
}

.rbt-splash-demos-area .rbt-demo-wrapper .demo-single:hover .thumbnail img {
    transform: scale(1.02)
}

.rbt-splash-demos-area .rbt-splash-section-title .rbt-overlay-text {
    background: linear-gradient(180deg, rgba(33, 90, 218, .3) 0, rgba(239, 241, 244, .3) 87.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-splash-demos-area .rbt-splash-section-title .section-indicator {
    right: -72px;
    top: -64px
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-splash-demos-area .rbt-splash-section-title .section-indicator {
        right: 0
    }
}

.rbt-splash-demos-area .demo-single {
    padding: 32px 8px;
    padding-bottom: 60px
}

.rbt-splash-demos-area .demo-single::after {
    width: 8px;
    height: 8px;
    top: 11px;
    left: 16px;
    box-shadow: 16px 0 0 #febc2e, 32px 0 0 #29c841
}

@media only screen and (max-width: 767px) {
    .rbt-splash-demos-area .demo-single::after {
        width: 5px;
        height: 5px;
        top: 5px;
        left: 8px;
        box-shadow: 8px 0 0 #febc2e, 16px 0 0 #29c841
    }
}

.rbt-splash-demos-area .demo-single .inner .thumbnail {
    overflow: hidden
}

@media only screen and (max-width: 1199px) {
    .rbt-splash-demos-area .demo-single .inner .thumbnail {
        display: none
    }
}

.rbt-splash-demos-area .demo-single .inner .content {
    justify-content: space-between;
    padding: 16px
}

.rbt-splash-demos-area .demo-single .inner .content .rbt-tag-list {
    gap: 4px
}

@media only screen and (max-width: 767px) {
    .rbt-splash-demos-area .demo-single .inner .content .rbt-tag-list {
        display: none
    }
}

.rbt-splash-demos-area .demo-single .inner .content .rbt-tag-list a {
    padding: 4px 8px !important;
    font-size: var(--font-size-b4);
    line-height: 1;
    color: var(--color-gray-400);
    height: unset;
    font-weight: 700
}

.rbt-splash-demos-area .demo-single .inner .content .rbt-tag-list a:hover {
    color: var(--color-white)
}

.rbt-splash-demos-area .demo-single:hover {
    transform: translateY(-5px) scale(1.03);
    box-shadow: var(--shadow-3)
}

.rbt-splash-demos-area .rbt-demo-wrapper .demo-single .inner .content .rbt-tag-list .rbt-tag {
    padding: 4px 8px !important;
    border-radius: 16px
}

.rbt-splash-demos-area .rbt-load-more-element-btn {
    position: absolute;
    top: calc(100% + 48px);
    left: 50%;
    transform: translateX(-50%)
}

@media only screen and (max-width: 767px) {
    .rbt-splash-demos-area .rbt-load-more-element-btn {
        top: calc(100% + 24px)
    }
}

.rbt-splash-demos-area .rbt-nothing-found {
    border: 2px solid var(--color-white);
    margin-top: 24px;
    padding: 32px 24px;
    border-radius: var(--radius);
    text-align: center;
    box-shadow: 0 8px 30px 5px rgba(0, 0, 0, .05);
    background: var(--color-white);
    display: none
}

.rbt-splash-demos-area .rbt-nothing-found .rbt-description {
    font-size: var(--font-size-b1);
    line-height: 1.6
}

.rbt-has-load-more-element .rbt-load-single-element {
    display: none
}

.rbt-has-load-more-element .rbt-load-single-element.visible {
    display: block
}

.rbt-bottom-bar {
    position: absolute;
    top: calc(100% + 2px);
    width: calc(100% - 32px);
    padding: 4px 0 8px 0;
    border-radius: 0 0 var(--radius-md) var(--radius-md)
}

.rbt-bottom-bar.rbt-demo-filter-bottom-bar {
    z-index: -1
}

.rbt-splash-section-title .section-indicator {
    position: absolute;
    right: -16px;
    top: 28px;
    color: var(--color-black);
    font-family: var(--font-secondary);
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.08;
    text-transform: capitalize;
    display: flex;
    gap: 16px;
    align-items: center;
    z-index: 1
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1399px) {
    .rbt-splash-section-title .section-indicator {
        font-size: 24px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-splash-section-title .section-indicator {
        right: 0 !important;
        top: -120px !important;
        font-size: 18px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-splash-scroll {
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 8px;
        display: flex;
        flex-wrap: nowrap
    }
}

.rbt-splash-scroll::-webkit-scrollbar {
    display: none
}

.rbt-splash-tabs {
    display: flex;
    gap: 12px;
    margin: 0 auto;
    justify-content: center
}

.rbt-splash-tabs .rbt-product-nav-grp {
    position: relative;
    gap: 0
}

.rbt-splash-tabs .rbt-product-nav-grp+.rbt-product-nav-grp::before {
    content: "";
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/splash/splash-icons/tab-middle-shape.svg);
    width: 22px;
    height: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.rbt-splash-tabs.rbt-tabs-vertical {
    flex-direction: column
}

.rbt-splash-tabs.rbt-tabs-vertical .rbt-product-nav-grp {
    flex-direction: column;
    gap: 8px
}

.rbt-splash-tabs.rbt-tabs-vertical .rbt-tab-btn-list button {
    padding: 8px 12px;
    font-size: var(--font-size-b2);
    color: var(--color-gray-500);
    border-radius: var(--radius);
    display: flex;
    gap: 12px;
    justify-content: space-between;
    align-items: center
}

.rbt-splash-tabs.rbt-tabs-vertical .rbt-tab-btn-list button .rbt-count {
    height: 18px;
    line-height: 18px;
    font-size: var(--font-size-b4);
    color: var(--color-gray-700);
    background: var(--color-brand-300);
    padding: 0 8px;
    border-radius: 40px;
    transition: var(--transition)
}

.rbt-splash-tabs.rbt-tabs-vertical .rbt-tab-btn-list button:hover {
    color: var(--color-primary)
}

.rbt-splash-tabs.rbt-tabs-vertical .rbt-tab-btn-list button.active {
    color: var(--color-black)
}

.rbt-splash-tabs.rbt-tabs-vertical .rbt-tab-btn-list button.active .rbt-count {
    color: var(--color-white);
    background: var(--color-primary)
}

.rbt-splash-tabs.rbt-tabs-vertical .rbt-bg-highlight {
    border-radius: var(--radius);
    margin-top: -2px
}

.rbt-splash-tabs.rbt-tabs-vertical .rbt-input-field {
    position: relative
}

.rbt-splash-tabs.rbt-tabs-vertical .rbt-input-field.has-left-icon .rbt-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1
}

.rbt-splash-tabs.rbt-tabs-vertical .rbt-input-field.has-left-icon input {
    padding-left: 36px;
    background: var(--color-brand-100);
    border-radius: 100px;
    border-color: var(--color-brand-100);
    height: 40px;
    line-height: 40px
}

.rbt-splash-tabs.rbt-tabs-vertical .rbt-input-field.has-left-icon input:focus {
    border-color: var(--color-primary)
}

.rbt-splash-tabs.rbt-tabs-bg-var-2 {
    border-radius: var(--radius-md);
    background: var(--color-white);
    border: 2px solid var(--color-white);
    padding: 24px 16px;
    overflow: unset !important
}

.rbt-splash-tabs.rbt-tabs-bg-var-2 .rbt-product-nav-grp {
    background: 0 0;
    border-radius: var(--radius-md);
    padding: 0
}

.rbt-bg-highlight.splash-tab-bg-highlight {
    background: var(--color-primary)
}

.demo-mesonry-wider {
    margin-left: -72px;
    margin-right: -72px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .demo-mesonry-wider {
        margin-left: 0;
        margin-right: 0
    }
}

.demo-mesonry-full {
    padding-right: 60px;
    padding-left: 60px
}

.rbt-grid-template-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-grid-template-5 {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-grid-template-5 {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1399px) {
    .rbt-grid-template-5 {
        grid-template-columns: repeat(3, 1fr)
    }
}

.rbt-grid-template-5 .rbt-grid-col-span-4 {
    grid-column: span 4
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-grid-template-5 .rbt-grid-col-span-4 {
        grid-column: span 3
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-grid-template-5 .rbt-grid-col-span-4 {
        grid-column: span 2
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-grid-template-5 .rbt-grid-col-span-4 {
        grid-column: span 1
    }
}

.rbt-grid-template-5 .rbt-grid-col-span-3 {
    grid-column: span 3
}

@media only screen and (min-width: 1200px) and (max-width:1399px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-grid-template-5 .rbt-grid-col-span-3 {
        grid-column: span 2
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-grid-template-5 .rbt-grid-col-span-3 {
        grid-column: span 2
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-grid-template-5 .rbt-grid-col-span-3 {
        grid-column: span 1
    }
}

.rbt-grid-template-5 .rbt-grid-col-span-2 {
    grid-column: span 2
}

@media only screen and (min-width: 1200px) and (max-width:1399px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-grid-template-5 .rbt-grid-col-span-2 {
        grid-column: span 2
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-grid-template-5 .rbt-grid-col-span-2 {
        grid-column: span 1
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-grid-template-5 .rbt-grid-col-span-2 {
        grid-column: span 1
    }
}

.rbt-grid-template-5 .rbt-grid-col-span-1 {
    grid-column: span 1
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-grid-template-5 .rbt-grid-col-span-1 {
        grid-column: span 1
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-grid-template-5 .rbt-grid-col-span-1 {
        grid-column: span 1
    }
}

.rbt-demo-wrapper {
    position: relative;
    transition: var(--transition)
}

.rbt-demo-wrapper .demo-mobile-card {
    position: absolute;
    border-radius: 6px;
    border: 2px solid #fff;
    background: rgba(255, 255, 255, .1);
    box-shadow: 0 0 30px 15px rgba(0, 0, 0, .1);
    backdrop-filter: blur(15px);
    padding: 4px;
    top: 27%;
    right: -16px;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: var(--transition)
}

@media only screen and (max-width: 767px) {
    .rbt-demo-wrapper .demo-mobile-card {
        display: none
    }
}

.rbt-demo-wrapper .demo-mobile-card img {
    width: 90px;
    height: 175px
}

.rbt-demo-wrapper .demo-single {
    margin-top: 0
}

@media only screen and (max-width: 1199px) {
    .rbt-demo-wrapper .demo-single {
        padding: 32px 8px 0;
        border: 4px solid #fff;
        backdrop-filter: blur(15.6px);
        background: rgba(255, 255, 255, .22)
    }
}

@media only screen and (max-width: 767px) {
    .rbt-demo-wrapper .demo-single {
        padding: 16px 4px 0
    }
}

.rbt-demo-wrapper .demo-single.has-dark-bg {
    border: 2px solid #555;
    background: rgba(255, 255, 255, .15)
}

.rbt-demo-wrapper .demo-single.has-dark-bg .inner .content .rbt-title,
.rbt-demo-wrapper .demo-single.has-dark-bg .inner .content .rbt-title a {
    color: #fff
}

.rbt-demo-wrapper .demo-single:hover {
    transform: translateY(-5px) scale(1)
}

.rbt-demo-wrapper .demo-single .inner .content {
    flex-wrap: wrap;
    row-gap: 8px
}

@media only screen and (max-width: 767px) {
    .rbt-demo-wrapper .demo-single .inner .content {
        padding: 8px 0
    }
}

@media only screen and (max-width: 767px) {

    .rbt-demo-wrapper .demo-single .inner .content .rbt-title,
    .rbt-demo-wrapper .demo-single .inner .content .rbt-title a {
        display: inline-block;
        max-width: calc(100% - 5px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        text-align: center;
        line-height: 1
    }
}

.rbt-demo-wrapper .demo-single .inner .content .rbt-tag-list .rbt-tag {
    padding: 0 !important
}

@media only screen and (max-width: 1199px) {
    .rbt-demo-wrapper .demo-single::after {
        content: ""
    }
}

@media only screen and (max-width: 1199px) {
    .rbt-demo-wrapper .demo-single .inner .thumbnail {
        display: block
    }
}

.rbt-demo-wrapper .rbt-demo-features-area {
    position: absolute;
    background: var(--color-white);
    left: 0;
    right: 0;
    top: calc(100% - 8px);
    transform: translateY(-10px);
    z-index: 3;
    padding: 0 16px;
    border-radius: 0 0 var(--radius-md) var(--radius-md);
    box-shadow: 0 25px 25px 4px rgba(0, 0, 0, .15);
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    clip-path: polygon(-15% 0, 130% 0, 130% 0, -15% 0)
}

@media only screen and (max-width: 767px) {
    .rbt-demo-wrapper .rbt-demo-features-area {
        display: none
    }
}

.rbt-demo-wrapper .rbt-demo-features-area .rbt-feature-list-wrapper {
    border-top: 1px solid var(--color-border)
}

@media only screen and (max-width: 767px) {
    .rbt-demo-wrapper .rbt-demo-features-area .rbt-feature-list-wrapper {
        font-size: 14px
    }
}

.rbt-demo-wrapper .rbt-demo-features-area .rbt-feature-list-wrapper ul {
    padding-left: 16px
}

.rbt-demo-wrapper .rbt-demo-features-area .rbt-feature-list-wrapper ul li {
    margin-top: 8px;
    margin-bottom: 8px;
    color: var(--color-body);
    font-size: 14px
}

.rbt-demo-wrapper .rbt-demo-features-area .animated-icon-btn.round-sm {
    min-width: 40px
}

@media only screen and (max-width: 767px) {
    .rbt-demo-wrapper .rbt-demo-features-area .animated-icon-btn.round-sm {
        min-width: 28px
    }
}

.rbt-demo-wrapper:hover:not(.has-coming-soon) {
    box-shadow: 0 6.281px 23.555px 4px rgba(0, 0, 0, .15)
}

.rbt-demo-wrapper:hover .demo-single {
    background: var(--color-white)
}

.rbt-demo-wrapper:hover .demo-single.has-dark-bg {
    background: rgba(255, 255, 255, .15)
}

.rbt-demo-wrapper:hover .rbt-demo-features-area {
    opacity: 1;
    visibility: visible;
    clip-path: polygon(-15% 0, 130% 0, 130% 150%, -15% 150%);
    transform: translateY(0)
}

.rbt-demo-wrapper:hover .demo-mobile-card {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.grid-3-meso {
    margin: 0 -15px
}

.grid-3-meso .rbt-meso-item {
    width: 33.33%;
    padding: 0 20px;
    margin-top: 40px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .grid-3-meso .rbt-meso-item {
        width: 50%;
        padding: 0 18px;
        margin-top: 24px
    }
}

@media only screen and (max-width: 767px) {
    .grid-3-meso .rbt-meso-item {
        width: 50%;
        padding: 0 6px;
        margin-top: 12px
    }
}

.splash-demo-mesonry-activation .grid-4-meso {
    width: 100%
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .splash-demo-mesonry-activation .grid-4-meso .rbt-meso-item {
        width: 50%
    }
}

@media only screen and (max-width: 767px) {
    .splash-demo-mesonry-activation .grid-4-meso .rbt-meso-item {
        width: 50%
    }
}

.rbt-header-builder-area .rbt-splash-section-title {
    margin-bottom: 80px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-header-builder-area .rbt-splash-section-title {
        margin-bottom: 40px
    }
}

.rbt-header-builder-card {
    background: #fff;
    border-radius: 12px;
    position: relative;
    overflow: hidden
}

.rbt-header-builder-card:hover .rbt-element-image img {
    transform: rotateX(0) rotateY(0) rotateZ(0)
}

.rbt-header-builder-card .rbt-product-badge {
    border-radius: 20px;
    position: absolute;
    top: 24px;
    right: 24px
}

.rbt-header-builder-card .rbt-builder-content {
    padding: 56px 38px 32px
}

.rbt-header-builder-card .rbt-element-image {
    background: url(../images/splash/builder-element/builder-card-bg1.webp);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: end;
    justify-content: center;
    position: relative;
    perspective: 200px
}

.rbt-header-builder-card .rbt-element-image img {
    transition: .3s ease;
    transform: rotateX(2deg) rotateY(0) rotateZ(0)
}

.rbt-header-builder-card .rbt-element-image.image-2 {
    background: url(../images/splash/builder-element/builder-card-bg2.webp)
}

.rbt-header-builder-card .rbt-element-image.image-3 {
    background: url(../images/splash/builder-element/builder-card-bg3.webp)
}

.rbt-header-builder-card .rbt-element-image.has-overlay::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 59.6%, #fff 100%)
}

.rbt-footer-builder-card {
    border-radius: 12px;
    padding-right: 24px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-footer-builder-card {
        padding: 0 24px 24px
    }
}

.rbt-footer-builder-card .rbt-splash-section-title {
    padding-left: 64px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-footer-builder-card .rbt-splash-section-title {
        padding: 32px 32px 48px;
        margin: 0
    }
}

@media only screen and (max-width: 767px) {
    .rbt-footer-builder-card .rbt-splash-section-title {
        padding: 32px 0 32px;
        margin: 0
    }
}

@media only screen and (max-width: 767px) {
    .rbt-footer-builder-card .rbt-btn {
        padding: 0 24px;
        font-size: 15px;
        height: 40px;
        line-height: 40px
    }

    .rbt-footer-builder-card .rbt-btn i {
        font-size: 14px
    }
}

.rbt-footer-builder-card .rbt-footer-elements {
    background: url(../images/splash/builder-element/builder-card-bg4.webp);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    min-height: 385px;
    width: 100%;
    border: 1px solid transparent
}

.rbt-footer-builder-card .rbt-footer-elements .elements-inner {
    margin: 90px 0;
    height: calc(100% - 196px);
    position: relative
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-footer-builder-card .rbt-footer-elements .elements-inner {
        margin: 136px 0;
        height: calc(100% - 270px)
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-footer-builder-card .rbt-footer-elements .elements-inner {
        margin: 0;
        height: 100%
    }
}

@media only screen and (max-width: 767px) {
    .rbt-footer-builder-card .rbt-footer-elements .elements-inner {
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-items: center
    }
}

.rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image {
    position: absolute;
    border-radius: 4px;
    width: 45%
}

@media only screen and (max-width: 767px) {
    .rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image {
        position: static;
        width: fit-content
    }
}

.rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image img {
    box-shadow: 0 0 15.359px 3.84px rgba(0, 0, 0, .1);
    width: 100%;
    border-radius: 4px
}

.rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image.image-1 {
    left: 24px;
    top: 0
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image.image-1 {
        width: 43%
    }
}

.rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image.image-2 {
    right: 24px;
    top: 0
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image.image-2 {
        width: 42%
    }
}

.rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image.image-3 {
    left: 0;
    top: 37%;
    width: 50%
}

.rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image.image-4 {
    right: 0;
    top: 37%
}

.rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image.image-5 {
    left: 24px;
    bottom: 0;
    width: 40%
}

.rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image.image-6 {
    right: 24px;
    bottom: 0;
    width: 50%
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-footer-builder-card .rbt-footer-elements .elements-inner .footer-ele-image.image-6 {
        width: 46%
    }
}

.rbt-footer-builder-area .sticky-top,
.rbt-header-builder-area .sticky-top {
    top: 132px
}

.rbt-element-presentation-tab-wrapper {
    background: #fff;
    border-radius: 50px;
    padding: 24px 40px;
    width: fit-content;
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-element-presentation-tab-wrapper {
        padding: 16px 20px;
        width: 100%
    }
}

.rbt-element-presentation-tab-wrapper .presentation-tab-inner {
    overflow-x: auto
}

.rbt-element-presentation-tab-wrapper .presentation-tab-inner::-webkit-scrollbar {
    display: none
}

.rbt-element-presentation-tab-list {
    display: flex;
    width: fit-content;
    margin: 0;
    align-items: flex-start;
    gap: 24px;
    list-style: none;
    background: 0 0;
    padding: 0
}

@media only screen and (max-width: 767px) {
    .rbt-element-presentation-tab-list {
        gap: 20px
    }
}

.rbt-element-presentation-tab-list li {
    padding: 0;
    margin: 0
}

.rbt-element-presentation-tab-list li a {
    font-weight: var(--f-regular);
    display: flex;
    gap: 4px;
    align-items: center;
    white-space: nowrap
}

.rbt-element-presentation-tab-list li a .rbt-btn-link {
    font-size: 20px;
    font-weight: var(--f-regular);
    color: var(--color-heading)
}

@media only screen and (max-width: 767px) {
    .rbt-element-presentation-tab-list li a .rbt-btn-link {
        font-size: 18px
    }
}

.rbt-element-presentation-tab-list li a .rbt-btn-link:hover {
    color: var(--color-heading) !important
}

.rbt-element-presentation-tab-list li a .element-count {
    color: var(--color-primary);
    font-size: var(--font-size-b4);
    font-weight: var(--f-medium);
    background: var(--color-brand-300);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    min-width: 26px;
    border-radius: 50px;
    transition: var(--transition);
    padding: 10px
}

.rbt-element-presentation-tab-list li a:hover .element-count {
    background: var(--color-primary);
    color: var(--color-white)
}

.splash-element-presentation-wrapper {
    position: relative
}

.splash-element-presentation-wrapper .splash-element-presentation-active {
    padding-top: 56px
}

.splash-element-presentation-wrapper .splash-element-presentation-active .swiper-wrapper .swiper-slide {
    max-width: 456px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .splash-element-presentation-wrapper .splash-element-presentation-active .swiper-wrapper .swiper-slide {
        max-width: 372px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .splash-element-presentation-wrapper .splash-element-presentation-active .swiper-wrapper .swiper-slide {
        max-width: 300px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .splash-element-presentation-wrapper .splash-element-presentation-active .swiper-wrapper .swiper-slide {
        max-width: 248px
    }
}

@media only screen and (max-width: 767px) {
    .splash-element-presentation-wrapper .splash-element-presentation-active .swiper-wrapper .swiper-slide {
        max-width: 184px
    }
}

.splash-element-presentation-wrapper .swiper-wrapper {
    transition-timing-function: linear !important
}

.splash-element-presentation-wrapper .swiper-wrapper .rbt-element {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--splash-shadow);
    padding: 24px
}

.splash-element-presentation-wrapper .swiper-wrapper .rbt-element+.rbt-element {
    margin-top: 32px
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .splash-element-presentation-wrapper .swiper-wrapper .rbt-element+.rbt-element {
        margin-top: 24px
    }
}

@media only screen and (max-width: 767px) {
    .splash-element-presentation-wrapper .swiper-wrapper .rbt-element+.rbt-element {
        margin-top: 16px
    }
}

.splash-element-presentation-wrapper .rbt-component-box-blur-shape {
    position: absolute;
    right: -240px;
    bottom: 65%
}

.splash-element-presentation-wrapper .rbt-component-box-blur-shape-2 {
    position: absolute;
    left: -240px;
    bottom: 65%
}

.rbt-element-block-presentation .rbt-vertical-scroll {
    max-height: 80vh;
    overflow-y: auto;
    padding-bottom: 32px
}

.rbt-element-block-presentation .rbt-vertical-scroll::-webkit-scrollbar {
    width: 6px;
    transition: width .4s ease
}

.rbt-element-block-presentation .rbt-vertical-scroll::-webkit-scrollbar-thumb {
    background-color: var(--color-black) !important;
    border-radius: 40px
}

.rbt-element-block-presentation .rbt-vertical-scroll::-webkit-scrollbar-track {
    border-radius: 40px;
    background-color: var(--color-gray-300) !important;
    padding: 1px
}

.rbt-element-block-presentation .rbt-vertical-scroll:hover::-webkit-scrollbar {
    width: 6px
}

.rbt-element-block-presentation .rbt-element img {
    box-shadow: var(--shadow-product-item);
    border-radius: var(--radius-md)
}

.rbt-default-modal .modal-dialog-scrollable .modal-content {
    overflow: visible
}

.rbt-default-modal .modal-dialog-scrollable .modal-content .modal-body::-webkit-scrollbar {
    width: 4px
}

.rbt-default-modal .modal-dialog-scrollable .modal-content .modal-body::-webkit-scrollbar-thumb {
    background-color: var(--color-primary);
    border-radius: 6px
}

.rbt-default-modal .modal-dialog-scrollable .modal-content .modal-body::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-primary)
}

.rbt-default-modal .modal-dialog-scrollable .modal-content .modal-body::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 6px
}

.rbt-splash-dark-bg {
    background: url(../images/splash/section/section-bg-line4.webp), var(--color-black)
}

.rbt-custom-page-layout-area {
    position: relative
}

.rbt-custom-page-layout-area::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 440px;
    background: linear-gradient(0deg, #000 .36%, rgba(0, 0, 0, .9) 34.78%, rgba(0, 0, 0, .6) 48.44%, rgba(125, 125, 125, .1) 70.39%, rgba(255, 255, 255, 0) 85.18%);
    z-index: 2
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-custom-page-layout-area::after {
        height: 200px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-custom-page-layout-area .indicator-text {
        color: var(--color-heading) !important
    }
}

.rbt-custom-page-layout-area .rbt-overlay-counter {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -72%
}

@media only screen and (max-width: 767px) {
    .rbt-custom-page-layout-area .rbt-overlay-counter {
        font-size: 80px
    }
}

.rbt-custom-page-layout-area .rbt-overlay-counter .counter-suffix {
    margin-left: -26px
}

.rbt-custom-page-layout-area .demo-single .rbt-product-badge {
    position: absolute;
    right: 16px;
    top: 28px
}

@media only screen and (max-width: 767px) {
    .rbt-custom-page-layout-area .demo-single .rbt-product-badge {
        top: 24px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-custom-page-layout-area .rbt-splash-tabs::after {
        content: "";
        width: 28px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: linear-gradient(to right, rgba(68, 68, 68, 0), var(--color-gray-600) 74%);
        z-index: 1;
        border-radius: 0 40px 40px 0
    }
}

.rbt-splash-loadmore-btn-area {
    position: relative;
    z-index: 3;
    transform: translateY(-12px)
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-splash-loadmore-btn-area {
        transform: translateY(28px)
    }
}

.rbt-splash-filter-area .sticky-top {
    top: 100px
}

.rbt-filter-product-layout-box {
    border: 2px solid #4c4c50;
    border-radius: 6px;
    padding: 16px;
    max-width: 640px;
    height: 382px;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-filter-product-layout-box {
        margin-bottom: 32px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-filter-product-layout-box {
        margin-bottom: 32px
    }
}

.rbt-filter-product-layout-box .filter-product-presentation {
    max-width: 100%;
    height: 100%;
    position: relative
}

.rbt-filter-product-layout-box .filter-product-presentation::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, .6) 100%);
    border-radius: 6px
}

.rbt-filter-product-layout-box .filter-product-presentation img,
.rbt-filter-product-layout-box .filter-product-presentation video {
    border-radius: 6px;
    height: 100%;
    width: 100%
}

.rbt-filter-product-layout-box .rbt-overlay-indicator-text {
    position: absolute;
    top: -23%;
    right: 7%;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .rbt-filter-product-layout-box .rbt-overlay-indicator-text .icon {
        width: 116px
    }
}

.rbt-filter-product-layout-box .rbt-filter-option-box {
    position: absolute;
    top: -17%;
    left: 0;
    box-shadow: 0 8px 20px 10px rgba(0, 0, 0, .17)
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-filter-product-layout-box .rbt-filter-option-box {
        top: -17%;
        width: 120px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-filter-product-layout-box .rbt-filter-option-box {
        top: 20%;
        width: 80px
    }
}

.rbt-overlay-indicator-text {
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .rbt-overlay-indicator-text .icon {
        width: 116px
    }
}

.rbt-overlay-indicator-text .overlay-text {
    color: #fff;
    font-family: var(--font-secondary);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.31;
    text-transform: capitalize
}

@media only screen and (max-width: 767px) {
    .rbt-overlay-indicator-text .overlay-text {
        font-size: 20px
    }
}

.rbt-filter-option-list {
    list-style: none;
    margin: 0;
    padding: 0 104px 0 0
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-filter-option-list {
        padding: 0 20px 0 0
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-filter-option-list {
        padding: 0;
        gap: 20px
    }
}

.rbt-filter-option-list li {
    padding: 0;
    margin: 0;
    transition: var(--transition);
    background: 0 0;
    padding: 16px;
    border-radius: var(--radius);
    margin-left: -16px
}

.rbt-filter-option-list li:hover {
    transform: scale(1.03)
}

.rbt-filter-option-list li .rbt-title {
    line-height: 1
}

.rbt-purchase-option-area {
    position: relative
}

.rbt-purchase-option-area::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 455px;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #000 19.48%, rgba(0, 0, 0, .9) 43.51%, rgba(0, 0, 0, .6) 64.92%, rgba(0, 0, 0, .46) 81.89%, rgba(0, 0, 0, 0) 99.64%)
}

.rbt-purchase-option-area .overlay-btn {
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1
}

.rbt-purchase-option-card {
    border-radius: var(--radius-12);
    background: #17171f;
    overflow: hidden
}

.rbt-purchase-option-card .option-card-top {
    height: 270px;
    position: relative
}

.rbt-purchase-option-card .option-card-top.card-bg-1 {
    background: url(../images/splash/purchase-options/card-bg-1.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-purchase-option-card .option-card-top.card-bg-2 {
    background: url(../images/splash/purchase-options/card-bg-2.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-purchase-option-card .option-card-top.card-bg-3 {
    background: url(../images/splash/purchase-options/card-bg-3.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-purchase-option-card .option-card-top.card-bg-4 {
    background: url(../images/splash/purchase-options/card-bg-4.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-purchase-option-card .option-card-top.card-bg-5 {
    background: url(../images/splash/purchase-options/card-bg-5.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-purchase-option-card .option-card-top.card-bg-6 {
    background: url(../images/splash/purchase-options/card-bg-6.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-purchase-option-card .option-card-top.card-bg-7 {
    background: url(../images/splash/purchase-options/card-bg-7.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-purchase-option-card .option-card-top.card-bg-8 {
    background: url(../images/splash/purchase-options/card-bg-8.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-purchase-option-card .option-card-top.card-bg-9 {
    background: url(../images/splash/purchase-options/card-bg-9.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-purchase-option-card .option-card-top.card-bg-10 {
    background: url(../images/splash/purchase-options/card-bg-10.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-purchase-option-card .option-card-top.card-bg-11 {
    background: url(../images/splash/purchase-options/card-bg-11.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-purchase-option-card .option-card-top.card-bg-12 {
    background: url(../images/splash/purchase-options/card-bg-12.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-purchase-option-card .option-card-top.card-bg-13 {
    background: url(../images/splash/purchase-options/card-bg-13.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-purchase-option-card .option-card-top.card-bg-14 {
    background: url(../images/splash/purchase-options/card-bg-14.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-purchase-option-card .option-card-top.card-bg-15 {
    background: url(../images/splash/purchase-options/card-bg-15.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-purchase-option-card .option-card-top::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) -15%, rgba(16, 16, 21, .7) 24%, #17171f 100%)
}

.rbt-purchase-option-card .option-card-top .purchase-option-image {
    position: absolute;
    z-index: 1
}

.rbt-purchase-option-card .option-card-top .purchase-option-image.image-position-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.rbt-purchase-option-card .option-card-top .purchase-option-image.image-position-top-right {
    top: 10%;
    right: 3%
}

.rbt-purchase-option-card .option-card-top .purchase-option-image.image-position-top-left {
    top: 10%;
    left: 3%
}

.rbt-purchase-option-card .option-card-top .rbt-overlay-indicator-text {
    position: absolute;
    align-items: end;
    top: 20%;
    left: 6%;
    z-index: 1
}

.rbt-purchase-option-card .option-card-top .rbt-overlay-indicator-text.rotate-in-right {
    right: 11%;
    left: auto;
    writing-mode: vertical-lr;
    display: flex;
    align-items: center;
    gap: 10px
}

.rbt-purchase-option-card .option-card-top .rbt-overlay-indicator-text.rotate-in-left {
    left: 11%;
    writing-mode: vertical-lr;
    rotate: 180deg;
    display: flex;
    align-items: center;
    gap: 8px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1399px) {
    .rbt-purchase-option-card .option-card-top .rbt-overlay-indicator-text {
        top: 50%
    }
}

.rbt-purchase-option-card .option-card-top .rbt-overlay-indicator-text .overlay-text {
    font-family: var(--font-secondary)
}

.rbt-purchase-option-card .option-card-content {
    padding: 20px 40px 40px;
    min-height: 186px;
    background: #17171f;
    position: relative;
    margin-top: -2px
}

.rbt-pagination-card .pagination-card-top img {
    box-shadow: var(--shadow-1);
    border-radius: var(--radius-md);
    width: 100%
}

.rbt-pagination-card .pagination-card-content {
    padding: 24px 24px 0
}

@media only screen and (max-width: 767px) {
    .rbt-pagination-card .pagination-card-content {
        padding: 8px
    }
}

.rbt-pagination-card .pagination-card-content .rbt-title {
    margin-bottom: 8px;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .rbt-pagination-card .pagination-card-content .rbt-title {
        margin-bottom: 2px
    }
}

.rbt-search-option-list {
    margin: 0;
    padding: 0;
    display: grid;
    gap: 16px
}

.rbt-search-option-list li {
    margin: 0;
    padding: 0
}

.rbt-search-option-list .single-option {
    background: var(--color-white);
    box-shadow: var(--shadow-1);
    border: 1px solid transparent;
    border-radius: var(--radius-12);
    padding: 28px;
    display: grid;
    gap: 12px;
    height: 88px;
    overflow: hidden;
    transition: var(--transition)
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-search-option-list .single-option {
        height: 84px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-search-option-list .single-option {
        padding: 16px 12px;
        height: 62px
    }
}

.rbt-search-option-list .single-option.active {
    height: 145px;
    border-color: var(--color-primary)
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-search-option-list .single-option.active {
        height: 164px
    }
}

.rbt-search-option-list .single-option.active .rbt-description {
    transform: translateY(0)
}

.rbt-search-option-list .single-option .rbt-description {
    transform: translateY(12px);
    transition: var(--transition);
    color: var(--color-gray-700);
    font-size: var(--font-size-b1)
}

.rbt-search-option-list .single-option .single-opiton-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (max-width: 479px) {
    .rbt-search-option-list .single-option .single-opiton-header .rbt-title {
        width: 240px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media only screen and (max-width: 375px) {
    .rbt-search-option-list .single-option .single-opiton-header .rbt-title {
        width: 210px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.rbt-search-option-list .single-option .single-opiton-header i {
    font-size: 20px;
    color: var(--color-primary);
    margin-right: 4px
}

.rbt-search-option-layout-img-area {
    height: 100%;
    border-radius: var(--radius-12);
    overflow: hidden
}

.rbt-search-option-layout-img-area .search-option-layout-img {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 640px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-search-option-layout-img-area .search-option-layout-img {
        min-height: 440px
    }
}

.rbt-search-option-layout-img-area .search-option-layout-img .layout-bg {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.rbt-search-option-layout-img-area .tab-pane {
    transform: translateY(0);
    opacity: 1
}

.rbt-search-option-layout-img-area .tab-pane.show {
    animation: splashslideDown .5s ease-out forwards
}

.rbt-search-option-layout-img-area .tab-pane.fade:not(.show) {
    animation: splashslideUp .5s ease-out forwards
}

@keyframes splashslideDown {
    from {
        transform: translateY(100px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes splashslideUp {
    from {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(-100px);
        opacity: 0
    }
}

@keyframes splashzoomIn {
    from {
        transform: scale(.8);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes splashzoomOut {
    from {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(.8);
        opacity: 0
    }
}

.tab-pane .layout-bg,
.tab-pane .layout-img {
    opacity: 1
}

.tab-pane.show .layout-img {
    animation: splashslideDown .5s ease-out forwards
}

.tab-pane.fade:not(.show) .layout-img {
    animation: splashslideUp .5s ease-out forwards
}

.tab-pane.show .layout-bg {
    animation: splashzoomIn .5s ease-out forwards
}

.tab-pane.fade:not(.show) .layout-bg {
    animation: splashzoomOut .5s ease-out forwards
}

.rbt-splash-product-cart-layout-area .rbt-splash-section-title .section-indicator {
    top: 0
}

.rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active {
    padding: 40px 0;
    position: relative
}

.rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 320px;
    height: 100%;
    z-index: 2;
    background: linear-gradient(90deg, #e9f1fc 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, #e9f1fc 0, rgba(249, 249, 249, 0) 100%)
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1399px) {
    .rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active::after {
        width: 200px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active::after {
        content: none
    }
}

.rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active .swiper-slide {
    width: fit-content
}

.rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active .rbt-swiper-arrow {
    box-shadow: var(--shadow-1)
}

.rbt-splash-product-cart-layout-area .rbt-splash-cart-layout {
    background: var(--color-white);
    padding: 72px 32px 0 32px;
    border-radius: var(--radius-12);
    box-shadow: var(--shadow-1);
    max-width: 452px;
    user-select: none
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-splash-product-cart-layout-area .rbt-splash-cart-layout {
        max-width: 380px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-splash-product-cart-layout-area .rbt-splash-cart-layout {
        padding: 56px 20px 0 20px;
        max-width: 300px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-product-cart-layout-area .rbt-splash-cart-layout {
        padding: 56px 16px 0 16px;
        max-width: 280px
    }
}

.rbt-splash-product-cart-layout-area .rbt-splash-cart-layout .cart-layout-header {
    position: relative
}

.rbt-splash-product-cart-layout-area .rbt-splash-cart-layout .rbt-overlay-text {
    font-size: 72px;
    font-weight: var(--f-bold);
    background: linear-gradient(181deg, rgba(33, 90, 218, .15) 6.68%, rgba(255, 255, 255, .06) 87.13%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    top: -60px
}

.splash-sticky-section {
    padding: 130px 0 140px
}

@media only screen and (max-width: 767px) {
    .splash-sticky-section {
        padding: 60px 0 140px
    }
}

.rbt-splash-wide-section-right {
    margin-right: -64px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-splash-wide-section-right {
        margin-right: 0
    }
}

.splash-section-bg-yellow {
    background: url(../images/splash/section/section-bg-line5.png), #fbe523;
    background-size: cover
}

.splash-section-bg-blue {
    background: url(../images/splash/section/section-bg-line10.png), #2d67e8;
    background-size: cover
}

.splash-section-bg-green {
    background: url(../images/splash/section/section-bg-line7.png), linear-gradient(180deg, #21da4a 0, #127427 100%);
    background-repeat: no-repeat;
    background-size: cover
}

.rbt-splash-feature-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.rbt-splash-feature-list.rbt-text-color-white li {
    color: var(--color-white)
}

.rbt-splash-feature-list.rbt-text-color-white li i {
    color: var(--color-white)
}

.rbt-splash-feature-list li {
    margin: 0;
    padding: 4px 16px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 16px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .6);
    color: var(--color-heading);
    border-radius: 60px
}

@media only screen and (max-width: 767px) {
    .rbt-splash-feature-list li {
        font-size: 16px
    }
}

.rbt-splash-feature-list li i {
    color: var(--color-success)
}

.rbt-custom-section-flexibility-layout-box {
    border: 2px dashed #fff;
    border-radius: var(--radius-12);
    padding: 24px;
    position: relative;
    background: rgba(255, 255, 255, .25)
}

.rbt-custom-section-flexibility-layout-box .layout-img {
    width: 100%;
    height: 100%
}

.rbt-custom-section-flexibility-layout-box .layout-img img,
.rbt-custom-section-flexibility-layout-box .layout-img video {
    width: 100%;
    border-radius: var(--radius-12)
}

.rbt-custom-section-flexibility-layout-box .custom-component-image {
    position: absolute
}

.rbt-custom-section-flexibility-layout-box .custom-component-image.image-1 {
    top: 10%;
    right: 80%
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1399px) {
    .rbt-custom-section-flexibility-layout-box .custom-component-image.image-1 {
        width: 34%;
        top: -6%;
        left: 0
    }
}

.rbt-custom-section-flexibility-layout-box .custom-component-image.image-2 {
    top: 16%;
    right: -20%
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-custom-section-flexibility-layout-box .custom-component-image.image-2 {
        top: 15%;
        right: 0;
        max-width: 70%
    }
}

.rbt-custom-section-flexibility-layout-box .custom-component-image.image-3 {
    top: 64%;
    right: 40%
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-custom-section-flexibility-layout-box .custom-component-image.image-3 {
        top: 64%;
        right: 52%;
        max-width: 50%
    }
}

.rbt-custom-section-flexibility-layout-box .custom-component-image.image-4 {
    top: 64%;
    right: -20%
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-custom-section-flexibility-layout-box .custom-component-image.image-4 {
        top: 64%;
        right: 0;
        max-width: 50%
    }
}

.rbt-mobile-responsive-layout {
    width: fit-content;
    margin: 0 auto;
    position: relative
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-mobile-responsive-layout {
        margin-bottom: 48px
    }
}

.rbt-mobile-responsive-layout .mobile-component-img {
    position: absolute;
    top: 0;
    right: -20%
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-mobile-responsive-layout .mobile-component-img {
        right: -5%
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-mobile-responsive-layout .mobile-component-img {
        right: 0;
        max-width: 50%
    }
}

.rbt-mobile-responsive-layout .mobile-component-img img {
    max-height: 498px
}

.rbt-page-speed-presentaion-box {
    width: 504px;
    height: 496px;
    border-radius: 50%;
    background: linear-gradient(141deg, rgba(255, 255, 255, .25) 15.39%, rgba(255, 255, 255, 0) 85.49%, #fff 85.49%);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .rbt-page-speed-presentaion-box {
        width: 100%;
        height: 362px;
        margin-top: 48px
    }
}

.rbt-page-speed-presentaion-box .gt-matrix {
    width: 140px;
    height: 140px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    gap: 8px;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.rbt-page-speed-presentaion-box .google-speed {
    width: 208px;
    height: 250px;
    background: rgba(255, 255, 255, .7);
    backdrop-filter: blur(15px);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px
}

@media only screen and (max-width: 767px) {
    .rbt-page-speed-presentaion-box .google-speed {
        width: 196px;
        height: 216px;
        margin-right: -40px
    }
}

.rbt-page-speed-presentaion-box .google-speed .progress-bar {
    border-radius: 50%;
    width: 106px;
    height: 106px
}

.rbt-page-speed-presentaion-box .google-speed .progress-bar svg {
    background: #fff
}

.rbt-page-speed-presentaion-box .google-speed .progress-bar .progressbar-text {
    font-size: 32px;
    font-weight: var(--f-bold)
}

.rbt-page-speed-presentaion-box .google-speed .rbt-modern-progress-bar {
    max-width: 112px;
    font-size: var(--h2)
}

@media only screen and (max-width: 767px) {
    .rbt-page-speed-presentaion-box .google-speed .rbt-modern-progress-bar {
        max-width: 98px;
        font-size: var(--h3)
    }
}

.rbt-page-speed-presentaion-box .rbt-speed-box {
    padding: 12px 28px 12px 12px;
    width: fit-content;
    height: fit-content;
    border-radius: var(--radius);
    background: rgba(255, 255, 255, .7);
    backdrop-filter: blur(15px);
    display: flex;
    flex-direction: column;
    gap: 4px;
    white-space: nowrap;
    position: absolute
}

@media only screen and (max-width: 767px) {
    .rbt-page-speed-presentaion-box .rbt-speed-box {
        padding: 12px
    }
}

.rbt-page-speed-presentaion-box .rbt-speed-box.box-1 {
    left: -10%;
    top: 12%
}

@media only screen and (max-width: 767px) {
    .rbt-page-speed-presentaion-box .rbt-speed-box.box-1 {
        left: 0;
        top: 20%
    }
}

.rbt-page-speed-presentaion-box .rbt-speed-box.box-2 {
    left: -10%;
    bottom: 24%
}

@media only screen and (max-width: 767px) {
    .rbt-page-speed-presentaion-box .rbt-speed-box.box-2 {
        top: 100%;
        left: 0
    }
}

.rbt-page-speed-presentaion-box .rbt-speed-box.box-3 {
    right: -10%;
    top: 24%
}

@media only screen and (max-width: 767px) {
    .rbt-page-speed-presentaion-box .rbt-speed-box.box-3 {
        top: 20%;
        right: 0
    }
}

.rbt-page-speed-presentaion-box .rbt-speed-box.box-4 {
    right: -4%;
    bottom: 10%
}

@media only screen and (max-width: 767px) {
    .rbt-page-speed-presentaion-box .rbt-speed-box.box-4 {
        top: 100%;
        right: 0;
        bottom: unset
    }
}

.rbt-page-speed-presentaion-box .rbt-speed-box .speed-count {
    color: var(--color-heading);
    font-size: var(--h2);
    font-weight: var(--f-bold)
}

.rbt-admin-layout-presentation-area {
    background: #f3eaed;
    z-index: 1;
    position: relative;
    overflow: hidden
}

.rbt-admin-layout-presentation-area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/splash/others/element-layout-bg.webp) no-repeat center center;
    background-size: cover;
    z-index: -1
}

.rbt-admin-layout-presentation-area .element-bg-scroll-text {
    rotate: -14deg;
    background: #a12348;
    position: absolute;
    top: 250px;
    left: -10%;
    padding: 0 0 12px;
    z-index: -1
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-admin-layout-presentation-area .element-bg-scroll-text {
        top: -26%;
        left: -22%
    }
}

@media only screen and (max-width: 767px) {
    .rbt-admin-layout-presentation-area .element-bg-scroll-text {
        top: -56%;
        left: -45%
    }
}

.rbt-admin-layout-presentation-area .element-bg-scroll-text::after {
    content: "";
    position: absolute;
    top: 110%;
    left: 0;
    height: 12px;
    width: 100%;
    background: #a12348
}

.rbt-admin-layout-presentation-area .element-bg-scroll-text .scroll-text-list {
    color: #eef1ff;
    font-size: 120px;
    font-weight: var(--f-bold);
    line-height: 1;
    text-transform: capitalize;
    display: flex;
    white-space: nowrap;
    gap: 90px;
    opacity: .1
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-admin-layout-presentation-area .element-bg-scroll-text .scroll-text-list {
        font-size: 80px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-admin-layout-presentation-area .element-bg-scroll-text .scroll-text-list {
        font-size: 50px
    }
}

.rbt-admin-presentation-wrapper {
    margin-top: -76px;
    position: relative
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-admin-presentation-wrapper {
        min-height: 734px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-admin-presentation-wrapper {
        min-height: 524px;
        margin-top: -32px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-admin-presentation-wrapper {
        min-height: auto;
        margin-top: 0
    }
}

.rbt-admin-presentation-wrapper .icon {
    position: absolute
}

@media only screen and (max-width: 767px) {
    .rbt-admin-presentation-wrapper .icon {
        display: none
    }
}

.rbt-admin-presentation-wrapper .icon.icon-1 {
    top: 65%;
    left: -40px
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-admin-presentation-wrapper .icon.icon-1 {
        max-width: 136px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-admin-presentation-wrapper .icon.icon-1 {
        max-width: 100px
    }
}

@media only screen and (max-width: 575px) {
    .rbt-admin-presentation-wrapper .icon.icon-1 {
        max-width: 72px
    }
}

.rbt-admin-presentation-wrapper .icon.icon-2 {
    top: 18%;
    right: 3%;
    max-width: 110px
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-admin-presentation-wrapper .icon.icon-2 {
        max-width: 92px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-admin-presentation-wrapper .icon.icon-2 {
        top: 10%;
        max-width: 64px
    }
}

@media only screen and (max-width: 575px) {
    .rbt-admin-presentation-wrapper .icon.icon-2 {
        top: 8%;
        right: 0;
        max-width: 56px
    }
}

.rbt-admin-presentation-wrapper .icon.icon-3 {
    left: 36%;
    bottom: 4%
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-admin-presentation-wrapper .icon.icon-3 {
        bottom: 22%;
        max-width: 118px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-admin-presentation-wrapper .icon.icon-3 {
        bottom: 36%;
        max-width: 100px
    }
}

@media only screen and (max-width: 575px) {
    .rbt-admin-presentation-wrapper .icon.icon-3 {
        bottom: 16%;
        max-width: 70px
    }
}

.rbt-admin-presentation-wrapper .rbt-elementor-mobile-layout {
    position: absolute;
    right: -116px;
    bottom: -16px
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-admin-presentation-wrapper .rbt-elementor-mobile-layout {
        right: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-admin-presentation-wrapper .rbt-elementor-mobile-layout {
        right: 0;
        bottom: 16px;
        width: 54%
    }
}

@media only screen and (max-width: 767px) {
    .rbt-admin-presentation-wrapper .rbt-elementor-mobile-layout {
        right: -16px;
        bottom: 0;
        width: 34%
    }
}

.rbt-feature-plugin-wrapper {
    display: flex;
    column-gap: 80px;
    row-gap: 40px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-feature-plugin-wrapper {
        column-gap: 40px;
        flex-wrap: nowrap;
        justify-content: start;
        overflow-x: auto;
        padding: 16px 0
    }

    .rbt-feature-plugin-wrapper::-webkit-scrollbar {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .rbt-feature-plugin-wrapper {
        column-gap: 32px;
        flex-wrap: nowrap;
        justify-content: start;
        overflow-x: auto;
        padding: 16px 0
    }

    .rbt-feature-plugin-wrapper::-webkit-scrollbar {
        display: none
    }
}

@media only screen and (max-width: 479px) {
    .rbt-feature-plugin-wrapper {
        column-gap: 24px
    }
}

.rbt-feature-plugin-wrapper .rbt-feature-plugin {
    width: 182px;
    height: 182px;
    background: #fff;
    border: 2px dashed var(--color-gray-200);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .rbt-feature-plugin-wrapper .rbt-feature-plugin {
        width: 136px;
        height: 136px
    }
}

.rbt-feature-plugin-wrapper .rbt-feature-plugin .thumbnail {
    width: 56px;
    height: 48px
}

@media only screen and (max-width: 767px) {
    .rbt-feature-plugin-wrapper .rbt-feature-plugin .thumbnail {
        width: 44px;
        height: 35px
    }
}

.rbt-feature-plugin-wrapper .rbt-feature-plugin .thumbnail img {
    width: 100%;
    height: 100%
}

.rbt-feature-plugin-wrapper .rbt-feature-plugin .inner {
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.rbt-feature-plugin-wrapper .rbt-feature-plugin .content {
    display: flex;
    flex-direction: column;
    align-items: center
}

.rbt-feature-plugin-wrapper .rbt-feature-plugin .content .rbt-product-badge {
    width: 180px;
    padding: 6px 8px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .rbt-feature-plugin-wrapper .rbt-feature-plugin .content .rbt-product-badge {
        width: 144px
    }
}

.rbt-feature-plugin-wrapper .rbt-feature-plugin .rbt-title {
    margin-bottom: 12px;
    margin-top: 16px
}

.rbt-plugin-table-wrapper {
    background: var(--color-white);
    padding: 32px;
    border-radius: var(--radius-12);
    box-shadow: var(--splash-shadow);
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .rbt-plugin-table-wrapper {
        padding: 20px
    }
}

.rbt-plugin-table-wrapper .rbt-has-show-more.active .rbt-has-show-more-inner-content {
    max-height: fit-content
}

.rbt-plugin-table-wrapper .rbt-has-show-more.active .rbt-plugin-table::after {
    content: none
}

.rbt-plugin-table-wrapper .rbt-has-show-more.active .table-view-more-btn {
    bottom: -56px
}

.rbt-plugin-table-wrapper .rbt-has-show-more .table-view-more-btn {
    height: 48px;
    font-size: 16px;
    color: var(--color-black);
    background: #fff;
    padding: 8px 32px;
    padding-right: 44px;
    box-shadow: var(--shadow-1);
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 9
}

.rbt-plugin-table-wrapper .rbt-has-show-more .table-view-more-btn::after {
    right: 30px
}

.rbt-plugin-table-wrapper .rbt-has-show-more-inner-content {
    max-height: 548px;
    overflow-y: hidden;
    overflow-x: visible
}

.rbt-plugin-table-wrapper .rbt-plugin-table {
    position: relative
}

.rbt-plugin-table-wrapper .rbt-plugin-table::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    height: 288px;
    background: linear-gradient(0deg, #fff 0, rgba(255, 255, 255, .3) 100%)
}

.rbt-plugin-table-wrapper table {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    margin: 0;
    white-space: nowrap
}

.rbt-plugin-table-wrapper table thead tr {
    background: var(--color-brand-100)
}

.rbt-plugin-table-wrapper table thead th {
    text-align: center;
    padding: 24px;
    font-size: var(--h5);
    font-weight: var(--f-bold);
    color: var(--color-black)
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-plugin-table-wrapper table thead th {
        padding: 16px;
        font-size: var(--font-size-b1)
    }
}

.rbt-plugin-table-wrapper table thead th+th {
    border-left: 2px solid #e6e6e6
}

.rbt-plugin-table-wrapper table thead th:first-child {
    border-radius: var(--radius-md) 0 0 var(--radius-md)
}

.rbt-plugin-table-wrapper table thead th:last-child {
    border-radius: 0 var(--radius-md) var(--radius-md) 0
}

.rbt-plugin-table-wrapper table tbody tr {
    background: var(--color-white);
    border: none
}

.rbt-plugin-table-wrapper table tbody tr:nth-child(even) {
    background: var(--color-gray-light)
}

.rbt-plugin-table-wrapper table tbody td {
    text-align: center;
    padding: 24px;
    border: none;
    color: var(--color-gray-700);
    font-size: var(--h5);
    min-width: 310px
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1399px) {
    .rbt-plugin-table-wrapper table tbody td {
        min-width: 200px;
        padding: 16px;
        font-size: var(--font-size-b1)
    }
}

@media only screen and (max-width: 767px) {
    .rbt-plugin-table-wrapper table tbody td {
        min-width: 176px;
        padding: 16px;
        font-size: var(--font-size-b1)
    }
}

.rbt-plugin-table-wrapper table tbody td+td {
    border-left: 2px solid var(--color-gray-100)
}

.rbt-plugin-table-wrapper table tbody td:first-child {
    border-radius: var(--radius-md) 0 0 var(--radius-md)
}

.rbt-plugin-table-wrapper table tbody td:last-child {
    border-radius: 0 var(--radius-md) var(--radius-md) 0
}

.rbt-plugin-table-wrapper .rbt-plugin-costing-table {
    width: 100%;
    overflow-x: auto
}

.rbt-plugin-table-wrapper .rbt-plugin-costing-table::-webkit-scrollbar {
    display: none
}

.rbt-plugin-table-wrapper .rbt-plugin-costing-table table {
    margin-top: 32px
}

.rbt-plugin-table-wrapper .rbt-plugin-costing-table table tbody tr {
    background: var(--color-black)
}

.rbt-plugin-table-wrapper .rbt-plugin-costing-table table tbody td {
    font-size: var(--h5);
    color: var(--color-white);
    font-weight: var(--f-bold);
    border-color: var(--color-gray-700)
}

.rbt-plugin-table-wrapper .rbt-plugin-costing-table table tbody td.rbt-td-highlight {
    background: linear-gradient(270deg, #fd998e 0, #ab4fa9 50.52%, #4d3fae 100%)
}

@media only screen and (max-width: 767px) {
    .rbt-plugin-table-area .plugin-table-bottom-btn {
        padding: 0 16px;
        height: 46px;
        line-height: 46px;
        font-size: 15px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-feature-presentaion-area .rbt-splash-section-title .rbt-title .rbt-overlay-text {
        font-size: 76px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-feature-presentaion-area .rbt-splash-section-title .rbt-title .rbt-overlay-text {
        font-size: 46px
    }
}

.rbt-feature-presentaion-area .rbt-feature-presentation-card {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) -339.11%, #17171f 100%);
    border-radius: var(--radius-12);
    overflow: hidden
}

.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top {
    width: 100%;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top {
        height: 144px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top {
        height: 124px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top {
        height: 104px
    }
}

.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) -339.11%, #17171f 100%)
}

.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top img {
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top img {
        max-width: 104px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top img {
        max-width: 84px
    }
}

.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-1 {
    background: url(../images/splash/feature/feature-bg-1.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-2 {
    background: url(../images/splash/feature/feature-bg-2.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-3 {
    background: url(../images/splash/feature/feature-bg-3.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-4 {
    background: url(../images/splash/feature/feature-bg-4.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-5 {
    background: url(../images/splash/feature/feature-bg-5.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-6 {
    background: url(../images/splash/feature/feature-bg-6.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-7 {
    background: url(../images/splash/feature/feature-bg-7.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-8 {
    background: url(../images/splash/feature/feature-bg-8.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-9 {
    background: url(../images/splash/feature/feature-bg-9.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-10 {
    background: url(../images/splash/feature/feature-bg-10.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-11 {
    background: url(../images/splash/feature/feature-bg-11.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-top.card-bg-12 {
    background: url(../images/splash/feature/feature-bg-12.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-body {
    padding: 8px 24px 40px;
    background: #17171f;
    position: relative
}

@media only screen and (max-width: 767px),
only screen and (min-width:1200px) and (max-width:1399px) {
    .rbt-feature-presentaion-area .rbt-feature-presentation-card .rbt-card-body {
        padding: 8px 16px 24px
    }
}

.rbt-splash-component-slider-active {
    position: relative
}

.rbt-splash-component-slider-active::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 492px;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #000 0, rgba(0, 0, 0, 0) 100%);
    z-index: 2
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-splash-component-slider-active::before {
        width: 292px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-splash-component-slider-active::before {
        content: none
    }
}

.rbt-splash-component-slider-active::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 492px;
    top: 0;
    right: 0;
    background: linear-gradient(270deg, #000 0, rgba(0, 0, 0, 0) 100%);
    z-index: 2
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-splash-component-slider-active::after {
        width: 292px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-splash-component-slider-active::after {
        content: none
    }
}

.rbt-splash-component-slider-active .swiper-slide {
    width: fit-content
}

.rbt-splash-component-slider-active .rbt-component-card {
    max-width: 450px;
    user-select: none
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1399px) {
    .rbt-splash-component-slider-active .rbt-component-card {
        max-width: 300px
    }
}

.rbt-splash-component-slider-active .rbt-component-card .component-image {
    height: 588px;
    display: flex;
    align-items: center
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-splash-component-slider-active .rbt-component-card .component-image {
        height: 416px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1399px) {
    .rbt-splash-component-slider-active .rbt-component-card .component-image {
        height: 394px
    }
}

.rbt-tutorial-presentaion-wrapper {
    padding-top: 56px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-tutorial-presentaion-wrapper {
        padding-top: 32px
    }
}

.rbt-tutorial-presentaion-wrapper .rbt-tutorial-video {
    padding: 12px;
    background: var(--color-white);
    box-shadow: var(--shadow-primary);
    border-radius: var(--radius-10);
    height: 100%
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-tutorial-presentaion-wrapper .rbt-tutorial-video {
        min-height: 344px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-tutorial-presentaion-wrapper .rbt-tutorial-video {
        min-height: 220px
    }
}

.rbt-tutorial-presentaion-wrapper .rbt-tutorial-video iframe {
    width: 100%;
    height: 100%;
    border-radius: var(--radius-10)
}

.rbt-tutorial-presentaion-wrapper .rbt-tutorial-list-area {
    max-height: 501px;
    overflow: auto
}

.rbt-tutorial-presentaion-wrapper .rbt-tutorial-list-area::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

.rbt-tutorial-presentaion-wrapper .rbt-tutorial-list-area::-webkit-scrollbar-track {
    background: var(--color-border);
    border-radius: 5px
}

.rbt-tutorial-presentaion-wrapper .rbt-tutorial-list-area::-webkit-scrollbar-thumb {
    background: var(--color-primary);
    border-radius: 5px
}

.rbt-tutorial-presentaion-wrapper .rbt-tutorial-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 12px;
    flex-direction: column;
    padding: 0 24px 0 20px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-tutorial-presentaion-wrapper .rbt-tutorial-list {
        flex-direction: row;
        padding: 12px 0
    }
}

.rbt-tutorial-presentaion-wrapper .rbt-tutorial-list li {
    margin: 0;
    padding: 0
}

.rbt-tutorial-presentaion-wrapper .rbt-single-tutorial {
    display: flex;
    gap: 12px;
    padding: 12px;
    border-radius: var(--radius-10);
    background: var(--color-white);
    border: 2px solid var(--color-brand-200);
    transition: var(--transition)
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-tutorial-presentaion-wrapper .rbt-single-tutorial {
        flex-direction: column
    }
}

.rbt-tutorial-presentaion-wrapper .rbt-single-tutorial .rbt-tutorial-thumb {
    height: 80px;
    min-width: 132px;
    border-radius: var(--radius);
    overflow: hidden
}

.rbt-tutorial-presentaion-wrapper .rbt-single-tutorial .rbt-tutorial-thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: var(--transition)
}

.rbt-tutorial-presentaion-wrapper .rbt-single-tutorial:hover {
    border-color: var(--color-primary)
}

.rbt-tutorial-presentaion-wrapper .rbt-single-tutorial:hover .rbt-tutorial-thumb img {
    scale: 1.05
}

.rbt-tutorial-presentaion-wrapper .rbt-single-tutorial .rbt-title {
    color: var(--color-black);
    font-size: var(--font-size-b1);
    font-weight: var(--f-medium);
    line-height: 1.5;
    margin-bottom: 8px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-tutorial-presentaion-wrapper .rbt-single-tutorial .rbt-title {
        max-width: 172px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 14px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-tutorial-presentaion-wrapper .rbt-single-tutorial .rbt-title {
        max-width: 132px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 14px
    }
}

.rbt-tutorial-presentaion-wrapper .rbt-single-tutorial .rbt-tutorial-meta {
    color: var(--color-body);
    font-size: var(--font-size-b3);
    font-weight: var(--f-regular);
    line-height: 1.46;
    margin: 0
}

@media only screen and (max-width: 767px) {
    .rbt-tutorial-presentaion-wrapper .rbt-single-tutorial .rbt-tutorial-meta {
        font-size: 12px
    }
}

.rbt-mobile-approach-area .rbt-splash-section-title .rbt-overlay-text {
    font-size: 156px
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-mobile-approach-area .rbt-splash-section-title .rbt-overlay-text {
        font-size: 76px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-mobile-approach-area .rbt-splash-section-title .rbt-overlay-text {
        font-size: 46px
    }
}

.rbt-mobile-approach-card {
    background: #17171f;
    border-radius: var(--radius-12);
    overflow: hidden;
    position: relative
}

.rbt-mobile-approach-card .rbt-product-badge {
    position: absolute;
    right: 16px;
    top: 16px
}

.rbt-mobile-approach-card .rbt-splash-section-title {
    padding-left: 88px;
    margin-top: -24px
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-mobile-approach-card .rbt-splash-section-title {
        padding-left: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-mobile-approach-card .rbt-splash-section-title {
        padding-left: 24px;
        margin: 0
    }
}

@media only screen and (max-width: 767px) {
    .rbt-mobile-approach-card .rbt-splash-section-title {
        padding-left: 0;
        margin: 0
    }
}

.rbt-mobile-approach-card .rbt-product-card-layout-presentation {
    background: #0e0e16;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 36px;
    border-radius: var(--radius-12) 0 0 0;
    position: relative
}

.rbt-mobile-approach-card .rbt-product-card-layout-presentation .icon {
    position: absolute
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-mobile-approach-card .rbt-product-card-layout-presentation .icon {
        max-width: 100px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-mobile-approach-card .rbt-product-card-layout-presentation .icon {
        max-width: 110px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-mobile-approach-card .rbt-product-card-layout-presentation .icon {
        max-width: 88px
    }
}

.rbt-mobile-approach-card .rbt-product-card-layout-presentation .icon.icon-1 {
    bottom: 90px;
    left: 0;
    right: unset
}

.rbt-mobile-approach-card .rbt-product-card-layout-presentation .icon.icon-2 {
    top: 0;
    right: 0
}

.rbt-mobile-approach-card .rbt-product-card-layout-presentation .icon.icon-3 {
    bottom: 90px;
    right: 0
}

.rbt-mobile-approach-card .inner {
    padding: 32px 20px
}

.rbt-mobile-approach-view-area .rbt-swiper-arrow.rbt-arrow-left {
    left: -104px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-mobile-approach-view-area .rbt-swiper-arrow.rbt-arrow-left {
        left: 0
    }
}

.rbt-mobile-approach-view-area .rbt-swiper-arrow.rbt-arrow-right {
    right: -104px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-mobile-approach-view-area .rbt-swiper-arrow.rbt-arrow-right {
        right: 0
    }
}

.rbt-mobile-approach-view-area .swiper-slide {
    width: fit-content
}

.rbt-mobile-approach-view-area .rbt-swiper-pagination {
    width: fit-content;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1
}

.rbt-mobile-approach-view-area .rbt-swiper-pagination.rbt-swiper-pagination-var-one .swiper-pagination-bullet {
    box-shadow: inset 0 0 0 7px var(--color-gray-400)
}

.rbt-mobile-approach-view-area .rbt-swiper-pagination.rbt-swiper-pagination-var-one .swiper-pagination-bullet.swiper-pagination-bullet-active {
    box-shadow: inset 0 0 0 1px rgba(33, 90, 218, .5)
}

.rbt-mobile-approach-view-card {
    width: 308px
}

.rbt-mobile-approach-view-card .card-content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px
}

.rbt-mobile-approach-view-card .rbt-curved-style-box {
    -webkit-mask-image: url(../images/splash/others/mobile-frame.png);
    mask-image: url(../images/splash/others/mobile-frame.png);
    background-image: url(../images/splash/others/mobile-frame.png)
}

.rbt-mobile-approach-view-card .content {
    outline: 6px solid #000;
    overflow: hidden;
    border-radius: 40px;
    height: 604px;
    width: 290px;
    position: relative
}

.rbt-mobile-approach-view-card .content img,
.rbt-mobile-approach-view-card .content video {
    width: 100%;
    height: 100%
}

.rbt-mobile-approach-view-card .content .mobile-notch {
    position: absolute;
    top: 6px;
    left: 50%;
    max-width: 64px;
    height: auto;
    width: auto;
    transform: translateX(-50%)
}

.splash-client-site-presentation .rbt-scroll-animation-wrapper {
    padding: 0
}

.splash-client-site-presentation .rbt-element {
    border-radius: var(--radius-md);
    overflow: hidden;
    padding: 32px 0
}

.splash-client-site-presentation .rbt-element a {
    display: block;
    border-radius: var(--radius-10);
    box-shadow: var(--shadow-1)
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .splash-client-site-presentation .rbt-element {
        max-width: 340px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .splash-client-site-presentation .rbt-element {
        max-width: 244px
    }
}

@media only screen and (max-width: 767px) {
    .splash-client-site-presentation .rbt-element {
        max-height: 208px;
        max-width: 160px
    }
}

.splash-client-site-presentation .rbt-element img {
    border-radius: var(--radius-md);
    box-shadow: var(--splash-shadow)
}

.splash-client-site-presentation .rbt-element .site-name {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    justify-content: center;
    color: var(--color-black);
    font-size: var(--font-size-b1);
    font-weight: var(--f-semi-bold);
    line-height: 1.6;
    margin-top: 16px
}

.rbt-splash-faq-area {
    background: url(../images/splash/section/section-bg-line8.png), #f4f2ff
}

.rbt-splash-faq-area .accordion-item {
    border: none;
    border-radius: var(--radius-12);
    box-shadow: 0 8px 100px 0 rgba(0, 0, 0, .06);
    overflow: hidden
}

.rbt-splash-faq-area .accordion-item+.accordion-item {
    margin-top: 24px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-splash-faq-area .accordion-item+.accordion-item {
        margin-top: 16px
    }
}

.rbt-splash-faq-area .accordion-item .accordion-header .accordion-button {
    border: none;
    padding: 0;
    font-size: var(--h4);
    font-weight: var(--f-medium);
    color: var(--color-black);
    box-shadow: none;
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
    padding: 24px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-splash-faq-area .accordion-item .accordion-header .accordion-button {
        padding: 20px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-splash-faq-area .accordion-item .accordion-header .accordion-button {
        font-size: var(--h6);
        font-weight: var(--f-semi-bold);
        gap: 16px
    }
}

.rbt-splash-faq-area .accordion-item .accordion-header .accordion-button:focus {
    box-shadow: none
}

.rbt-splash-faq-area .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: var(--color-black);
    background-color: transparent;
    padding-bottom: 12px
}

.rbt-splash-faq-area .accordion-item .accordion-header .accordion-button:not(.collapsed) .icon {
    transform: rotate(180deg);
    border-color: var(--color-black);
    color: var(--color-black)
}

.rbt-splash-faq-area .accordion-item .accordion-header .accordion-button::after {
    content: none
}

.rbt-splash-faq-area .accordion-item .accordion-header .accordion-button .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    height: 48px;
    min-width: 48px;
    width: 48px;
    border: 1px solid var(--color-gray-200);
    border-radius: var(--radius-full);
    color: var(--color-gray-300);
    transition: var(--transition)
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-splash-faq-area .accordion-item .accordion-header .accordion-button .icon {
        height: 32px;
        width: 32px;
        min-width: 32px;
        font-size: var(--font-size-b2)
    }
}

.rbt-splash-faq-area .accordion-item .accordion-body {
    padding: 32px;
    max-width: 94%;
    font-size: var(--h6);
    color: var(--color-gray-500);
    font-weight: var(--f-regular);
    padding-top: 0
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-splash-faq-area .accordion-item .accordion-body {
        font-size: var(--font-size-b2)
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-faq-area .accordion-item .accordion-body {
        max-width: 100%;
        padding: 0 20px 20px
    }
}

.rbt-tooltip {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    width: fit-content
}

.rbt-tooltip li {
    margin: 0;
    padding: 0;
    transition: var(--transition)
}

.rbt-tooltip li .rbt-tooltip-img {
    display: block;
    position: relative
}

.rbt-tooltip li .rbt-tooltip-img::after {
    content: "";
    position: absolute;
    top: 0;
    right: 4px;
    width: 15px;
    height: 15px;
    background: #53dc54;
    border: 3px solid #fff;
    border-radius: var(--radius-full)
}

.rbt-tooltip li .rbt-tooltip-img img {
    height: 62px;
    width: 62px;
    border: 5px solid #fff;
    border-radius: var(--radius-full);
    object-fit: cover
}

.rbt-tooltip li+li {
    margin-left: -16px
}

.rbt-tooltip li:hover {
    margin-top: -8px
}

.rbt-splash-testimonial-area {
    position: relative
}

.rbt-splash-testimonial-area::after {
    content: "";
    position: absolute;
    bottom: 84px;
    left: 0;
    height: 318px;
    width: 100%;
    background: linear-gradient(0deg, #eff1f4 28.97%, rgba(239, 241, 244, .2) 100%)
}

.rbt-splash-testimonial-area .rbt-layout {
    margin-left: -12px;
    margin-right: -12px
}

.rbt-splash-testimonial-area .rbt-layout-item {
    margin-bottom: 24px;
    width: 33.33%;
    padding: 0 12px
}

@media only screen and (max-width: 767px) {
    .rbt-splash-testimonial-area .rbt-layout-item {
        width: 100%
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-splash-testimonial-area .rbt-layout-item {
        width: 50%
    }
}

.rbt-splash-testimonial-area .rbt-review-card {
    padding: 32px 24px;
    background: var(--color-white);
    box-shadow: var(--splash-shadow);
    border-radius: var(--radius-12)
}

.rbt-splash-testimonial-area .rbt-title {
    font-family: var(--font-primary);
    font-weight: var(--f-medium);
    margin-bottom: 12px
}

.rbt-splash-testimonial-area .opinion {
    color: var(--color-gray-500);
    font-family: var(--font-primary);
    font-size: var(--h6);
    font-weight: var(--f-regular);
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #efefef
}

.rbt-splash-testimonial-area .marketplace {
    display: flex;
    gap: 8px;
    align-items: center
}

.rbt-splash-testimonial-area .marketplace .market-name {
    flex-basis: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #04122b;
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    font-weight: var(--f-medium);
    line-height: 171.429%;
    margin-bottom: 0;
    white-space: nowrap
}

@media only screen and (max-width: 767px) {
    .rbt-splash-testimonial-area .marketplace .market-name {
        flex-direction: column;
        align-items: start
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-splash-testimonial-area .marketplace .market-name {
        flex-direction: column;
        align-items: start
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-splash-testimonial-area .marketplace .market-name {
        flex-direction: column;
        align-items: start
    }
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-splash-testimonial-area .marketplace .market-name {
        flex-direction: column;
        align-items: start
    }
}

.rbt-splash-testimonial-area .marketplace .market-name .review {
    margin-top: -3px
}

.rbt-splash-testimonial-area .marketplace .rating {
    color: #fcc418
}

.rbt-splash-testimonial-area .marketplace .marketplace-icon {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-full)
}

@media only screen and (max-width: 767px) {
    .rbt-splash-testimonial-area .marketplace .marketplace-icon {
        width: 36px;
        height: 36px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-splash-testimonial-area .marketplace .marketplace-icon {
        width: 36px;
        height: 36px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-splash-testimonial-area .marketplace .marketplace-icon {
        width: 36px;
        height: 36px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-splash-testimonial-area .marketplace .marketplace-icon {
        width: 36px;
        height: 36px
    }
}

.rbt-splash-testimonial-area .testimonial-bottom {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: 1
}

.rbt-splash-call-to-action-area {
    background: url(../images/splash/section/section-bg-img.webp), var(--color-black);
    background-repeat: no-repeat;
    background-size: cover
}

.rbt-splash-call-to-action-area .rbt-splash-section-title {
    z-index: 1
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-splash-call-to-action-area .rbt-component-image-wrap {
        display: none
    }
}

.rbt-splash-call-to-action-area .rbt-component-image-wrap .rbt-component-image {
    position: absolute
}

.rbt-splash-call-to-action-area .rbt-component-image-wrap .rbt-component-image.image-1 {
    top: 48px;
    left: 0
}

.rbt-splash-call-to-action-area .rbt-component-image-wrap .rbt-component-image.image-2 {
    bottom: 0;
    left: 15%
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-splash-call-to-action-area .rbt-component-image-wrap .rbt-component-image.image-2 {
        display: none
    }
}

.rbt-splash-call-to-action-area .rbt-component-image-wrap .rbt-component-image.image-3 {
    bottom: 0;
    right: 15%
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-splash-call-to-action-area .rbt-component-image-wrap .rbt-component-image.image-3 {
        right: 0
    }
}

.rbt-splash-call-to-action-area .rbt-component-image-wrap .rbt-component-image.image-4 {
    top: 0;
    right: 0
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-splash-call-to-action-area .rbt-component-image-wrap .rbt-component-image.image-4 {
        display: none
    }
}

.rbt-splash-service {
    background: var(--color-white);
    padding: 48px 24px 48px 32px;
    border-radius: var(--radius-12);
    box-shadow: var(--splash-shadow)
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-splash-service {
        padding: 24px 20px
    }
}

.rbt-splash-service .service-badge {
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%)
}

.rbt-splash-service .service-badge .badge-text {
    font-size: var(--font-size-b4);
    font-weight: var(--f-bold);
    position: absolute;
    color: var(--color-heading);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.rbt-splash-service .icon {
    height: 80px;
    width: 80px;
    margin-bottom: 16px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-splash-service .icon {
        height: 60px;
        width: 60px
    }
}

.rbt-splash-service .icon img {
    width: 100%;
    height: 100%
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-splash-service .rbt-title {
        font-size: var(--h5)
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-splash-service .rbt-title {
        font-size: var(--h6);
        font-weight: var(--f-bold)
    }
}

.rbt-splash-service .rbt-description {
    font-size: var(--h6);
    font-weight: var(--f-regular);
    margin-bottom: 40px;
    color: var(--color-gray-500)
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-splash-service .rbt-description {
        font-size: var(--font-size-b1);
        margin-bottom: 24px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-splash-service .rbt-description {
        font-size: var(--font-size-b2);
        margin-bottom: 24px
    }
}

.rbt-ele-builder-card {
    background: var(--color-white);
    box-shadow: var(--splash-shadow);
    border-radius: var(--radius-12);
    overflow: hidden
}

.rbt-ele-builder-card .rbt-card-content {
    width: 100%;
    padding: 48px 28px 28px;
    display: flex;
    align-items: center;
    justify-content: center
}

.rbt-ele-builder-card .rbt-card-content.text-center .rbt-description {
    padding: 0
}

.rbt-ele-builder-card .rbt-card-content.text-center .overlay-text {
    left: 50%;
    transform: translateX(-50%)
}

.rbt-ele-builder-card .rbt-card-content .content-inner {
    max-width: 340px;
    position: relative;
    z-index: 1
}

.rbt-ele-builder-card .rbt-card-content .overlay-text {
    background: linear-gradient(180deg, #d8e8ff 0, rgba(239, 241, 244, 0) 80%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: var(--f-bold);
    position: absolute;
    line-height: 1;
    z-index: -1;
    user-select: none;
    font-size: 72px;
    top: -24px;
    left: -12px
}

.rbt-ele-builder-card .rbt-card-content .rbt-title {
    font-size: var(--h4);
    margin-bottom: 8px
}

.rbt-ele-builder-card .rbt-card-content .rbt-description {
    font-size: var(--h6);
    color: var(--color-gray-700);
    margin-bottom: 0;
    font-weight: var(--f-regular);
    padding-right: 24px
}

@media only screen and (max-width: 767px) {
    .rbt-ele-builder-card .rbt-card-content .rbt-description {
        font-size: var(--font-size-b1);
        padding-right: 0
    }
}

.rbt-ele-builder-card .ele-layout-display {
    padding: 0 24px;
    position: relative
}

.rbt-ele-builder-card .ele-layout-display .ele-image {
    width: fit-content;
    margin: 12px auto 0;
    perspective: 200px
}

.rbt-ele-builder-card .ele-layout-display .ele-image img,
.rbt-ele-builder-card .ele-layout-display .ele-image video {
    max-width: 400px;
    transform: translateY(10px) rotateX(1deg) rotateY(0) rotateZ(0);
    box-shadow: var(--shadow-2);
    border-radius: var(--radius);
    transition: var(--transition)
}

@media only screen and (max-width: 767px) {

    .rbt-ele-builder-card .ele-layout-display .ele-image img,
    .rbt-ele-builder-card .ele-layout-display .ele-image video {
        max-width: 100%
    }
}

.rbt-ele-builder-card.rbt-element-coming-soon .ele-layout-display {
    min-height: 250px
}

.rbt-ele-builder-card.rbt-element-coming-soon .ele-layout-display::after {
    content: "Coming Soon";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: var(--h6);
    z-index: 2;
    background: var(--color-black);
    color: var(--color-white);
    padding: 8px 20px;
    border-radius: var(--radius);
    backdrop-filter: blur(50px)
}

.rbt-ele-builder-card.rbt-element-coming-soon .ele-layout-display::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .1);
    border-radius: var(--radius-10);
    backdrop-filter: blur(6px);
    z-index: 1
}

.rbt-ele-builder-card.card-content-side {
    display: flex;
    min-height: 448px
}

@media only screen and (max-width: 767px) {
    .rbt-ele-builder-card.card-content-side {
        flex-direction: column
    }
}

.rbt-ele-builder-card.card-content-side .rbt-card-content {
    width: 50%
}

@media only screen and (max-width: 767px) {
    .rbt-ele-builder-card.card-content-side .rbt-card-content {
        width: 100%;
        text-align: center
    }
}

.rbt-ele-builder-card.card-content-side .rbt-card-content .content-inner .overlay-text {
    font-size: 96px;
    top: -50px;
    left: -44px
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1399px) {
    .rbt-ele-builder-card.card-content-side .rbt-card-content .content-inner .overlay-text {
        font-size: 72px;
        top: -24px;
        left: -12px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-ele-builder-card.card-content-side .rbt-card-content .content-inner .overlay-text {
        font-size: 64px;
        top: -28px;
        left: 50%;
        transform: translateX(-50%)
    }
}

.rbt-ele-builder-card.card-content-side .rbt-card-content .content-inner .rbt-title {
    font-size: var(--h2);
    margin-bottom: 12px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-ele-builder-card.card-content-side .rbt-card-content .content-inner .rbt-title {
        font-size: var(--h4)
    }
}

.rbt-ele-builder-card.card-content-side .ele-layout-display {
    width: 50%;
    display: flex;
    align-items: end
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-ele-builder-card.card-content-side .ele-layout-display {
        width: unset
    }
}

@media only screen and (max-width: 767px) {
    .rbt-ele-builder-card.card-content-side .ele-layout-display {
        width: 100%
    }
}

.rbt-ele-builder-card.card-content-side .ele-layout-display .ele-image {
    margin: 72px auto 0;
    perspective: 200px
}

@media only screen and (max-width: 767px) {
    .rbt-ele-builder-card.card-content-side .ele-layout-display .ele-image {
        margin: 12px auto 0
    }
}

.rbt-ele-builder-card.card-content-side .ele-layout-display img,
.rbt-ele-builder-card.card-content-side .ele-layout-display video {
    max-width: 480px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {

    .rbt-ele-builder-card.card-content-side .ele-layout-display img,
    .rbt-ele-builder-card.card-content-side .ele-layout-display video {
        max-width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .rbt-ele-builder-card.card-content-side.rbt-content-right .ele-layout-display {
        order: 2
    }
}

.rbt-ele-builder-card.builder-card-sm .rbt-card-content .overlay-text {
    font-size: 64px
}

.rbt-ele-builder-card.builder-card-sm .rbt-card-content .rbt-title {
    font-size: var(--h6)
}

.rbt-ele-builder-card.builder-card-sm .ele-layout-display .ele-image {
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .rbt-ele-builder-card.builder-card-sm .ele-layout-display .ele-image {
        margin: 0 auto
    }
}

.rbt-ele-builder-card.builder-card-sm .ele-layout-display .ele-image img,
.rbt-ele-builder-card.builder-card-sm .ele-layout-display .ele-image video {
    max-width: 100%
}

.rbt-ele-builder-card.builder-card-xm .rbt-card-content {
    padding: 48px 16px 28px
}

.rbt-ele-builder-card.builder-card-xm .ele-layout-display {
    padding: 0
}

.rbt-ele-builder-card.builder-card-xm .ele-layout-display .ele-image {
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .rbt-ele-builder-card.builder-card-xm .ele-layout-display .ele-image {
        margin: 0 auto
    }
}

.rbt-ele-builder-card.builder-card-xm .ele-layout-display .ele-image img,
.rbt-ele-builder-card.builder-card-xm .ele-layout-display .ele-image video {
    max-width: 100%
}

.rbt-ele-builder-card.rbt-builder-card-var-2 .rbt-card-content {
    padding: 0
}

.rbt-ele-builder-card.rbt-builder-card-var-2 .rbt-card-content .content-inner {
    max-width: 432px
}

.rbt-ele-builder-card.rbt-builder-card-var-2 .ele-layout-display .ele-image {
    margin-top: 0
}

.rbt-ele-builder-card:hover .ele-layout-display img,
.rbt-ele-builder-card:hover .ele-layout-display video {
    transform: translateY(0)
}

.rbt-header-group {
    display: flex;
    gap: 40px;
    flex-direction: column
}

@media only screen and (max-width: 767px) {
    .rbt-header-group {
        gap: 24px
    }
}

.rbt-header-group .rbt-single-header {
    box-shadow: 0 1.781px 26.712px 3.562px #e1e1e1;
    border-radius: var(--radius-md)
}

.rbt-splash-megamenu-slider-active .swiper-slide {
    width: fit-content
}

.rbt-splash-megamenu-slider-active .rbt-element {
    width: fit-content;
    box-shadow: 0 0 18.376px 4.594px rgba(0, 0, 0, .1)
}

.rbt-splash-megamenu-slider-active .rbt-element img {
    width: 100%;
    max-height: 244px
}

.rbt-megamenu-presentation-area .splash-element-presentation-wrapper {
    position: relative
}

.rbt-megamenu-presentation-area .splash-element-presentation-wrapper::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(239, 241, 244, 0) 59.6%, #eff1f4 100%);
    bottom: 0;
    z-index: 1
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .splash-btn {
        font-size: var(--font-size-b1);
        padding: 0 28px;
        height: 44px;
        line-height: 44px
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .splash-btn {
        font-size: var(--font-size-b1);
        padding: 0 20px;
        height: 40px;
        line-height: 40px !important
    }
}

.splash-btn.icon-reverse-left .icon-left {
    margin-left: -24px;
    opacity: 0;
    transition: opacity .6s cubic-bezier(.68, -.55, .27, 1.55), margin .6s cubic-bezier(.68, -.55, .27, 1.55)
}

.splash-btn.icon-reverse-left .icon-right {
    margin-right: 0;
    transition: opacity .6s cubic-bezier(.68, -.55, .27, 1.55), margin .6s cubic-bezier(.68, -.55, .27, 1.55)
}

.splash-btn.icon-reverse-left:focus .icon-left,
.splash-btn.icon-reverse-left:hover .icon-left {
    opacity: 1;
    margin-left: 0
}

.splash-btn.icon-reverse-left:focus .icon-right,
.splash-btn.icon-reverse-left:hover .icon-right {
    margin-right: -24px;
    opacity: 0
}

.splash-btn.icon-reverse-right .icon-left {
    transition: var(--transition);
    transition: opacity .6s cubic-bezier(.68, -.55, .27, 1.55), margin .6s cubic-bezier(.68, -.55, .27, 1.55)
}

.splash-btn.icon-reverse-right .icon-right {
    margin-right: -24px;
    opacity: 0;
    transition: var(--transition);
    transition: opacity .6s cubic-bezier(.68, -.55, .27, 1.55), margin .6s cubic-bezier(.68, -.55, .27, 1.55)
}

.splash-btn.icon-reverse-right:focus .icon-left,
.splash-btn.icon-reverse-right:hover .icon-left {
    margin-left: -24px;
    opacity: 0
}

.splash-btn.icon-reverse-right:focus .icon-right,
.splash-btn.icon-reverse-right:hover .icon-right {
    margin-right: 0;
    opacity: 1
}

.splash-btn+.splash-btn.rbt-btn-border:focus,
.splash-btn+.splash-btn.rbt-btn-border:hover {
    background: 0 0
}

.splash-btn:focus,
.splash-btn:hover {
    transform: translate3d(0, -2px, 0);
    box-shadow: var(--shadow-7);
    color: var(--color-white)
}

.splash-btn:focus.icon-hover .btn-text,
.splash-btn:hover.icon-hover .btn-text {
    transform: translateX(-5px)
}

.splash-btn:focus.icon-hover .btn-icon i,
.splash-btn:hover.icon-hover .btn-icon i {
    opacity: 1;
    transform: translateX(5px)
}

.rbt-splash-banner-bg-var-1 {
    background: url(../images/splash/section/section-bg-line9.png), var(--color-brand-50);
    background-size: cover
}

.rbt-splash-banner-bg-var-2 {
    background: url(../images/splash/section/section-bg-line10.png), url(../images/splash/section/section-bg-img2.webp), var(--color-brand-50);
    background-size: 100% 100%
}

.rbt-splash-banner-bg-var-2 .rbt-splash-section-title .subtitle {
    color: var(--color-white)
}

.rbt-splash-banner-bg-var-2 .rbt-splash-section-title .rbt-title {
    color: var(--color-white)
}

.rbt-splash-banner-bg-var-2 .rbt-splash-section-title .section-indicator {
    color: var(--color-white)
}

.rbt-splash-banner-bg-var-2.rbt-builder-banner .rbt-splash-section-title .rbt-description {
    color: var(--color-gray-300)
}

.rbt-splash-banner-bg-var-2.rbt-builder-banner .rbt-splash-btn-circle {
    filter: drop-shadow(0 0 40px rgba(81, 89, 109, .46))
}

.rbt-splash-banner-area {
    border: none;
    border-radius: 0
}

.rbt-splash-banner-area .rbt-banner-inner {
    padding: 140px 0 304px;
    border-radius: 0;
    position: relative;
    z-index: 9
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-splash-banner-area .rbt-banner-inner {
        padding: 130px 0 124px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-splash-banner-area .rbt-banner-inner {
        padding: 130px 0 116px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-splash-banner-area .rbt-banner-inner {
        padding: 130px 0 100px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-banner-area .rbt-banner-inner {
        padding: 120px 0 80px
    }
}

@media only screen and (max-width: 575px) {
    .rbt-splash-banner-area .rbt-banner-inner {
        padding: 90px 0 50px
    }
}

.rbt-splash-banner-area .rbt-product-banner-content .rbt-banner-btn-grp {
    flex-wrap: wrap
}

.rbt-splash-banner-area .rbt-overlay-text {
    background: linear-gradient(180deg, rgba(255, 255, 255, .12) 0, rgba(255, 255, 255, 0) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 172px;
    font-weight: var(--f-bold);
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    user-select: none
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-splash-banner-area .rbt-overlay-text {
        font-size: 124px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-splash-banner-area .rbt-overlay-text {
        font-size: 98px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-splash-banner-area .rbt-overlay-text {
        font-size: 66px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-banner-area .rbt-overlay-text {
        top: 33%;
        font-size: 40px
    }
}

.rbt-splash-banner-area .rbt-banner-title {
    font-size: 70px;
    color: var(--color-white);
    line-height: 1
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-splash-banner-area .rbt-banner-title {
        font-size: 64px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px),
only screen and (max-width:767px) {
    .rbt-splash-banner-area .rbt-banner-title {
        font-size: 48px
    }
}

.rbt-splash-banner-area .rbt-banner-title .rbt-banner-title-sm-text {
    font-size: 52px
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-splash-banner-area .rbt-banner-title .rbt-banner-title-sm-text {
        font-size: 44px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-splash-banner-area .rbt-banner-title .rbt-banner-title-sm-text {
        font-size: 32px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-banner-area .rbt-banner-title .rbt-banner-title-sm-text {
        font-size: 26px
    }
}

@media only screen and (max-width: 575px) {
    .rbt-splash-banner-area .rbt-banner-title .rbt-banner-title-sm-text {
        font-size: 22px;
        line-height: 1;
        display: block;
        margin-top: 8px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-banner-area .rbt-banner-title .rbt-banner-title-lg {
        font-size: 46px
    }
}

@media only screen and (max-width: 575px) {
    .rbt-splash-banner-area .rbt-banner-title .rbt-banner-title-lg {
        font-size: 36px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-banner-area .rbt-pricing-part {
        margin-top: 16px
    }
}

.rbt-splash-banner-area .rbt-gradient-text {
    background: linear-gradient(90deg, #302aef, #4be53e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent
}

.rbt-splash-banner-area .rbt-splash-banner-img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: var(--color-black)
}

.rbt-splash-banner-area .rbt-splash-banner-img img {
    width: 100%;
    height: 100%
}

.rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image {
    position: absolute
}

.rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-1 {
    top: 16%;
    left: 0
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-1 {
        display: none
    }
}

.rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-2 {
    top: 46%;
    left: 12%
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-2 {
        display: none
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-2 {
        display: none
    }
}

.rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-3 {
    top: 32%;
    right: 12%
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-3 {
        display: none
    }
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-3 {
        display: none
    }
}

.rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-4 {
    top: 2%;
    right: 0
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-4 {
        display: none
    }
}

.rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-5 {
    bottom: 0;
    right: 0
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-5 {
        display: none
    }
}

.rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-6 {
    left: 10%;
    top: 25%;
    box-shadow: 0 4.242px 53.03px 0 rgba(28, 69, 160, .7);
    border-radius: var(--radius);
    overflow: hidden
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-6 {
        top: 4%;
        max-width: 90px
    }
}

.rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-7 {
    right: 10%;
    top: 5%;
    box-shadow: 0 4.242px 53.03px 0 rgba(28, 69, 160, .7);
    border-radius: var(--radius);
    overflow: hidden
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-7 {
        display: none
    }
}

.rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-8 {
    right: 15%;
    bottom: 5%;
    box-shadow: 0 4.242px 53.03px 0 rgba(28, 69, 160, .7);
    border-radius: var(--radius);
    overflow: hidden
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-splash-banner-area .rbt-component-image-wrap .rbt-component-image.image-8 {
        max-width: 90px
    }
}

.rbt-splash-scroll-area {
    margin-top: -2px
}

.rbt-splash-scroll-area .rbt-scroll-animation-wrapper {
    background: linear-gradient(270deg, #fd998e 0, #ab4fa9 50.52%, #4d3fae 100%)
}

.rbt-splash-scroll-area .rbt-scroll-animation-wrapper .rbt-category-list {
    color: var(--color-white);
    gap: 30px
}

.rbt-splash-scroll-area .rbt-scroll-animation-wrapper .rbt-category-list>div {
    padding-left: 30px
}

.rbt-splash-scroll-area .rbt-scroll-animation-wrapper .rbt-category-list>div+div {
    border-left: 2px solid rgba(255, 255, 255, .4)
}

.hamberger-button.rbt-splash-hamberger {
    background: rgba(0, 0, 0, .8);
    color: var(--color-extra-six);
    display: flex;
    height: 32px;
    width: 32px
}

@media only screen and (max-width: 767px) {
    .hamberger-button.rbt-splash-hamberger {
        background: rgba(149, 143, 149, .18);
        backdrop-filter: blur(15px);
        border-radius: 4px
    }
}

.rbt-builder-banner {
    padding: 120px 0 150px;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-builder-banner {
        padding: 40px 0 72px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-builder-banner {
        padding: 28px 0 72px
    }
}

.rbt-builder-banner .rbt-splash-section-title .rbt-description {
    font-size: var(--font-size-b1);
    margin-bottom: 0;
    color: var(--color-gray-700);
    position: relative;
    z-index: 1;
    padding: 0 24%
}

@media only screen and (min-width: 992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1399px) {
    .rbt-builder-banner .rbt-splash-section-title .rbt-description {
        padding: 0 14%
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-builder-banner .rbt-splash-section-title .rbt-description {
        padding: 0 6%
    }
}

@media only screen and (max-width: 767px) {
    .rbt-builder-banner .rbt-splash-section-title .rbt-description {
        padding: 0 12px
    }
}

.rbt-builder-banner .rbt-splash-section-title .rbt-overlay-text {
    font-size: 172px;
    top: 40%
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-builder-banner .rbt-splash-section-title .rbt-overlay-text {
        font-size: 124px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-builder-banner .rbt-splash-section-title .rbt-overlay-text {
        font-size: 98px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-builder-banner .rbt-splash-section-title .rbt-overlay-text {
        font-size: 66px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-builder-banner .rbt-splash-section-title .rbt-overlay-text {
        top: 33%;
        font-size: 40px
    }
}

.rbt-builder-banner .rbt-splash-section-title .section-indicator {
    top: -20px
}

.rbt-builder-banner .rbt-splash-btn-circle {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12%;
    filter: drop-shadow(0 0 40px #e4ecff);
    z-index: 1
}

.rbt-builder-banner.rbt-builder-banner-var-2 {
    padding: 0
}

.rbt-builder-banner.rbt-builder-banner-var-2 .rbt-splash-section-title .rbt-description {
    padding: 0 20px;
    max-width: 578px;
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .rbt-builder-banner.rbt-builder-banner-var-2 .rbt-splash-btn-circle {
        left: 50%;
        bottom: -40px
    }
}

.rbt-builder-banner.rbt-builder-banner-var-2 .rbt-splash-section-title {
    padding: 24px 0;
    margin-bottom: 0
}

.rbt-builder-banner.rbt-builder-banner-var-2 .rbt-banner-part-right .rbt-content {
    background: linear-gradient(0deg, rgba(33, 90, 218, 0) -520.76%, rgba(33, 90, 218, .95) 83.74%), url(../images/splash/banner/banner-bg2.webp);
    padding: 52px 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px) {
    .rbt-builder-banner.rbt-builder-banner-var-2 .rbt-banner-part-right .rbt-content {
        padding: 24px 20px
    }
}

.rbt-builder-banner.rbt-builder-banner-var-2 .rbt-banner-part-right .rbt-content.rbt-has-not-background {
    background: 0 0
}

.rbt-builder-banner.rbt-builder-banner-var-2 .rbt-banner-part-right .rbt-content .rbt-indicator {
    color: var(--color-white);
    text-align: center;
    font-family: var(--font-secondary);
    font-size: var(--h3);
    font-weight: var(--f-bold);
    line-height: 1.14;
    text-transform: capitalize;
    max-width: 166px;
    position: absolute;
    left: 4%;
    bottom: 8%;
    z-index: 9;
    display: flex;
    flex-direction: column;
    gap: 8px
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-builder-banner.rbt-builder-banner-var-2 .rbt-banner-part-right .rbt-content .rbt-indicator {
        display: none
    }
}

.rbt-builder-banner.rbt-builder-banner-var-2 .rbt-banner-part-right figure img {
    max-width: 600px;
    max-height: 505px;
    border-radius: var(--radius-10)
}

@media only screen and (max-width: 767px),
only screen and (min-width:768px) and (max-width:991px),
only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:1200px) and (max-width:1399px) {
    .rbt-builder-banner.rbt-builder-banner-var-2 .rbt-banner-part-right figure img {
        max-width: 100%;
        max-height: 100%;
        min-height: unset
    }
}

.rbt-builder-banner.rbt-builder-banner-var-3 {
    padding: 0
}

.rbt-builder-banner.rbt-builder-banner-var-3 .rbt-splash-btn-circle {
    left: 0;
    transform: translateX(0)
}

@media only screen and (max-width: 767px) {
    .rbt-builder-banner.rbt-builder-banner-var-3 .rbt-splash-btn-circle {
        bottom: -8%;
        left: 50%;
        transform: translateX(-50%)
    }
}

.rbt-builder-banner.rbt-builder-banner-var-3 .rbt-splash-section-title {
    padding: 24px 0;
    margin-bottom: 0
}

.rbt-builder-banner.rbt-builder-banner-var-3 .rbt-banner-part-right {
    padding: 100px 32px 80px 64px
}

@media only screen and (max-width: 767px) {
    .rbt-builder-banner.rbt-builder-banner-var-3 .rbt-banner-part-right {
        padding: 0 0 80px 8px
    }
}

.rbt-builder-banner.rbt-builder-banner-var-3 .rbt-banner-part-right .rbt-overlay-indicator-text {
    gap: 12px;
    flex-direction: row;
    margin: 0 auto;
    margin-bottom: 12px
}

.rbt-builder-banner.rbt-builder-banner-var-3 .rbt-banner-part-right .rbt-overlay-indicator-text span {
    transform: rotate(-5deg) translateY(24px) translateX(-10px);
    position: relative;
    z-index: 1
}

.rbt-builder-banner.rbt-builder-banner-var-3 .rbt-banner-part-right .rbt-overlay-indicator-text .overlay-text {
    color: var(--color-heading)
}

.rbt-builder-banner.rbt-builder-banner-var-3 .rbt-banner-part-right .rbt-filter-product-layout-box {
    max-width: unset;
    height: unset;
    border: 1px solid #4c4c50
}

.rbt-builder-banner.rbt-builder-banner-var-3 .rbt-banner-part-right .rbt-filter-product-layout-box .rbt-filter-option-box {
    border-radius: var(--radius-12);
    left: -2%;
    top: -14%
}

.rbt-builder-banner.rbt-builder-banner-var-3 .rbt-banner-part-right .rbt-filter-product-layout-box .filter-product-presentation::after {
    background: rgba(0, 0, 0, .1)
}

.rbt-builder-banner.has-black-circle-btn .rbt-splash-btn-circle {
    filter: drop-shadow(0 0 40px #232324)
}

.rbt-splash-btn-circle {
    display: inline-block;
    background: var(--color-white);
    border: 2px dashed var(--color-brand-400);
    border-radius: var(--radius-full);
    padding: 8px;
    position: relative
}

.rbt-splash-btn-circle .circle-btn-center-icon {
    position: absolute;
    height: 48px;
    width: 48px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.rbt-animate-rotaion-forward {
    animation: rotate-forward 20s infinite linear
}

@keyframes rotate-forward {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes up-down {
    0% {
        top: 50%
    }

    100% {
        top: 55%
    }
}

.rbt-splash-builder-banner-wider {
    max-width: 2560px;
    margin: 0 auto
}

.rbt-feature-navigation-card {
    display: block;
    position: relative;
    border-radius: 20px;
    min-height: 270px;
    box-shadow: var(--shadow-3);
    perspective: 200px;
    transition: var(--transition)
}

@media only screen and (max-width: 767px) {
    .rbt-feature-navigation-card {
        min-height: 210px;
        perspective: 100px;
        border-radius: 8px
    }
}

.rbt-feature-navigation-card.rbt-color-var-1 {
    background: linear-gradient(180deg, rgba(255, 255, 255, .5) 32%, rgba(33, 218, 166, .3) 63%, rgba(255, 255, 255, .8) 75%)
}

.rbt-feature-navigation-card.rbt-color-var-2 {
    background: linear-gradient(180deg, rgba(255, 255, 255, .5) 32%, rgba(175, 33, 218, .3) 63%, rgba(255, 255, 255, .8) 75%)
}

.rbt-feature-navigation-card.rbt-color-var-3 {
    background: linear-gradient(180deg, rgba(255, 255, 255, .5) 32%, rgba(39, 218, 33, .3) 63%, rgba(255, 255, 255, .8) 75%)
}

.rbt-feature-navigation-card.rbt-color-var-4 {
    background: linear-gradient(180deg, rgba(255, 255, 255, .5) 32%, rgba(33, 172, 218, .3) 63%, rgba(255, 255, 255, .8) 75%)
}

.rbt-feature-navigation-card.rbt-color-var-5 {
    background: linear-gradient(180deg, rgba(255, 255, 255, .5) 32%, rgba(212, 218, 33, .3) 63%, rgba(255, 255, 255, .8) 75%)
}

.rbt-feature-navigation-card.rbt-color-var-6 {
    background: linear-gradient(180deg, rgba(255, 255, 255, .5) 32%, rgba(33, 89, 218, .3) 63%, rgba(255, 255, 255, .8) 75%)
}

.rbt-feature-navigation-card.rbt-color-var-7 {
    background: linear-gradient(180deg, rgba(255, 255, 255, .5) 32%, rgba(218, 33, 119, .3) 63%, rgba(255, 255, 255, .8) 75%)
}

.rbt-feature-navigation-card.rbt-color-var-8 {
    background: linear-gradient(180deg, rgba(255, 255, 255, .5) 32%, rgba(79, 33, 218, .3) 63%, rgba(255, 255, 255, .8) 75%)
}

.rbt-feature-navigation-card.rbt-color-var-9 {
    background: linear-gradient(180deg, rgba(255, 255, 255, .5) 32%, rgba(218, 122, 33, .3) 63%, rgba(255, 255, 255, .8) 75%)
}

.rbt-feature-navigation-card.rbt-color-var-10 {
    background: linear-gradient(180deg, rgba(255, 255, 255, .5) 32%, rgba(237, 255, 40, .3) 63%, rgba(255, 255, 255, .8) 75%)
}

.rbt-feature-navigation-card .rbt-card-top {
    border-radius: var(--radius-12) var(--radius-12) 0 0;
    padding: 12px 16px
}

.rbt-feature-navigation-card .rbt-card-top figure {
    width: fit-content;
    margin: 0 auto
}

.rbt-feature-navigation-card .rbt-card-top figure img {
    max-height: 170px
}

.rbt-feature-navigation-card .rbt-shape {
    -webkit-mask-position: 0 0;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    background-image: url(../images/splash/feature/feature-card-shape.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-mask-image: url(../images/splash/feature/feature-card-shape.png);
    mask-image: url(../images/splash/feature/feature-card-shape.png);
    opacity: .7;
    backdrop-filter: blur(10px);
    height: 120px;
    width: calc(100% + 1px);
    position: absolute;
    bottom: 0;
    transform-origin: bottom;
    transform: rotateX(0) rotateY(0) rotateZ(0);
    transition: var(--transition)
}

.rbt-feature-navigation-card .rbt-card-bottom {
    border-radius: 0 0 var(--radius-12) var(--radius-12);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0 24px;
    position: relative;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.rbt-feature-navigation-card .rbt-card-bottom .rbt-inner {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 24px
}

@media only screen and (max-width: 767px) {
    .rbt-feature-navigation-card .rbt-card-bottom .rbt-inner {
        padding: 0 12px
    }
}

.rbt-feature-navigation-card .rbt-card-bottom .rbt-feature-info .rbt-title {
    margin-bottom: 0
}

.rbt-feature-navigation-card .rbt-card-bottom .rbt-feature-info .rbt-title+span {
    font-size: var(--font-size-b4);
    line-height: 1.5;
    color: var(--color-black)
}

.rbt-feature-navigation-card:hover {
    transform: translateY(-5px)
}

.rbt-feature-navigation-card:hover .rbt-shape {
    transform: rotateX(-10deg) rotateY(0) rotateZ(0)
}

.rbt-feature-navigation-card:hover .rbt-icon-overlay-link-btn {
    color: var(--color-white)
}

.rbt-feature-navigation-card:hover .rbt-icon-overlay-link-btn::after {
    background: var(--color-primary);
    border: 2px solid var(--color-primary)
}

.rbt-feature-navigation-card:hover .rbt-icon-overlay-link-btn i.rbt-icon {
    transform: translateY(-300%) translateX(475%)
}

.rbt-feature-navigation-card:hover .rbt-icon-overlay-link-btn i.rbt-icon-bottom {
    transform: translateY(0) translateX(0) scale(1.1)
}

.rbt-profile-sidebar {
    border-radius: var(--radius-md);
    background: 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, .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;
    text-align: center;
    font-weight: bold;
    background: #e7effd;
    color: #215ada;
}

@media only screen and (max-width: 767px),
only screen and (min-width:1200px) and (max-width:1399px) {
    .rbt-user-profile .rbt-user-profile-img {
        height: 48px;
        width: 48px;
        min-width: 48px
    }
}

.rbt-user-profile .rbt-user-profile-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.rbt-sidebar-widgets {
    padding-top: 16px
}

.rbt-sidebar-single-widget {
    margin-bottom: 20px
}

.rbt-sidebar-single-widget .rbt-title {
    margin-bottom: 4px;
    font-weight: var(--f-medium)
}

.rbt-sidebar-single-widget .rbt-sidebar-nav-list {
    gap: 4px
}

.rbt-sidebar-single-widget .rbt-sidebar-nav-list a,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    font-size: var(--font-size-b2);
    color: var(--color-gray-500);
    border-radius: var(--radius);
    gap: 12px
}

.rbt-sidebar-single-widget .rbt-sidebar-nav-list a,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button {
    position: relative;
    overflow: hidden;
    z-index: 1
}

.rbt-sidebar-single-widget .rbt-sidebar-nav-list a::after,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -25%);
    width: 100%;
    height: 100%;
    background: var(--color-brand-300);
    z-index: -1;
    opacity: 0;
    transition: var(--transition)
}

.rbt-sidebar-single-widget .rbt-sidebar-nav-list a.active,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list a:hover,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button.active,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button:hover {
    color: var(--color-primary)
}

.rbt-sidebar-single-widget .rbt-sidebar-nav-list a.active::after,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list a:hover::after,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button.active::after,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button:hover::after {
    opacity: 1;
    transform: translate(-50%, 0)
}

.rbt-sidebar-single-widget .rbt-sidebar-nav-list a.active,
.rbt-sidebar-single-widget .rbt-sidebar-nav-list button.active {
    font-weight: var(--f-bold)
}

.rbt-profile-content-area {
    border-radius: var(--radius-md);
    background: var(--color-white);
    border: 2px solid var(--color-white);
    box-shadow: var(--shadow-10);
    padding: 24px
}

.rbt-payment-method-card {
    border: 1px dashed var(--color-gray-200);
    border-radius: var(--radius);
    padding: 12px;
    position: relative
}

.rbt-payment-method-card.rbt-add-payment-method-card {
    min-height: 195px
}

.rbt-payment-method-card .rbt-card-body .rbt-badge,
.rbt-payment-method-card .rbt-card-body .rbt-set-card-primary-btn {
    position: absolute;
    top: 16px;
    right: 16px
}

.rbt-payment-method-card .rbt-card-body .rbt-payment-method-img {
    max-height: 48px;
    max-width: max-content
}

.rbt-payment-method-card .rbt-card-body .rbt-set-card-primary-btn {
    border: none;
    background: 0 0;
    color: var(--color-gray-700);
    font-size: var(--font-size-b3);
    padding: 0;
    margin: 0
}

.rbt-payment-method-card .rbt-card-body .rbt-set-card-primary-btn:hover {
    color: var(--color-black)
}

.rbt-payment-method-card .rbt-card-footer .rbt-btn {
    background: 0 0;
    border: 1px solid var(--color-gray-500);
    color: var(--color-gray-500);
    line-height: unset
}

.rbt-payment-method-card .rbt-card-footer .rbt-btn:focus,
.rbt-payment-method-card .rbt-card-footer .rbt-btn:hover {
    box-shadow: none
}

.user-menu {
    position: relative
}

.user-menu-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    z-index: 1060;
    width: 290px;
    padding: 12px;
    border: 1px solid rgba(33, 90, 218, .12);
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
    box-shadow: 0 22px 42px rgba(14, 25, 50, .16)
}

.user-menu:hover .user-menu-dropdown,
.user-menu.is-open .user-menu-dropdown {
    display: block
}

.user-menu-dropdown-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    padding: 4px 4px 12px;
    border-bottom: 1px solid rgba(33, 90, 218, .1)
}

.user-menu-dropdown-head strong {
    display: block;
    font-size: .95rem
}

.user-menu-auth,
.user-menu-guest {
    display: none
}

.user-menu-auth.is-visible,
.user-menu-guest.is-visible {
    display: grid;
    /* gap: 8px */
}

.user-menu-auth a,
.user-menu-auth button,
.user-menu-guest a {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    border: 0;
    border-radius: 14px;
    background: transparent;
    color: inherit;
    text-align: left
}

.user-menu-auth a:hover,
.user-menu-auth button:hover,
.user-menu-guest a:hover {
    background: #e9f1fc;
    color: var(--terracotta)
}

.user-menu-guest {
    padding-top: 2px
}

.user-menu-guest p {
    margin-top: 10px;
    color: var(--text-muted);
    font-size: .78rem;
    line-height: 1.4
}

.search-results-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none
}

.search-results-list li {
    min-height: 64px;
    padding: 12px 14px;
    border: 1px solid rgba(33, 90, 218, .1);
    border-radius: 18px;
    background: #fff
}


.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: #f3f3f3;
    transition: var(--transition);
    border-radius: 60px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}



@media only screen and (max-width: 767px) {
    .rbt-access-box .content {
        display: none;
    }

    .user-menu-caret {
        font-size: 9px !important;
        margin-left: 8px !important;
    }

    [data-user-menu].is-auth .user-menu-auth-wrapper {
        padding: 5px 8px !important;
    }


    .user-menu-auth-wrapper .submenu {
        right: -11px !important;
    }

    .user-menu-auth-wrapper .submenu li a,
    .user-menu-auth-wrapper .submenu li button {
        padding: 10px 10px !important;
    }
}


.btn-whatsapp-pulse {
    background: #25d366;
    color: white;
    position: fixed;
    bottom: 30px;
    left: 20px;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 25px;
    text-decoration: none;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    z-index: 999999999999;
}

a.btn-whatsapp-pulse:hover {
    color: #ffffff;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }

    80% {
        box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
    }
}

.btn-whatsapp-pulse-border {
    bottom: 120px;
    right: 20px;
    animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    padding: 25px;
    border: 5px solid #25d366;
    opacity: 0.75;
    animation-name: pulse-border;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

@keyframes pulse-border {
    0% {
        padding: 25px;
        opacity: 0.75;
    }

    75% {
        padding: 50px;
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}


@media only screen and (max-width: 767px) {
    .btn-whatsapp-pulse {
        bottom: 50px;
    }
}

/* Toaster Alerts */

#toast-container {
    position: fixed;
    top: 24px;
    right: 24px;
    z-index: 9999;
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
    pointer-events: none;
}

.toast-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 4px;
    min-width: 360px;
    max-width: 360px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.45;
    color: #fff;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .35), 0 2px 8px rgba(0, 0, 0, .2);
    pointer-events: all;
    transform: translateX(120%);
    opacity: 0;
    transition: transform .35s cubic-bezier(.34, 1.4, .64, 1), opacity .3s ease;
    backdrop-filter: blur(12px);
    position: relative;
    overflow: hidden;
    border-left: 4px solid;
}

.toast-item.show {
    transform: translateX(0);
    opacity: 1;
}

.toast-item.hide {
    transform: translateX(120%);
    opacity: 0;
    transition: transform .25s ease, opacity .25s ease;
}

.toast-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    animation: toastProgress 3.2s linear forwards;
}

@keyframes toastProgress {
    from {
        width: 100%;
    }

    to {
        width: 0%;
    }
}

.toast-item.toast-success {
    background: linear-gradient(135deg, #064e3b 0%, #047857 100%);
    border: 1px solid #10b98166;
    border-left: 4px solid #34d399;
    color: #ffffff;
}

.toast-item.toast-error {
    background: linear-gradient(135deg, #450a0a 0%, #991b1b 100%);
    border: 1px solid #ef444466;
    border-left: 4px solid #f87171;
    color: #ffffff;
}

.toast-item.toast-success::after {
    background: #10b981;
}

.toast-item.toast-error::after {
    background: #ef4444;
}

.toast-item .toast-icon {
    font-size: 1.1rem;
    flex-shrink: 0;
    margin-top: 1px;
    color: #ffffff;
}

.toast-item .toast-msg {
    flex: 1;
}

.toast-item .toast-close {
    background: none;
    border: none;
    color: #ffffff;
    cursor: pointer;
    padding: 0;
    font-size: 16px;
    line-height: 1;
    flex-shrink: 0;
}

.toast-item .toast-close:hover {
    color: #ffffff;
}