:root {
    --color-primary: green;
    --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: #F9F9F9;
    --color-light-pink: #FFEDEB;
    --white-opacity: #ffffff21;
    --color-brand-50: #EFF1F4;
    --color-brand-100: #E7E9EC;
    --color-brand-200: #E9F1FC;
    --color-brand-300: #D3E1F8;
    --color-brand-400: #BCD2F4;
    --color-brand-500: #A4C2F1;
    --color-brand-600: #7A9CE9;
    --color-brand-700: #648BE5;
    --color-gray-100: #F3F3F3;
    --color-gray-150: #F6F6F6;
    --color-gray-200: #E6E6E6;
    --color-gray-300: #C1C1C1;
    --color-gray-400: #888888;
    --color-gray-500: #555555;
    --color-gray-600: #444444;
    --color-gray-700: #333333;
    --color-border: #F3F3F3;
    --color-border-2: #F4F4F4;
    --color-extra-one: #EEEEEE;
    --color-extra-two: #FAF0DC;
    --color-extra-three: #EAEAEA;
    --color-extra-four: #E7E8E9;
    --color-extra-five: #E6F2FB;
    --color-extra-six: #E0EEEA;
    --color-extra-seven: #D3DDEF;
    --color-extra-eight: #FFC20E;
    --color-extra-nine: #0E1932;
    --color-extra-ten: #222D46;
    --color-extra-eleven: #BCBCBC;
    --color-extra-twelve: #FFF0EC;
    --color-chocolate: #673B39;
    --color-element-bg-blue: #E5F2FB;
    --color-element-bg-yellow: #FAF0DC;
    --color-success: #53DC54;
    --color-danger: #E53E3E;
    --color-warning: #F5B24F;
    --color-facebook: #2A66FF;
    --color-tiktok: #000000;
    --color-youtube: #ED4141;
    --color-linkedin: #0077B5;
    --color-pinterest: #BD091C;
    --color-tumblr: #34475C;
    --color-telegram: #31A8E0;
    --color-vimeo: #00ADEF;
    --color-twitch: #6441A3;
    --color-discord: #7289da;
    --color-whatsapp: #24D366;
    --color-mail: #5FB7E0;
    --color-phone: #014A8F;
    --color-skype: #00AFF0;
    --color-signal: #3A76F0;
    --radius-60: 60px;
    --radius-10: 10px;
    --radius-12: 12px;
    --radius-big: 16px;
    --radius-md: 8px;
    --border-width: 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%;
    right: 0;
    clip-path: polygon(0 0,100% 0,100% 0,0 0);
    transition: all .2s ease-in-out,clip-path .4s ease-in-out;
    opacity: 0;
    visibility: visible
}

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

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

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

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

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

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

    .liststyle li {
        margin: 0
    }

.height-auto {
    height: auto !important
}

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

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

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

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

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

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

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

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

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

[hidden] {
    display: none
}

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

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

    a:focus {
        outline: 0
    }

address {
    margin: 0 0 24px
}

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

b, strong {
    font-weight: 700
}

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

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

ins, kbd {
    color: #fff
}

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

small {
    font-size: smaller
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

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

dd {
    margin: 0 15px 15px
}

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

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

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

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

ol ul {
    margin-bottom: 0
}

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

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

figure {
    margin: 0
}

form {
    margin: 0
}

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

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

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

button, input {
    line-height: normal
}

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

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

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

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

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

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

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

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

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

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

del {
    color: #333
}

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

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

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

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

dd {
    margin: 0 15px 15px
}

caption {
    caption-side: top
}

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

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

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

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

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

    blockquote blockquote {
        margin-right: 0
    }

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

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

* {
    box-sizing: border-box
}

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

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

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

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

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

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    word-break: break-word;
    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: disc;
    margin-bottom: 30px;
    padding-left: 20px
}

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

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

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

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

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

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

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

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

ul ul {
    margin-bottom: 0
}

ol {
    margin-bottom: 30px
}

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

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

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

    ol ul {
        padding-left: 30px
    }

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

    .nav-pills li {
        margin: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes rbt_flash_animate {
    0% {
        opacity: 1
    }

    5% {
        opacity: .1
    }

    10% {
        opacity: .9
    }

    15% {
        opacity: .1
    }

    20% {
        opacity: .9
    }

    25% {
        opacity: .1
    }

    30% {
        opacity: .9
    }

    100% {
        opacity: 1
    }
}

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

.clearfix:after {
    clear: both
}

.fix {
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        padding-right: 16px;
        padding-left: 16px
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rbt-border-color-primary {
    border-color: #012b1d !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: 20px !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;
    flex-direction: row;
    direction: rtl;
}

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

.ml--24 {
    margin-left: 24px !important
}

.m--28 {
    margin: 28px !important
}

.p--28 {
    padding: 28px !important
}

.ptb--28 {
    padding: 28px 0 !important
}

.plr--28 {
    padding: 0 28px !important
}

.pt--28 {
    padding-top: 28px !important
}

.pb--28 {
    padding-bottom: 28px !important
}

.pl--28 {
    padding-left: 28px !important
}

.pr--28 {
    padding-right: 28px !important
}

.mt--28 {
    margin-top: 28px !important
}

.mb--28 {
    margin-bottom: 28px !important
}

.mr--28 {
    margin-right: 28px !important
}

.ml--28 {
    margin-left: 28px !important
}

.m--32 {
    margin: 32px !important
}

.p--32 {
    padding: 32px !important
}

.ptb--32 {
    padding: 32px 0 !important
}

.plr--32 {
    padding: 0 32px !important
}

.pt--32 {
    padding-top: 32px !important
}

.pb--32 {
    padding-bottom: 32px !important
}

.pl--32 {
    padding-left: 32px !important
}

.pr--32 {
    padding-right: 32px !important
}

.mt--32 {
    margin-top: 32px !important
}

.mb--32 {
    margin-bottom: 32px !important
}

.mr--32 {
    margin-right: 32px !important
}

.ml--32 {
    margin-left: 32px !important
}

.m--36 {
    margin: 36px !important
}

.p--36 {
    padding: 36px !important
}

.ptb--36 {
    padding: 36px 0 !important
}

.plr--36 {
    padding: 0 36px !important
}

.pt--36 {
    padding-top: 36px !important
}

.pb--36 {
    padding-bottom: 36px !important
}

.pl--36 {
    padding-left: 36px !important
}

.pr--36 {
    padding-right: 36px !important
}

.mt--36 {
    margin-top: 36px !important
}

.mb--36 {
    margin-bottom: 36px !important
}

.mr--36 {
    margin-right: 36px !important
}

.ml--36 {
    margin-left: 36px !important
}

.m--40 {
    margin: 40px !important
}

.p--40 {
    padding: 40px !important
}

.ptb--40 {
    padding: 40px 0 !important
}

.plr--40 {
    padding: 0 40px !important
}

.pt--40 {
    padding-top: 40px !important
}

.pb--40 {
    padding-bottom: 40px !important
}

.pl--40 {
    padding-left: 40px !important
}

.pr--40 {
    padding-right: 40px !important
}

.mt--40 {
    margin-top: 40px !important
}

.mb--40 {
    margin-bottom: 40px !important
}

.mr--40 {
    margin-right: 40px !important
}

.ml--40 {
    margin-left: 40px !important
}

.m--44 {
    margin: 44px !important
}

.p--44 {
    padding: 44px !important
}

.ptb--44 {
    padding: 44px 0 !important
}

.plr--44 {
    padding: 0 44px !important
}

.pt--44 {
    padding-top: 44px !important
}

.pb--44 {
    padding-bottom: 44px !important
}

.pl--44 {
    padding-left: 44px !important
}

.pr--44 {
    padding-right: 44px !important
}

.mt--44 {
    margin-top: 44px !important
}

.mb--44 {
    margin-bottom: 44px !important
}

.mr--44 {
    margin-right: 44px !important
}

.ml--44 {
    margin-left: 44px !important
}

.m--48 {
    margin: 48px !important
}

.p--48 {
    padding: 48px !important
}

.ptb--48 {
    padding: 48px 0 !important
}

.plr--48 {
    padding: 0 48px !important
}

.pt--48 {
    padding-top: 48px !important
}

.pb--48 {
    padding-bottom: 48px !important
}

.pl--48 {
    padding-left: 48px !important
}

.pr--48 {
    padding-right: 48px !important
}

.mt--48 {
    margin-top: 48px !important
}

.mb--48 {
    margin-bottom: 48px !important
}

.mr--48 {
    margin-right: 48px !important
}

.ml--48 {
    margin-left: 48px !important
}

.m--52 {
    margin: 52px !important
}

.p--52 {
    padding: 52px !important
}

.ptb--52 {
    padding: 52px 0 !important
}

.plr--52 {
    padding: 0 52px !important
}

.pt--52 {
    padding-top: 52px !important
}

.pb--52 {
    padding-bottom: 52px !important
}

.pl--52 {
    padding-left: 52px !important
}

.pr--52 {
    padding-right: 52px !important
}

.mt--52 {
    margin-top: 52px !important
}

.mb--52 {
    margin-bottom: 52px !important
}

.mr--52 {
    margin-right: 52px !important
}

.ml--52 {
    margin-left: 52px !important
}

.m--56 {
    margin: 56px !important
}

.p--56 {
    padding: 56px !important
}

.ptb--56 {
    padding: 56px 0 !important
}

.plr--56 {
    padding: 0 56px !important
}

.pt--56 {
    padding-top: 56px !important
}

.pb--56 {
    padding-bottom: 56px !important
}

.pl--56 {
    padding-left: 56px !important
}

.pr--56 {
    padding-right: 56px !important
}

.mt--56 {
    margin-top: 56px !important
}

.mb--56 {
    margin-bottom: 56px !important
}

.mr--56 {
    margin-right: 56px !important
}

.ml--56 {
    margin-left: 56px !important
}

.m--60 {
    margin: 60px !important
}

.p--60 {
    padding: 60px !important
}

.ptb--60 {
    padding: 60px 0 !important
}

.plr--60 {
    padding: 0 60px !important
}

.pt--60 {
    padding-top: 60px !important
}

.pb--60 {
    padding-bottom: 60px !important
}

.pl--60 {
    padding-left: 60px !important
}

.pr--60 {
    padding-right: 60px !important
}

.mt--60 {
    margin-top: 60px !important
}

.mb--60 {
    margin-bottom: 60px !important
}

.mr--60 {
    margin-right: 60px !important
}

.ml--60 {
    margin-left: 60px !important
}

.m--64 {
    margin: 64px !important
}

.p--64 {
    padding: 64px !important
}

.ptb--64 {
    padding: 64px 0 !important
}

.plr--64 {
    padding: 0 64px !important
}

.pt--64 {
    padding-top: 64px !important
}

.pb--64 {
    padding-bottom: 64px !important
}

.pl--64 {
    padding-left: 64px !important
}

.pr--64 {
    padding-right: 64px !important
}

.mt--64 {
    margin-top: 64px !important
}

.mb--64 {
    margin-bottom: 64px !important
}

.mr--64 {
    margin-right: 64px !important
}

.ml--64 {
    margin-left: 64px !important
}

.m--68 {
    margin: 68px !important
}

.p--68 {
    padding: 68px !important
}

.ptb--68 {
    padding: 68px 0 !important
}

.plr--68 {
    padding: 0 68px !important
}

.pt--68 {
    padding-top: 68px !important
}

.pb--68 {
    padding-bottom: 68px !important
}

.pl--68 {
    padding-left: 68px !important
}

.pr--68 {
    padding-right: 68px !important
}

.mt--68 {
    margin-top: 68px !important
}

.mb--68 {
    margin-bottom: 68px !important
}

.mr--68 {
    margin-right: 68px !important
}

.ml--68 {
    margin-left: 68px !important
}

.m--72 {
    margin: 72px !important
}

.p--72 {
    padding: 72px !important
}

.ptb--72 {
    padding: 72px 0 !important
}

.plr--72 {
    padding: 0 72px !important
}

.pt--72 {
    padding-top: 72px !important
}

.pb--72 {
    padding-bottom: 72px !important
}

.pl--72 {
    padding-left: 72px !important
}

.pr--72 {
    padding-right: 72px !important
}

.mt--72 {
    margin-top: 72px !important
}

.mb--72 {
    margin-bottom: 72px !important
}

.mr--72 {
    margin-right: 72px !important
}

.ml--72 {
    margin-left: 72px !important
}

.m--76 {
    margin: 76px !important
}

.p--76 {
    padding: 76px !important
}

.ptb--76 {
    padding: 76px 0 !important
}

.plr--76 {
    padding: 0 76px !important
}

.pt--76 {
    padding-top: 76px !important
}

.pb--76 {
    padding-bottom: 76px !important
}

.pl--76 {
    padding-left: 76px !important
}

.pr--76 {
    padding-right: 76px !important
}

.mt--76 {
    margin-top: 76px !important
}

.mb--76 {
    margin-bottom: 76px !important
}

.mr--76 {
    margin-right: 76px !important
}

.ml--76 {
    margin-left: 76px !important
}

.m--80 {
    margin: 80px !important
}

.p--80 {
    padding: 80px !important
}

.ptb--80 {
    padding: 80px 0 !important
}

.plr--80 {
    padding: 0 80px !important
}

.pt--80 {
    padding-top: 80px !important
}

.pb--80 {
    padding-bottom: 80px !important
}

.pl--80 {
    padding-left: 80px !important
}

.pr--80 {
    padding-right: 80px !important
}

.mt--80 {
    margin-top: 80px !important
}

.mb--80 {
    margin-bottom: 80px !important
}

.mr--80 {
    margin-right: 80px !important
}

.ml--80 {
    margin-left: 80px !important
}

.m--84 {
    margin: 84px !important
}

.p--84 {
    padding: 84px !important
}

.ptb--84 {
    padding: 84px 0 !important
}

.plr--84 {
    padding: 0 84px !important
}

.pt--84 {
    padding-top: 84px !important
}

.pb--84 {
    padding-bottom: 84px !important
}

.pl--84 {
    padding-left: 84px !important
}

.pr--84 {
    padding-right: 84px !important
}

.mt--84 {
    margin-top: 84px !important
}

.mb--84 {
    margin-bottom: 84px !important
}

.mr--84 {
    margin-right: 84px !important
}

.ml--84 {
    margin-left: 84px !important
}

.m--88 {
    margin: 88px !important
}

.p--88 {
    padding: 88px !important
}

.ptb--88 {
    padding: 88px 0 !important
}

.plr--88 {
    padding: 0 88px !important
}

.pt--88 {
    padding-top: 88px !important
}

.pb--88 {
    padding-bottom: 88px !important
}

.pl--88 {
    padding-left: 88px !important
}

.pr--88 {
    padding-right: 88px !important
}

.mt--88 {
    margin-top: 88px !important
}

.mb--88 {
    margin-bottom: 88px !important
}

.mr--88 {
    margin-right: 88px !important
}

.ml--88 {
    margin-left: 88px !important
}

.m--92 {
    margin: 92px !important
}

.p--92 {
    padding: 92px !important
}

.ptb--92 {
    padding: 92px 0 !important
}

.plr--92 {
    padding: 0 92px !important
}

.pt--92 {
    padding-top: 92px !important
}

.pb--92 {
    padding-bottom: 92px !important
}

.pl--92 {
    padding-left: 92px !important
}

.pr--92 {
    padding-right: 92px !important
}

.mt--92 {
    margin-top: 92px !important
}

.mb--92 {
    margin-bottom: 92px !important
}

.mr--92 {
    margin-right: 92px !important
}

.ml--92 {
    margin-left: 92px !important
}

.m--96 {
    margin: 96px !important
}

.p--96 {
    padding: 96px !important
}

.ptb--96 {
    padding: 96px 0 !important
}

.plr--96 {
    padding: 0 96px !important
}

.pt--96 {
    padding-top: 96px !important
}

.pb--96 {
    padding-bottom: 96px !important
}

.pl--96 {
    padding-left: 96px !important
}

.pr--96 {
    padding-right: 96px !important
}

.mt--96 {
    margin-top: 96px !important
}

.mb--96 {
    margin-bottom: 96px !important
}

.mr--96 {
    margin-right: 96px !important
}

.ml--96 {
    margin-left: 96px !important
}

.m--100 {
    margin: 100px !important
}

.p--100 {
    padding: 100px !important
}

.ptb--100 {
    padding: 100px 0 !important
}

.plr--100 {
    padding: 0 100px !important
}

.pt--100 {
    padding-top: 100px !important
}

.pb--100 {
    padding-bottom: 100px !important
}

.pl--100 {
    padding-left: 100px !important
}

.pr--100 {
    padding-right: 100px !important
}

.mt--100 {
    margin-top: 100px !important
}

.mb--100 {
    margin-bottom: 100px !important
}

.mr--100 {
    margin-right: 100px !important
}

.ml--100 {
    margin-left: 100px !important
}

.m--104 {
    margin: 104px !important
}

.p--104 {
    padding: 104px !important
}

.ptb--104 {
    padding: 104px 0 !important
}

.plr--104 {
    padding: 0 104px !important
}

.pt--104 {
    padding-top: 104px !important
}

.pb--104 {
    padding-bottom: 104px !important
}

.pl--104 {
    padding-left: 104px !important
}

.pr--104 {
    padding-right: 104px !important
}

.mt--104 {
    margin-top: 104px !important
}

.mb--104 {
    margin-bottom: 104px !important
}

.mr--104 {
    margin-right: 104px !important
}

.ml--104 {
    margin-left: 104px !important
}

.m--108 {
    margin: 108px !important
}

.p--108 {
    padding: 108px !important
}

.ptb--108 {
    padding: 108px 0 !important
}

.plr--108 {
    padding: 0 108px !important
}

.pt--108 {
    padding-top: 108px !important
}

.pb--108 {
    padding-bottom: 108px !important
}

.pl--108 {
    padding-left: 108px !important
}

.pr--108 {
    padding-right: 108px !important
}

.mt--108 {
    margin-top: 108px !important
}

.mb--108 {
    margin-bottom: 108px !important
}

.mr--108 {
    margin-right: 108px !important
}

.ml--108 {
    margin-left: 108px !important
}

.m--112 {
    margin: 112px !important
}

.p--112 {
    padding: 112px !important
}

.ptb--112 {
    padding: 112px 0 !important
}

.plr--112 {
    padding: 0 112px !important
}

.pt--112 {
    padding-top: 112px !important
}

.pb--112 {
    padding-bottom: 112px !important
}

.pl--112 {
    padding-left: 112px !important
}

.pr--112 {
    padding-right: 112px !important
}

.mt--112 {
    margin-top: 112px !important
}

.mb--112 {
    margin-bottom: 112px !important
}

.mr--112 {
    margin-right: 112px !important
}

.ml--112 {
    margin-left: 112px !important
}

.m--116 {
    margin: 116px !important
}

.p--116 {
    padding: 116px !important
}

.ptb--116 {
    padding: 116px 0 !important
}

.plr--116 {
    padding: 0 116px !important
}

.pt--116 {
    padding-top: 116px !important
}

.pb--116 {
    padding-bottom: 116px !important
}

.pl--116 {
    padding-left: 116px !important
}

.pr--116 {
    padding-right: 116px !important
}

.mt--116 {
    margin-top: 116px !important
}

.mb--116 {
    margin-bottom: 116px !important
}

.mr--116 {
    margin-right: 116px !important
}

.ml--116 {
    margin-left: 116px !important
}

.m--120 {
    margin: 120px !important
}

.p--120 {
    padding: 120px !important
}

.ptb--120 {
    padding: 120px 0 !important
}

.plr--120 {
    padding: 0 120px !important
}

.pt--120 {
    padding-top: 120px !important
}

.pb--120 {
    padding-bottom: 120px !important
}

.pl--120 {
    padding-left: 120px !important
}

.pr--120 {
    padding-right: 120px !important
}

.mt--120 {
    margin-top: 120px !important
}

.mb--120 {
    margin-bottom: 120px !important
}

.mr--120 {
    margin-right: 120px !important
}

.ml--120 {
    margin-left: 120px !important
}

.m--124 {
    margin: 124px !important
}

.p--124 {
    padding: 124px !important
}

.ptb--124 {
    padding: 124px 0 !important
}

.plr--124 {
    padding: 0 124px !important
}

.pt--124 {
    padding-top: 124px !important
}

.pb--124 {
    padding-bottom: 124px !important
}

.pl--124 {
    padding-left: 124px !important
}

.pr--124 {
    padding-right: 124px !important
}

.mt--124 {
    margin-top: 124px !important
}

.mb--124 {
    margin-bottom: 124px !important
}

.mr--124 {
    margin-right: 124px !important
}

.ml--124 {
    margin-left: 124px !important
}

.m--128 {
    margin: 128px !important
}

.p--128 {
    padding: 128px !important
}

.ptb--128 {
    padding: 128px 0 !important
}

.plr--128 {
    padding: 0 128px !important
}

.pt--128 {
    padding-top: 128px !important
}

.pb--128 {
    padding-bottom: 128px !important
}

.pl--128 {
    padding-left: 128px !important
}

.pr--128 {
    padding-right: 128px !important
}

.mt--128 {
    margin-top: 128px !important
}

.mb--128 {
    margin-bottom: 128px !important
}

.mr--128 {
    margin-right: 128px !important
}

.ml--128 {
    margin-left: 128px !important
}

.m--132 {
    margin: 132px !important
}

.p--132 {
    padding: 132px !important
}

.ptb--132 {
    padding: 132px 0 !important
}

.plr--132 {
    padding: 0 132px !important
}

.pt--132 {
    padding-top: 132px !important
}

.pb--132 {
    padding-bottom: 132px !important
}

.pl--132 {
    padding-left: 132px !important
}

.pr--132 {
    padding-right: 132px !important
}

.mt--132 {
    margin-top: 132px !important
}

.mb--132 {
    margin-bottom: 132px !important
}

.mr--132 {
    margin-right: 132px !important
}

.ml--132 {
    margin-left: 132px !important
}

.m--136 {
    margin: 136px !important
}

.p--136 {
    padding: 136px !important
}

.ptb--136 {
    padding: 136px 0 !important
}

.plr--136 {
    padding: 0 136px !important
}

.pt--136 {
    padding-top: 136px !important
}

.pb--136 {
    padding-bottom: 136px !important
}

.pl--136 {
    padding-left: 136px !important
}

.pr--136 {
    padding-right: 136px !important
}

.mt--136 {
    margin-top: 136px !important
}

.mb--136 {
    margin-bottom: 136px !important
}

.mr--136 {
    margin-right: 136px !important
}

.ml--136 {
    margin-left: 136px !important
}

.m--140 {
    margin: 140px !important
}

.p--140 {
    padding: 140px !important
}

.ptb--140 {
    padding: 140px 0 !important
}

.plr--140 {
    padding: 0 140px !important
}

.pt--140 {
    padding-top: 140px !important
}

.pb--140 {
    padding-bottom: 140px !important
}

.pl--140 {
    padding-left: 140px !important
}

.pr--140 {
    padding-right: 140px !important
}

.mt--140 {
    margin-top: 140px !important
}

.mb--140 {
    margin-bottom: 140px !important
}

.mr--140 {
    margin-right: 140px !important
}

.ml--140 {
    margin-left: 140px !important
}

.m--144 {
    margin: 144px !important
}

.p--144 {
    padding: 144px !important
}

.ptb--144 {
    padding: 144px 0 !important
}

.plr--144 {
    padding: 0 144px !important
}

.pt--144 {
    padding-top: 144px !important
}

.pb--144 {
    padding-bottom: 144px !important
}

.pl--144 {
    padding-left: 144px !important
}

.pr--144 {
    padding-right: 144px !important
}

.mt--144 {
    margin-top: 144px !important
}

.mb--144 {
    margin-bottom: 144px !important
}

.mr--144 {
    margin-right: 144px !important
}

.ml--144 {
    margin-left: 144px !important
}

.m--148 {
    margin: 148px !important
}

.p--148 {
    padding: 148px !important
}

.ptb--148 {
    padding: 148px 0 !important
}

.plr--148 {
    padding: 0 148px !important
}

.pt--148 {
    padding-top: 148px !important
}

.pb--148 {
    padding-bottom: 148px !important
}

.pl--148 {
    padding-left: 148px !important
}

.pr--148 {
    padding-right: 148px !important
}

.mt--148 {
    margin-top: 148px !important
}

.mb--148 {
    margin-bottom: 148px !important
}

.mr--148 {
    margin-right: 148px !important
}

.ml--148 {
    margin-left: 148px !important
}

.m--152 {
    margin: 152px !important
}

.p--152 {
    padding: 152px !important
}

.ptb--152 {
    padding: 152px 0 !important
}

.plr--152 {
    padding: 0 152px !important
}

.pt--152 {
    padding-top: 152px !important
}

.pb--152 {
    padding-bottom: 152px !important
}

.pl--152 {
    padding-left: 152px !important
}

.pr--152 {
    padding-right: 152px !important
}

.mt--152 {
    margin-top: 152px !important
}

.mb--152 {
    margin-bottom: 152px !important
}

.mr--152 {
    margin-right: 152px !important
}

.ml--152 {
    margin-left: 152px !important
}

.m--156 {
    margin: 156px !important
}

.p--156 {
    padding: 156px !important
}

.ptb--156 {
    padding: 156px 0 !important
}

.plr--156 {
    padding: 0 156px !important
}

.pt--156 {
    padding-top: 156px !important
}

.pb--156 {
    padding-bottom: 156px !important
}

.pl--156 {
    padding-left: 156px !important
}

.pr--156 {
    padding-right: 156px !important
}

.mt--156 {
    margin-top: 156px !important
}

.mb--156 {
    margin-bottom: 156px !important
}

.mr--156 {
    margin-right: 156px !important
}

.ml--156 {
    margin-left: 156px !important
}

.m--160 {
    margin: 160px !important
}

.p--160 {
    padding: 160px !important
}

.ptb--160 {
    padding: 160px 0 !important
}

.plr--160 {
    padding: 0 160px !important
}

.pt--160 {
    padding-top: 160px !important
}

.pb--160 {
    padding-bottom: 160px !important
}

.pl--160 {
    padding-left: 160px !important
}

.pr--160 {
    padding-right: 160px !important
}

.mt--160 {
    margin-top: 160px !important
}

.mb--160 {
    margin-bottom: 160px !important
}

.mr--160 {
    margin-right: 160px !important
}

.ml--160 {
    margin-left: 160px !important
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .m_lp--0 {
        margin: 0 !important
    }

    .p_lp--0 {
        padding: 0 !important
    }

    .ptb_lp--0 {
        padding: 0 0
    }

    .plr_lp--0 {
        padding: 0 0
    }

    .pt_lp--0 {
        padding-top: 0
    }

    .pb_lp--0 {
        padding-bottom: 0
    }

    .pl_lp--0 {
        padding-left: 0
    }

    .pr_lp--0 {
        padding-right: 0
    }

    .mt_lp--0 {
        margin-top: 0
    }

    .mb_lp--0 {
        margin-bottom: 0
    }

    .m_lp--4 {
        margin: 4px !important
    }

    .p_lp--4 {
        padding: 4px !important
    }

    .ptb_lp--4 {
        padding: 4px 0
    }

    .plr_lp--4 {
        padding: 0 4px
    }

    .pt_lp--4 {
        padding-top: 4px
    }

    .pb_lp--4 {
        padding-bottom: 4px
    }

    .pl_lp--4 {
        padding-left: 4px
    }

    .pr_lp--4 {
        padding-right: 4px
    }

    .mt_lp--4 {
        margin-top: 4px
    }

    .mb_lp--4 {
        margin-bottom: 4px
    }

    .m_lp--8 {
        margin: 8px !important
    }

    .p_lp--8 {
        padding: 8px !important
    }

    .ptb_lp--8 {
        padding: 8px 0
    }

    .plr_lp--8 {
        padding: 0 8px
    }

    .pt_lp--8 {
        padding-top: 8px
    }

    .pb_lp--8 {
        padding-bottom: 8px
    }

    .pl_lp--8 {
        padding-left: 8px
    }

    .pr_lp--8 {
        padding-right: 8px
    }

    .mt_lp--8 {
        margin-top: 8px
    }

    .mb_lp--8 {
        margin-bottom: 8px
    }

    .m_lp--12 {
        margin: 12px !important
    }

    .p_lp--12 {
        padding: 12px !important
    }

    .ptb_lp--12 {
        padding: 12px 0
    }

    .plr_lp--12 {
        padding: 0 12px
    }

    .pt_lp--12 {
        padding-top: 12px
    }

    .pb_lp--12 {
        padding-bottom: 12px
    }

    .pl_lp--12 {
        padding-left: 12px
    }

    .pr_lp--12 {
        padding-right: 12px
    }

    .mt_lp--12 {
        margin-top: 12px
    }

    .mb_lp--12 {
        margin-bottom: 12px
    }

    .m_lp--16 {
        margin: 16px !important
    }

    .p_lp--16 {
        padding: 16px !important
    }

    .ptb_lp--16 {
        padding: 16px 0
    }

    .plr_lp--16 {
        padding: 0 16px
    }

    .pt_lp--16 {
        padding-top: 16px
    }

    .pb_lp--16 {
        padding-bottom: 16px
    }

    .pl_lp--16 {
        padding-left: 16px
    }

    .pr_lp--16 {
        padding-right: 16px
    }

    .mt_lp--16 {
        margin-top: 16px
    }

    .mb_lp--16 {
        margin-bottom: 16px
    }

    .m_lp--20 {
        margin: 20px !important
    }

    .p_lp--20 {
        padding: 20px !important
    }

    .ptb_lp--20 {
        padding: 20px 0
    }

    .plr_lp--20 {
        padding: 0 20px
    }

    .pt_lp--20 {
        padding-top: 20px
    }

    .pb_lp--20 {
        padding-bottom: 20px
    }

    .pl_lp--20 {
        padding-left: 20px
    }

    .pr_lp--20 {
        padding-right: 20px
    }

    .mt_lp--20 {
        margin-top: 20px
    }

    .mb_lp--20 {
        margin-bottom: 20px
    }

    .m_lp--24 {
        margin: 24px !important
    }

    .p_lp--24 {
        padding: 24px !important
    }

    .ptb_lp--24 {
        padding: 24px 0
    }

    .plr_lp--24 {
        padding: 0 24px
    }

    .pt_lp--24 {
        padding-top: 24px
    }

    .pb_lp--24 {
        padding-bottom: 24px
    }

    .pl_lp--24 {
        padding-left: 24px
    }

    .pr_lp--24 {
        padding-right: 24px
    }

    .mt_lp--24 {
        margin-top: 24px
    }

    .mb_lp--24 {
        margin-bottom: 24px
    }

    .m_lp--28 {
        margin: 28px !important
    }

    .p_lp--28 {
        padding: 28px !important
    }

    .ptb_lp--28 {
        padding: 28px 0
    }

    .plr_lp--28 {
        padding: 0 28px
    }

    .pt_lp--28 {
        padding-top: 28px
    }

    .pb_lp--28 {
        padding-bottom: 28px
    }

    .pl_lp--28 {
        padding-left: 28px
    }

    .pr_lp--28 {
        padding-right: 28px
    }

    .mt_lp--28 {
        margin-top: 28px
    }

    .mb_lp--28 {
        margin-bottom: 28px
    }

    .m_lp--32 {
        margin: 32px !important
    }

    .p_lp--32 {
        padding: 32px !important
    }

    .ptb_lp--32 {
        padding: 32px 0
    }

    .plr_lp--32 {
        padding: 0 32px
    }

    .pt_lp--32 {
        padding-top: 32px
    }

    .pb_lp--32 {
        padding-bottom: 32px
    }

    .pl_lp--32 {
        padding-left: 32px
    }

    .pr_lp--32 {
        padding-right: 32px
    }

    .mt_lp--32 {
        margin-top: 32px
    }

    .mb_lp--32 {
        margin-bottom: 32px
    }

    .m_lp--36 {
        margin: 36px !important
    }

    .p_lp--36 {
        padding: 36px !important
    }

    .ptb_lp--36 {
        padding: 36px 0
    }

    .plr_lp--36 {
        padding: 0 36px
    }

    .pt_lp--36 {
        padding-top: 36px
    }

    .pb_lp--36 {
        padding-bottom: 36px
    }

    .pl_lp--36 {
        padding-left: 36px
    }

    .pr_lp--36 {
        padding-right: 36px
    }

    .mt_lp--36 {
        margin-top: 36px
    }

    .mb_lp--36 {
        margin-bottom: 36px
    }

    .m_lp--40 {
        margin: 40px !important
    }

    .p_lp--40 {
        padding: 40px !important
    }

    .ptb_lp--40 {
        padding: 40px 0
    }

    .plr_lp--40 {
        padding: 0 40px
    }

    .pt_lp--40 {
        padding-top: 40px
    }

    .pb_lp--40 {
        padding-bottom: 40px
    }

    .pl_lp--40 {
        padding-left: 40px
    }

    .pr_lp--40 {
        padding-right: 40px
    }

    .mt_lp--40 {
        margin-top: 40px
    }

    .mb_lp--40 {
        margin-bottom: 40px
    }

    .m_lp--44 {
        margin: 44px !important
    }

    .p_lp--44 {
        padding: 44px !important
    }

    .ptb_lp--44 {
        padding: 44px 0
    }

    .plr_lp--44 {
        padding: 0 44px
    }

    .pt_lp--44 {
        padding-top: 44px
    }

    .pb_lp--44 {
        padding-bottom: 44px
    }

    .pl_lp--44 {
        padding-left: 44px
    }

    .pr_lp--44 {
        padding-right: 44px
    }

    .mt_lp--44 {
        margin-top: 44px
    }

    .mb_lp--44 {
        margin-bottom: 44px
    }

    .m_lp--48 {
        margin: 48px !important
    }

    .p_lp--48 {
        padding: 48px !important
    }

    .ptb_lp--48 {
        padding: 48px 0
    }

    .plr_lp--48 {
        padding: 0 48px
    }

    .pt_lp--48 {
        padding-top: 48px
    }

    .pb_lp--48 {
        padding-bottom: 48px
    }

    .pl_lp--48 {
        padding-left: 48px
    }

    .pr_lp--48 {
        padding-right: 48px
    }

    .mt_lp--48 {
        margin-top: 48px
    }

    .mb_lp--48 {
        margin-bottom: 48px
    }

    .m_lp--52 {
        margin: 52px !important
    }

    .p_lp--52 {
        padding: 52px !important
    }

    .ptb_lp--52 {
        padding: 52px 0
    }

    .plr_lp--52 {
        padding: 0 52px
    }

    .pt_lp--52 {
        padding-top: 52px
    }

    .pb_lp--52 {
        padding-bottom: 52px
    }

    .pl_lp--52 {
        padding-left: 52px
    }

    .pr_lp--52 {
        padding-right: 52px
    }

    .mt_lp--52 {
        margin-top: 52px
    }

    .mb_lp--52 {
        margin-bottom: 52px
    }

    .m_lp--56 {
        margin: 56px !important
    }

    .p_lp--56 {
        padding: 56px !important
    }

    .ptb_lp--56 {
        padding: 56px 0
    }

    .plr_lp--56 {
        padding: 0 56px
    }

    .pt_lp--56 {
        padding-top: 56px
    }

    .pb_lp--56 {
        padding-bottom: 56px
    }

    .pl_lp--56 {
        padding-left: 56px
    }

    .pr_lp--56 {
        padding-right: 56px
    }

    .mt_lp--56 {
        margin-top: 56px
    }

    .mb_lp--56 {
        margin-bottom: 56px
    }

    .m_lp--60 {
        margin: 60px !important
    }

    .p_lp--60 {
        padding: 60px !important
    }

    .ptb_lp--60 {
        padding: 60px 0
    }

    .plr_lp--60 {
        padding: 0 60px
    }

    .pt_lp--60 {
        padding-top: 60px
    }

    .pb_lp--60 {
        padding-bottom: 60px
    }

    .pl_lp--60 {
        padding-left: 60px
    }

    .pr_lp--60 {
        padding-right: 60px
    }

    .mt_lp--60 {
        margin-top: 60px
    }

    .mb_lp--60 {
        margin-bottom: 60px
    }

    .m_lp--64 {
        margin: 64px !important
    }

    .p_lp--64 {
        padding: 64px !important
    }

    .ptb_lp--64 {
        padding: 64px 0
    }

    .plr_lp--64 {
        padding: 0 64px
    }

    .pt_lp--64 {
        padding-top: 64px
    }

    .pb_lp--64 {
        padding-bottom: 64px
    }

    .pl_lp--64 {
        padding-left: 64px
    }

    .pr_lp--64 {
        padding-right: 64px
    }

    .mt_lp--64 {
        margin-top: 64px
    }

    .mb_lp--64 {
        margin-bottom: 64px
    }

    .m_lp--68 {
        margin: 68px !important
    }

    .p_lp--68 {
        padding: 68px !important
    }

    .ptb_lp--68 {
        padding: 68px 0
    }

    .plr_lp--68 {
        padding: 0 68px
    }

    .pt_lp--68 {
        padding-top: 68px
    }

    .pb_lp--68 {
        padding-bottom: 68px
    }

    .pl_lp--68 {
        padding-left: 68px
    }

    .pr_lp--68 {
        padding-right: 68px
    }

    .mt_lp--68 {
        margin-top: 68px
    }

    .mb_lp--68 {
        margin-bottom: 68px
    }

    .m_lp--72 {
        margin: 72px !important
    }

    .p_lp--72 {
        padding: 72px !important
    }

    .ptb_lp--72 {
        padding: 72px 0
    }

    .plr_lp--72 {
        padding: 0 72px
    }

    .pt_lp--72 {
        padding-top: 72px
    }

    .pb_lp--72 {
        padding-bottom: 72px
    }

    .pl_lp--72 {
        padding-left: 72px
    }

    .pr_lp--72 {
        padding-right: 72px
    }

    .mt_lp--72 {
        margin-top: 72px
    }

    .mb_lp--72 {
        margin-bottom: 72px
    }

    .m_lp--76 {
        margin: 76px !important
    }

    .p_lp--76 {
        padding: 76px !important
    }

    .ptb_lp--76 {
        padding: 76px 0
    }

    .plr_lp--76 {
        padding: 0 76px
    }

    .pt_lp--76 {
        padding-top: 76px
    }

    .pb_lp--76 {
        padding-bottom: 76px
    }

    .pl_lp--76 {
        padding-left: 76px
    }

    .pr_lp--76 {
        padding-right: 76px
    }

    .mt_lp--76 {
        margin-top: 76px
    }

    .mb_lp--76 {
        margin-bottom: 76px
    }

    .m_lp--80 {
        margin: 80px !important
    }

    .p_lp--80 {
        padding: 80px !important
    }

    .ptb_lp--80 {
        padding: 80px 0
    }

    .plr_lp--80 {
        padding: 0 80px
    }

    .pt_lp--80 {
        padding-top: 80px
    }

    .pb_lp--80 {
        padding-bottom: 80px
    }

    .pl_lp--80 {
        padding-left: 80px
    }

    .pr_lp--80 {
        padding-right: 80px
    }

    .mt_lp--80 {
        margin-top: 80px
    }

    .mb_lp--80 {
        margin-bottom: 80px
    }

    .plr--120 {
        padding: 0 80px !important
    }

    .mt_lp_dec--30 {
        margin-top: -30px !important
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .pl_lg--0 {
        padding-left: 0 !important
    }

    .mt_lg_dec--30 {
        margin-top: -30px !important
    }

    .m_lg--0 {
        margin: 0 !important
    }

    .p_lg--0 {
        padding: 0 !important
    }

    .ptb_lg--0 {
        padding: 0 0 !important
    }

    .plr_lg--0 {
        padding: 0 0 !important
    }

    .pt_lg--0 {
        padding-top: 0 !important
    }

    .pb_lg--0 {
        padding-bottom: 0 !important
    }

    .pl_lg--0 {
        padding-left: 0 !important
    }

    .pr_lg--0 {
        padding-right: 0 !important
    }

    .mt_lg--0 {
        margin-top: 0 !important
    }

    .mb_lg--0 {
        margin-bottom: 0 !important
    }

    .ml_lg--0 {
        margin-left: 0 !important
    }

    .m_lg--4 {
        margin: 4px !important
    }

    .p_lg--4 {
        padding: 4px !important
    }

    .ptb_lg--4 {
        padding: 4px 0 !important
    }

    .plr_lg--4 {
        padding: 0 4px !important
    }

    .pt_lg--4 {
        padding-top: 4px !important
    }

    .pb_lg--4 {
        padding-bottom: 4px !important
    }

    .pl_lg--4 {
        padding-left: 4px !important
    }

    .pr_lg--4 {
        padding-right: 4px !important
    }

    .mt_lg--4 {
        margin-top: 4px !important
    }

    .mb_lg--4 {
        margin-bottom: 4px !important
    }

    .ml_lg--4 {
        margin-left: 4px !important
    }

    .m_lg--8 {
        margin: 8px !important
    }

    .p_lg--8 {
        padding: 8px !important
    }

    .ptb_lg--8 {
        padding: 8px 0 !important
    }

    .plr_lg--8 {
        padding: 0 8px !important
    }

    .pt_lg--8 {
        padding-top: 8px !important
    }

    .pb_lg--8 {
        padding-bottom: 8px !important
    }

    .pl_lg--8 {
        padding-left: 8px !important
    }

    .pr_lg--8 {
        padding-right: 8px !important
    }

    .mt_lg--8 {
        margin-top: 8px !important
    }

    .mb_lg--8 {
        margin-bottom: 8px !important
    }

    .ml_lg--8 {
        margin-left: 8px !important
    }

    .m_lg--12 {
        margin: 12px !important
    }

    .p_lg--12 {
        padding: 12px !important
    }

    .ptb_lg--12 {
        padding: 12px 0 !important
    }

    .plr_lg--12 {
        padding: 0 12px !important
    }

    .pt_lg--12 {
        padding-top: 12px !important
    }

    .pb_lg--12 {
        padding-bottom: 12px !important
    }

    .pl_lg--12 {
        padding-left: 12px !important
    }

    .pr_lg--12 {
        padding-right: 12px !important
    }

    .mt_lg--12 {
        margin-top: 12px !important
    }

    .mb_lg--12 {
        margin-bottom: 12px !important
    }

    .ml_lg--12 {
        margin-left: 12px !important
    }

    .m_lg--16 {
        margin: 16px !important
    }

    .p_lg--16 {
        padding: 16px !important
    }

    .ptb_lg--16 {
        padding: 16px 0 !important
    }

    .plr_lg--16 {
        padding: 0 16px !important
    }

    .pt_lg--16 {
        padding-top: 16px !important
    }

    .pb_lg--16 {
        padding-bottom: 16px !important
    }

    .pl_lg--16 {
        padding-left: 16px !important
    }

    .pr_lg--16 {
        padding-right: 16px !important
    }

    .mt_lg--16 {
        margin-top: 16px !important
    }

    .mb_lg--16 {
        margin-bottom: 16px !important
    }

    .ml_lg--16 {
        margin-left: 16px !important
    }

    .m_lg--20 {
        margin: 20px !important
    }

    .p_lg--20 {
        padding: 20px !important
    }

    .ptb_lg--20 {
        padding: 20px 0 !important
    }

    .plr_lg--20 {
        padding: 0 20px !important
    }

    .pt_lg--20 {
        padding-top: 20px !important
    }

    .pb_lg--20 {
        padding-bottom: 20px !important
    }

    .pl_lg--20 {
        padding-left: 20px !important
    }

    .pr_lg--20 {
        padding-right: 20px !important
    }

    .mt_lg--20 {
        margin-top: 20px !important
    }

    .mb_lg--20 {
        margin-bottom: 20px !important
    }

    .ml_lg--20 {
        margin-left: 20px !important
    }

    .m_lg--24 {
        margin: 24px !important
    }

    .p_lg--24 {
        padding: 24px !important
    }

    .ptb_lg--24 {
        padding: 24px 0 !important
    }

    .plr_lg--24 {
        padding: 0 24px !important
    }

    .pt_lg--24 {
        padding-top: 24px !important
    }

    .pb_lg--24 {
        padding-bottom: 24px !important
    }

    .pl_lg--24 {
        padding-left: 24px !important
    }

    .pr_lg--24 {
        padding-right: 24px !important
    }

    .mt_lg--24 {
        margin-top: 24px !important
    }

    .mb_lg--24 {
        margin-bottom: 24px !important
    }

    .ml_lg--24 {
        margin-left: 24px !important
    }

    .m_lg--28 {
        margin: 28px !important
    }

    .p_lg--28 {
        padding: 28px !important
    }

    .ptb_lg--28 {
        padding: 28px 0 !important
    }

    .plr_lg--28 {
        padding: 0 28px !important
    }

    .pt_lg--28 {
        padding-top: 28px !important
    }

    .pb_lg--28 {
        padding-bottom: 28px !important
    }

    .pl_lg--28 {
        padding-left: 28px !important
    }

    .pr_lg--28 {
        padding-right: 28px !important
    }

    .mt_lg--28 {
        margin-top: 28px !important
    }

    .mb_lg--28 {
        margin-bottom: 28px !important
    }

    .ml_lg--28 {
        margin-left: 28px !important
    }

    .m_lg--32 {
        margin: 32px !important
    }

    .p_lg--32 {
        padding: 32px !important
    }

    .ptb_lg--32 {
        padding: 32px 0 !important
    }

    .plr_lg--32 {
        padding: 0 32px !important
    }

    .pt_lg--32 {
        padding-top: 32px !important
    }

    .pb_lg--32 {
        padding-bottom: 32px !important
    }

    .pl_lg--32 {
        padding-left: 32px !important
    }

    .pr_lg--32 {
        padding-right: 32px !important
    }

    .mt_lg--32 {
        margin-top: 32px !important
    }

    .mb_lg--32 {
        margin-bottom: 32px !important
    }

    .ml_lg--32 {
        margin-left: 32px !important
    }

    .m_lg--36 {
        margin: 36px !important
    }

    .p_lg--36 {
        padding: 36px !important
    }

    .ptb_lg--36 {
        padding: 36px 0 !important
    }

    .plr_lg--36 {
        padding: 0 36px !important
    }

    .pt_lg--36 {
        padding-top: 36px !important
    }

    .pb_lg--36 {
        padding-bottom: 36px !important
    }

    .pl_lg--36 {
        padding-left: 36px !important
    }

    .pr_lg--36 {
        padding-right: 36px !important
    }

    .mt_lg--36 {
        margin-top: 36px !important
    }

    .mb_lg--36 {
        margin-bottom: 36px !important
    }

    .ml_lg--36 {
        margin-left: 36px !important
    }

    .m_lg--40 {
        margin: 40px !important
    }

    .p_lg--40 {
        padding: 40px !important
    }

    .ptb_lg--40 {
        padding: 40px 0 !important
    }

    .plr_lg--40 {
        padding: 0 40px !important
    }

    .pt_lg--40 {
        padding-top: 40px !important
    }

    .pb_lg--40 {
        padding-bottom: 40px !important
    }

    .pl_lg--40 {
        padding-left: 40px !important
    }

    .pr_lg--40 {
        padding-right: 40px !important
    }

    .mt_lg--40 {
        margin-top: 40px !important
    }

    .mb_lg--40 {
        margin-bottom: 40px !important
    }

    .ml_lg--40 {
        margin-left: 40px !important
    }

    .m_lg--44 {
        margin: 44px !important
    }

    .p_lg--44 {
        padding: 44px !important
    }

    .ptb_lg--44 {
        padding: 44px 0 !important
    }

    .plr_lg--44 {
        padding: 0 44px !important
    }

    .pt_lg--44 {
        padding-top: 44px !important
    }

    .pb_lg--44 {
        padding-bottom: 44px !important
    }

    .pl_lg--44 {
        padding-left: 44px !important
    }

    .pr_lg--44 {
        padding-right: 44px !important
    }

    .mt_lg--44 {
        margin-top: 44px !important
    }

    .mb_lg--44 {
        margin-bottom: 44px !important
    }

    .ml_lg--44 {
        margin-left: 44px !important
    }

    .m_lg--48 {
        margin: 48px !important
    }

    .p_lg--48 {
        padding: 48px !important
    }

    .ptb_lg--48 {
        padding: 48px 0 !important
    }

    .plr_lg--48 {
        padding: 0 48px !important
    }

    .pt_lg--48 {
        padding-top: 48px !important
    }

    .pb_lg--48 {
        padding-bottom: 48px !important
    }

    .pl_lg--48 {
        padding-left: 48px !important
    }

    .pr_lg--48 {
        padding-right: 48px !important
    }

    .mt_lg--48 {
        margin-top: 48px !important
    }

    .mb_lg--48 {
        margin-bottom: 48px !important
    }

    .ml_lg--48 {
        margin-left: 48px !important
    }

    .m_lg--52 {
        margin: 52px !important
    }

    .p_lg--52 {
        padding: 52px !important
    }

    .ptb_lg--52 {
        padding: 52px 0 !important
    }

    .plr_lg--52 {
        padding: 0 52px !important
    }

    .pt_lg--52 {
        padding-top: 52px !important
    }

    .pb_lg--52 {
        padding-bottom: 52px !important
    }

    .pl_lg--52 {
        padding-left: 52px !important
    }

    .pr_lg--52 {
        padding-right: 52px !important
    }

    .mt_lg--52 {
        margin-top: 52px !important
    }

    .mb_lg--52 {
        margin-bottom: 52px !important
    }

    .ml_lg--52 {
        margin-left: 52px !important
    }

    .m_lg--56 {
        margin: 56px !important
    }

    .p_lg--56 {
        padding: 56px !important
    }

    .ptb_lg--56 {
        padding: 56px 0 !important
    }

    .plr_lg--56 {
        padding: 0 56px !important
    }

    .pt_lg--56 {
        padding-top: 56px !important
    }

    .pb_lg--56 {
        padding-bottom: 56px !important
    }

    .pl_lg--56 {
        padding-left: 56px !important
    }

    .pr_lg--56 {
        padding-right: 56px !important
    }

    .mt_lg--56 {
        margin-top: 56px !important
    }

    .mb_lg--56 {
        margin-bottom: 56px !important
    }

    .ml_lg--56 {
        margin-left: 56px !important
    }

    .m_lg--60 {
        margin: 60px !important
    }

    .p_lg--60 {
        padding: 60px !important
    }

    .ptb_lg--60 {
        padding: 60px 0 !important
    }

    .plr_lg--60 {
        padding: 0 60px !important
    }

    .pt_lg--60 {
        padding-top: 60px !important
    }

    .pb_lg--60 {
        padding-bottom: 60px !important
    }

    .pl_lg--60 {
        padding-left: 60px !important
    }

    .pr_lg--60 {
        padding-right: 60px !important
    }

    .mt_lg--60 {
        margin-top: 60px !important
    }

    .mb_lg--60 {
        margin-bottom: 60px !important
    }

    .ml_lg--60 {
        margin-left: 60px !important
    }

    .m_lg--64 {
        margin: 64px !important
    }

    .p_lg--64 {
        padding: 64px !important
    }

    .ptb_lg--64 {
        padding: 64px 0 !important
    }

    .plr_lg--64 {
        padding: 0 64px !important
    }

    .pt_lg--64 {
        padding-top: 64px !important
    }

    .pb_lg--64 {
        padding-bottom: 64px !important
    }

    .pl_lg--64 {
        padding-left: 64px !important
    }

    .pr_lg--64 {
        padding-right: 64px !important
    }

    .mt_lg--64 {
        margin-top: 64px !important
    }

    .mb_lg--64 {
        margin-bottom: 64px !important
    }

    .ml_lg--64 {
        margin-left: 64px !important
    }

    .m_lg--68 {
        margin: 68px !important
    }

    .p_lg--68 {
        padding: 68px !important
    }

    .ptb_lg--68 {
        padding: 68px 0 !important
    }

    .plr_lg--68 {
        padding: 0 68px !important
    }

    .pt_lg--68 {
        padding-top: 68px !important
    }

    .pb_lg--68 {
        padding-bottom: 68px !important
    }

    .pl_lg--68 {
        padding-left: 68px !important
    }

    .pr_lg--68 {
        padding-right: 68px !important
    }

    .mt_lg--68 {
        margin-top: 68px !important
    }

    .mb_lg--68 {
        margin-bottom: 68px !important
    }

    .ml_lg--68 {
        margin-left: 68px !important
    }

    .m_lg--72 {
        margin: 72px !important
    }

    .p_lg--72 {
        padding: 72px !important
    }

    .ptb_lg--72 {
        padding: 72px 0 !important
    }

    .plr_lg--72 {
        padding: 0 72px !important
    }

    .pt_lg--72 {
        padding-top: 72px !important
    }

    .pb_lg--72 {
        padding-bottom: 72px !important
    }

    .pl_lg--72 {
        padding-left: 72px !important
    }

    .pr_lg--72 {
        padding-right: 72px !important
    }

    .mt_lg--72 {
        margin-top: 72px !important
    }

    .mb_lg--72 {
        margin-bottom: 72px !important
    }

    .ml_lg--72 {
        margin-left: 72px !important
    }

    .m_lg--76 {
        margin: 76px !important
    }

    .p_lg--76 {
        padding: 76px !important
    }

    .ptb_lg--76 {
        padding: 76px 0 !important
    }

    .plr_lg--76 {
        padding: 0 76px !important
    }

    .pt_lg--76 {
        padding-top: 76px !important
    }

    .pb_lg--76 {
        padding-bottom: 76px !important
    }

    .pl_lg--76 {
        padding-left: 76px !important
    }

    .pr_lg--76 {
        padding-right: 76px !important
    }

    .mt_lg--76 {
        margin-top: 76px !important
    }

    .mb_lg--76 {
        margin-bottom: 76px !important
    }

    .ml_lg--76 {
        margin-left: 76px !important
    }

    .m_lg--80 {
        margin: 80px !important
    }

    .p_lg--80 {
        padding: 80px !important
    }

    .ptb_lg--80 {
        padding: 80px 0 !important
    }

    .plr_lg--80 {
        padding: 0 80px !important
    }

    .pt_lg--80 {
        padding-top: 80px !important
    }

    .pb_lg--80 {
        padding-bottom: 80px !important
    }

    .pl_lg--80 {
        padding-left: 80px !important
    }

    .pr_lg--80 {
        padding-right: 80px !important
    }

    .mt_lg--80 {
        margin-top: 80px !important
    }

    .mb_lg--80 {
        margin-bottom: 80px !important
    }

    .ml_lg--80 {
        margin-left: 80px !important
    }
}

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

    .mt_md_dec--30 {
        margin-top: -30px !important
    }

    .pl_md--0 {
        padding-left: 0 !important
    }

    .ptb_md--0 {
        padding: 0 !important
    }

    .pl_md--0 {
        padding-left: 0 !important
    }

    .pr_md--0 {
        padding-right: 0 !important
    }

    .pt_md--0 {
        padding-top: 0 !important
    }

    .pb_md--0 {
        padding-bottom: 0 !important
    }

    .mr_md--0 {
        margin-right: 0 !important
    }

    .ml_md--0 {
        margin-left: 0 !important
    }

    .mt_md--0 {
        margin-top: 0 !important
    }

    .mb_md--0 {
        margin-bottom: 0 !important
    }

    .ptb_md--250 {
        padding: 250px 0 !important
    }

    .m_md--0 {
        margin: 0 !important
    }

    .p_md--0 {
        padding: 0 !important
    }

    .ptb_md--0 {
        padding: 0 0 !important
    }

    .plr_md--0 {
        padding: 0 0 !important
    }

    .pt_md--0 {
        padding-top: 0 !important
    }

    .pb_md--0 {
        padding-bottom: 0 !important
    }

    .pl_md--0 {
        padding-left: 0 !important
    }

    .pr_md--0 {
        padding-right: 0 !important
    }

    .mt_md--0 {
        margin-top: 0 !important
    }

    .mb_md--0 {
        margin-bottom: 0 !important
    }

    .m_md--4 {
        margin: 4px !important
    }

    .p_md--4 {
        padding: 4px !important
    }

    .ptb_md--4 {
        padding: 4px 0 !important
    }

    .plr_md--4 {
        padding: 0 4px !important
    }

    .pt_md--4 {
        padding-top: 4px !important
    }

    .pb_md--4 {
        padding-bottom: 4px !important
    }

    .pl_md--4 {
        padding-left: 4px !important
    }

    .pr_md--4 {
        padding-right: 4px !important
    }

    .mt_md--4 {
        margin-top: 4px !important
    }

    .mb_md--4 {
        margin-bottom: 4px !important
    }

    .m_md--8 {
        margin: 8px !important
    }

    .p_md--8 {
        padding: 8px !important
    }

    .ptb_md--8 {
        padding: 8px 0 !important
    }

    .plr_md--8 {
        padding: 0 8px !important
    }

    .pt_md--8 {
        padding-top: 8px !important
    }

    .pb_md--8 {
        padding-bottom: 8px !important
    }

    .pl_md--8 {
        padding-left: 8px !important
    }

    .pr_md--8 {
        padding-right: 8px !important
    }

    .mt_md--8 {
        margin-top: 8px !important
    }

    .mb_md--8 {
        margin-bottom: 8px !important
    }

    .m_md--12 {
        margin: 12px !important
    }

    .p_md--12 {
        padding: 12px !important
    }

    .ptb_md--12 {
        padding: 12px 0 !important
    }

    .plr_md--12 {
        padding: 0 12px !important
    }

    .pt_md--12 {
        padding-top: 12px !important
    }

    .pb_md--12 {
        padding-bottom: 12px !important
    }

    .pl_md--12 {
        padding-left: 12px !important
    }

    .pr_md--12 {
        padding-right: 12px !important
    }

    .mt_md--12 {
        margin-top: 12px !important
    }

    .mb_md--12 {
        margin-bottom: 12px !important
    }

    .m_md--16 {
        margin: 16px !important
    }

    .p_md--16 {
        padding: 16px !important
    }

    .ptb_md--16 {
        padding: 16px 0 !important
    }

    .plr_md--16 {
        padding: 0 16px !important
    }

    .pt_md--16 {
        padding-top: 16px !important
    }

    .pb_md--16 {
        padding-bottom: 16px !important
    }

    .pl_md--16 {
        padding-left: 16px !important
    }

    .pr_md--16 {
        padding-right: 16px !important
    }

    .mt_md--16 {
        margin-top: 16px !important
    }

    .mb_md--16 {
        margin-bottom: 16px !important
    }

    .m_md--20 {
        margin: 20px !important
    }

    .p_md--20 {
        padding: 20px !important
    }

    .ptb_md--20 {
        padding: 20px 0 !important
    }

    .plr_md--20 {
        padding: 0 20px !important
    }

    .pt_md--20 {
        padding-top: 20px !important
    }

    .pb_md--20 {
        padding-bottom: 20px !important
    }

    .pl_md--20 {
        padding-left: 20px !important
    }

    .pr_md--20 {
        padding-right: 20px !important
    }

    .mt_md--20 {
        margin-top: 20px !important
    }

    .mb_md--20 {
        margin-bottom: 20px !important
    }

    .m_md--24 {
        margin: 24px !important
    }

    .p_md--24 {
        padding: 24px !important
    }

    .ptb_md--24 {
        padding: 24px 0 !important
    }

    .plr_md--24 {
        padding: 0 24px !important
    }

    .pt_md--24 {
        padding-top: 24px !important
    }

    .pb_md--24 {
        padding-bottom: 24px !important
    }

    .pl_md--24 {
        padding-left: 24px !important
    }

    .pr_md--24 {
        padding-right: 24px !important
    }

    .mt_md--24 {
        margin-top: 24px !important
    }

    .mb_md--24 {
        margin-bottom: 24px !important
    }

    .m_md--28 {
        margin: 28px !important
    }

    .p_md--28 {
        padding: 28px !important
    }

    .ptb_md--28 {
        padding: 28px 0 !important
    }

    .plr_md--28 {
        padding: 0 28px !important
    }

    .pt_md--28 {
        padding-top: 28px !important
    }

    .pb_md--28 {
        padding-bottom: 28px !important
    }

    .pl_md--28 {
        padding-left: 28px !important
    }

    .pr_md--28 {
        padding-right: 28px !important
    }

    .mt_md--28 {
        margin-top: 28px !important
    }

    .mb_md--28 {
        margin-bottom: 28px !important
    }

    .m_md--32 {
        margin: 32px !important
    }

    .p_md--32 {
        padding: 32px !important
    }

    .ptb_md--32 {
        padding: 32px 0 !important
    }

    .plr_md--32 {
        padding: 0 32px !important
    }

    .pt_md--32 {
        padding-top: 32px !important
    }

    .pb_md--32 {
        padding-bottom: 32px !important
    }

    .pl_md--32 {
        padding-left: 32px !important
    }

    .pr_md--32 {
        padding-right: 32px !important
    }

    .mt_md--32 {
        margin-top: 32px !important
    }

    .mb_md--32 {
        margin-bottom: 32px !important
    }

    .m_md--36 {
        margin: 36px !important
    }

    .p_md--36 {
        padding: 36px !important
    }

    .ptb_md--36 {
        padding: 36px 0 !important
    }

    .plr_md--36 {
        padding: 0 36px !important
    }

    .pt_md--36 {
        padding-top: 36px !important
    }

    .pb_md--36 {
        padding-bottom: 36px !important
    }

    .pl_md--36 {
        padding-left: 36px !important
    }

    .pr_md--36 {
        padding-right: 36px !important
    }

    .mt_md--36 {
        margin-top: 36px !important
    }

    .mb_md--36 {
        margin-bottom: 36px !important
    }

    .m_md--40 {
        margin: 40px !important
    }

    .p_md--40 {
        padding: 40px !important
    }

    .ptb_md--40 {
        padding: 40px 0 !important
    }

    .plr_md--40 {
        padding: 0 40px !important
    }

    .pt_md--40 {
        padding-top: 40px !important
    }

    .pb_md--40 {
        padding-bottom: 40px !important
    }

    .pl_md--40 {
        padding-left: 40px !important
    }

    .pr_md--40 {
        padding-right: 40px !important
    }

    .mt_md--40 {
        margin-top: 40px !important
    }

    .mb_md--40 {
        margin-bottom: 40px !important
    }

    .m_md--44 {
        margin: 44px !important
    }

    .p_md--44 {
        padding: 44px !important
    }

    .ptb_md--44 {
        padding: 44px 0 !important
    }

    .plr_md--44 {
        padding: 0 44px !important
    }

    .pt_md--44 {
        padding-top: 44px !important
    }

    .pb_md--44 {
        padding-bottom: 44px !important
    }

    .pl_md--44 {
        padding-left: 44px !important
    }

    .pr_md--44 {
        padding-right: 44px !important
    }

    .mt_md--44 {
        margin-top: 44px !important
    }

    .mb_md--44 {
        margin-bottom: 44px !important
    }

    .m_md--48 {
        margin: 48px !important
    }

    .p_md--48 {
        padding: 48px !important
    }

    .ptb_md--48 {
        padding: 48px 0 !important
    }

    .plr_md--48 {
        padding: 0 48px !important
    }

    .pt_md--48 {
        padding-top: 48px !important
    }

    .pb_md--48 {
        padding-bottom: 48px !important
    }

    .pl_md--48 {
        padding-left: 48px !important
    }

    .pr_md--48 {
        padding-right: 48px !important
    }

    .mt_md--48 {
        margin-top: 48px !important
    }

    .mb_md--48 {
        margin-bottom: 48px !important
    }

    .m_md--52 {
        margin: 52px !important
    }

    .p_md--52 {
        padding: 52px !important
    }

    .ptb_md--52 {
        padding: 52px 0 !important
    }

    .plr_md--52 {
        padding: 0 52px !important
    }

    .pt_md--52 {
        padding-top: 52px !important
    }

    .pb_md--52 {
        padding-bottom: 52px !important
    }

    .pl_md--52 {
        padding-left: 52px !important
    }

    .pr_md--52 {
        padding-right: 52px !important
    }

    .mt_md--52 {
        margin-top: 52px !important
    }

    .mb_md--52 {
        margin-bottom: 52px !important
    }

    .m_md--56 {
        margin: 56px !important
    }

    .p_md--56 {
        padding: 56px !important
    }

    .ptb_md--56 {
        padding: 56px 0 !important
    }

    .plr_md--56 {
        padding: 0 56px !important
    }

    .pt_md--56 {
        padding-top: 56px !important
    }

    .pb_md--56 {
        padding-bottom: 56px !important
    }

    .pl_md--56 {
        padding-left: 56px !important
    }

    .pr_md--56 {
        padding-right: 56px !important
    }

    .mt_md--56 {
        margin-top: 56px !important
    }

    .mb_md--56 {
        margin-bottom: 56px !important
    }

    .m_md--60 {
        margin: 60px !important
    }

    .p_md--60 {
        padding: 60px !important
    }

    .ptb_md--60 {
        padding: 60px 0 !important
    }

    .plr_md--60 {
        padding: 0 60px !important
    }

    .pt_md--60 {
        padding-top: 60px !important
    }

    .pb_md--60 {
        padding-bottom: 60px !important
    }

    .pl_md--60 {
        padding-left: 60px !important
    }

    .pr_md--60 {
        padding-right: 60px !important
    }

    .mt_md--60 {
        margin-top: 60px !important
    }

    .mb_md--60 {
        margin-bottom: 60px !important
    }

    .m_md--64 {
        margin: 64px !important
    }

    .p_md--64 {
        padding: 64px !important
    }

    .ptb_md--64 {
        padding: 64px 0 !important
    }

    .plr_md--64 {
        padding: 0 64px !important
    }

    .pt_md--64 {
        padding-top: 64px !important
    }

    .pb_md--64 {
        padding-bottom: 64px !important
    }

    .pl_md--64 {
        padding-left: 64px !important
    }

    .pr_md--64 {
        padding-right: 64px !important
    }

    .mt_md--64 {
        margin-top: 64px !important
    }

    .mb_md--64 {
        margin-bottom: 64px !important
    }

    .m_md--68 {
        margin: 68px !important
    }

    .p_md--68 {
        padding: 68px !important
    }

    .ptb_md--68 {
        padding: 68px 0 !important
    }

    .plr_md--68 {
        padding: 0 68px !important
    }

    .pt_md--68 {
        padding-top: 68px !important
    }

    .pb_md--68 {
        padding-bottom: 68px !important
    }

    .pl_md--68 {
        padding-left: 68px !important
    }

    .pr_md--68 {
        padding-right: 68px !important
    }

    .mt_md--68 {
        margin-top: 68px !important
    }

    .mb_md--68 {
        margin-bottom: 68px !important
    }

    .m_md--72 {
        margin: 72px !important
    }

    .p_md--72 {
        padding: 72px !important
    }

    .ptb_md--72 {
        padding: 72px 0 !important
    }

    .plr_md--72 {
        padding: 0 72px !important
    }

    .pt_md--72 {
        padding-top: 72px !important
    }

    .pb_md--72 {
        padding-bottom: 72px !important
    }

    .pl_md--72 {
        padding-left: 72px !important
    }

    .pr_md--72 {
        padding-right: 72px !important
    }

    .mt_md--72 {
        margin-top: 72px !important
    }

    .mb_md--72 {
        margin-bottom: 72px !important
    }

    .m_md--76 {
        margin: 76px !important
    }

    .p_md--76 {
        padding: 76px !important
    }

    .ptb_md--76 {
        padding: 76px 0 !important
    }

    .plr_md--76 {
        padding: 0 76px !important
    }

    .pt_md--76 {
        padding-top: 76px !important
    }

    .pb_md--76 {
        padding-bottom: 76px !important
    }

    .pl_md--76 {
        padding-left: 76px !important
    }

    .pr_md--76 {
        padding-right: 76px !important
    }

    .mt_md--76 {
        margin-top: 76px !important
    }

    .mb_md--76 {
        margin-bottom: 76px !important
    }

    .m_md--80 {
        margin: 80px !important
    }

    .p_md--80 {
        padding: 80px !important
    }

    .ptb_md--80 {
        padding: 80px 0 !important
    }

    .plr_md--80 {
        padding: 0 80px !important
    }

    .pt_md--80 {
        padding-top: 80px !important
    }

    .pb_md--80 {
        padding-bottom: 80px !important
    }

    .pl_md--80 {
        padding-left: 80px !important
    }

    .pr_md--80 {
        padding-right: 80px !important
    }

    .mt_md--80 {
        margin-top: 80px !important
    }

    .mb_md--80 {
        margin-bottom: 80px !important
    }
}

@media only screen and (max-width: 767px) {
    .mt_sm_dec--30 {
        margin-top: -30px !important
    }

    .ptb_sm--250 {
        padding: 250px 0 !important
    }

    .ptb--170 {
        padding: 80px 0 !important
    }

    .ptb_sm--0 {
        padding: 0 !important
    }

    .pl_sm--0 {
        padding-left: 0 !important
    }

    .pr_sm--0 {
        padding-right: 0 !important
    }

    .pt_sm--0 {
        padding-top: 0 !important
    }

    .pb_sm--0 {
        padding-bottom: 0 !important
    }

    .mr_sm--0 {
        margin-right: 0 !important
    }

    .ml_sm--0 {
        margin-left: 0 !important
    }

    .mt_sm--0 {
        margin-top: 0 !important
    }

    .mt_sm--12 {
        margin-top: 12px !important
    }

    .mb_sm--0 {
        margin-bottom: 0 !important
    }

    .pt_sm--150 {
        padding-top: 150px !important
    }

    .pb_sm--110 {
        padding-bottom: 110px !important
    }

    .ptb_sm--60 {
        padding: 60px 0 !important
    }

    .m_sm--0 {
        margin: 0 !important
    }

    .p_sm--0 {
        padding: 0 !important
    }

    .ptb_sm--0 {
        padding: 0 0 !important
    }

    .plr_sm--0 {
        padding: 0 0 !important
    }

    .pt_sm--0 {
        padding-top: 0 !important
    }

    .pb_sm--0 {
        padding-bottom: 0 !important
    }

    .pl_sm--0 {
        padding-left: 0 !important
    }

    .pr_sm--0 {
        padding-right: 0 !important
    }

    .mt_sm--0 {
        margin-top: 0 !important
    }

    .ml_sm--0 {
        margin-left: 0 !important
    }

    .mr_sm--0 {
        margin-right: 0 !important
    }

    .mb_sm--0 {
        margin-bottom: 0 !important
    }

    .m_sm--4 {
        margin: 4px !important
    }

    .p_sm--4 {
        padding: 4px !important
    }

    .ptb_sm--4 {
        padding: 4px 0 !important
    }

    .plr_sm--4 {
        padding: 0 4px !important
    }

    .pt_sm--4 {
        padding-top: 4px !important
    }

    .pb_sm--4 {
        padding-bottom: 4px !important
    }

    .pl_sm--4 {
        padding-left: 4px !important
    }

    .pr_sm--4 {
        padding-right: 4px !important
    }

    .mt_sm--4 {
        margin-top: 4px !important
    }

    .ml_sm--4 {
        margin-left: 4px !important
    }

    .mr_sm--4 {
        margin-right: 4px !important
    }

    .mb_sm--4 {
        margin-bottom: 4px !important
    }

    .m_sm--8 {
        margin: 8px !important
    }

    .p_sm--8 {
        padding: 8px !important
    }

    .ptb_sm--8 {
        padding: 8px 0 !important
    }

    .plr_sm--8 {
        padding: 0 8px !important
    }

    .pt_sm--8 {
        padding-top: 8px !important
    }

    .pb_sm--8 {
        padding-bottom: 8px !important
    }

    .pl_sm--8 {
        padding-left: 8px !important
    }

    .pr_sm--8 {
        padding-right: 8px !important
    }

    .mt_sm--8 {
        margin-top: 8px !important
    }

    .ml_sm--8 {
        margin-left: 8px !important
    }

    .mr_sm--8 {
        margin-right: 8px !important
    }

    .mb_sm--8 {
        margin-bottom: 8px !important
    }

    .m_sm--12 {
        margin: 12px !important
    }

    .p_sm--12 {
        padding: 12px !important
    }

    .ptb_sm--12 {
        padding: 12px 0 !important
    }

    .plr_sm--12 {
        padding: 0 12px !important
    }

    .pt_sm--12 {
        padding-top: 12px !important
    }

    .pb_sm--12 {
        padding-bottom: 12px !important
    }

    .pl_sm--12 {
        padding-left: 12px !important
    }

    .pr_sm--12 {
        padding-right: 12px !important
    }

    .mt_sm--12 {
        margin-top: 12px !important
    }

    .ml_sm--12 {
        margin-left: 12px !important
    }

    .mr_sm--12 {
        margin-right: 12px !important
    }

    .mb_sm--12 {
        margin-bottom: 12px !important
    }

    .m_sm--16 {
        margin: 16px !important
    }

    .p_sm--16 {
        padding: 16px !important
    }

    .ptb_sm--16 {
        padding: 16px 0 !important
    }

    .plr_sm--16 {
        padding: 0 16px !important
    }

    .pt_sm--16 {
        padding-top: 16px !important
    }

    .pb_sm--16 {
        padding-bottom: 16px !important
    }

    .pl_sm--16 {
        padding-left: 16px !important
    }

    .pr_sm--16 {
        padding-right: 16px !important
    }

    .mt_sm--16 {
        margin-top: 16px !important
    }

    .ml_sm--16 {
        margin-left: 16px !important
    }

    .mr_sm--16 {
        margin-right: 16px !important
    }

    .mb_sm--16 {
        margin-bottom: 16px !important
    }

    .m_sm--20 {
        margin: 20px !important
    }

    .p_sm--20 {
        padding: 20px !important
    }

    .ptb_sm--20 {
        padding: 20px 0 !important
    }

    .plr_sm--20 {
        padding: 0 20px !important
    }

    .pt_sm--20 {
        padding-top: 20px !important
    }

    .pb_sm--20 {
        padding-bottom: 20px !important
    }

    .pl_sm--20 {
        padding-left: 20px !important
    }

    .pr_sm--20 {
        padding-right: 20px !important
    }

    .mt_sm--20 {
        margin-top: 20px !important
    }

    .ml_sm--20 {
        margin-left: 20px !important
    }

    .mr_sm--20 {
        margin-right: 20px !important
    }

    .mb_sm--20 {
        margin-bottom: 20px !important
    }

    .m_sm--24 {
        margin: 24px !important
    }

    .p_sm--24 {
        padding: 24px !important
    }

    .ptb_sm--24 {
        padding: 24px 0 !important
    }

    .plr_sm--24 {
        padding: 0 24px !important
    }

    .pt_sm--24 {
        padding-top: 24px !important
    }

    .pb_sm--24 {
        padding-bottom: 24px !important
    }

    .pl_sm--24 {
        padding-left: 24px !important
    }

    .pr_sm--24 {
        padding-right: 24px !important
    }

    .mt_sm--24 {
        margin-top: 24px !important
    }

    .ml_sm--24 {
        margin-left: 24px !important
    }

    .mr_sm--24 {
        margin-right: 24px !important
    }

    .mb_sm--24 {
        margin-bottom: 24px !important
    }

    .m_sm--28 {
        margin: 28px !important
    }

    .p_sm--28 {
        padding: 28px !important
    }

    .ptb_sm--28 {
        padding: 28px 0 !important
    }

    .plr_sm--28 {
        padding: 0 28px !important
    }

    .pt_sm--28 {
        padding-top: 28px !important
    }

    .pb_sm--28 {
        padding-bottom: 28px !important
    }

    .pl_sm--28 {
        padding-left: 28px !important
    }

    .pr_sm--28 {
        padding-right: 28px !important
    }

    .mt_sm--28 {
        margin-top: 28px !important
    }

    .ml_sm--28 {
        margin-left: 28px !important
    }

    .mr_sm--28 {
        margin-right: 28px !important
    }

    .mb_sm--28 {
        margin-bottom: 28px !important
    }

    .m_sm--32 {
        margin: 32px !important
    }

    .p_sm--32 {
        padding: 32px !important
    }

    .ptb_sm--32 {
        padding: 32px 0 !important
    }

    .plr_sm--32 {
        padding: 0 32px !important
    }

    .pt_sm--32 {
        padding-top: 32px !important
    }

    .pb_sm--32 {
        padding-bottom: 32px !important
    }

    .pl_sm--32 {
        padding-left: 32px !important
    }

    .pr_sm--32 {
        padding-right: 32px !important
    }

    .mt_sm--32 {
        margin-top: 32px !important
    }

    .ml_sm--32 {
        margin-left: 32px !important
    }

    .mr_sm--32 {
        margin-right: 32px !important
    }

    .mb_sm--32 {
        margin-bottom: 32px !important
    }

    .m_sm--36 {
        margin: 36px !important
    }

    .p_sm--36 {
        padding: 36px !important
    }

    .ptb_sm--36 {
        padding: 36px 0 !important
    }

    .plr_sm--36 {
        padding: 0 36px !important
    }

    .pt_sm--36 {
        padding-top: 36px !important
    }

    .pb_sm--36 {
        padding-bottom: 36px !important
    }

    .pl_sm--36 {
        padding-left: 36px !important
    }

    .pr_sm--36 {
        padding-right: 36px !important
    }

    .mt_sm--36 {
        margin-top: 36px !important
    }

    .ml_sm--36 {
        margin-left: 36px !important
    }

    .mr_sm--36 {
        margin-right: 36px !important
    }

    .mb_sm--36 {
        margin-bottom: 36px !important
    }

    .m_sm--40 {
        margin: 40px !important
    }

    .p_sm--40 {
        padding: 40px !important
    }

    .ptb_sm--40 {
        padding: 40px 0 !important
    }

    .plr_sm--40 {
        padding: 0 40px !important
    }

    .pt_sm--40 {
        padding-top: 40px !important
    }

    .pb_sm--40 {
        padding-bottom: 40px !important
    }

    .pl_sm--40 {
        padding-left: 40px !important
    }

    .pr_sm--40 {
        padding-right: 40px !important
    }

    .mt_sm--40 {
        margin-top: 40px !important
    }

    .ml_sm--40 {
        margin-left: 40px !important
    }

    .mr_sm--40 {
        margin-right: 40px !important
    }

    .mb_sm--40 {
        margin-bottom: 40px !important
    }

    .m_sm--44 {
        margin: 44px !important
    }

    .p_sm--44 {
        padding: 44px !important
    }

    .ptb_sm--44 {
        padding: 44px 0 !important
    }

    .plr_sm--44 {
        padding: 0 44px !important
    }

    .pt_sm--44 {
        padding-top: 44px !important
    }

    .pb_sm--44 {
        padding-bottom: 44px !important
    }

    .pl_sm--44 {
        padding-left: 44px !important
    }

    .pr_sm--44 {
        padding-right: 44px !important
    }

    .mt_sm--44 {
        margin-top: 44px !important
    }

    .ml_sm--44 {
        margin-left: 44px !important
    }

    .mr_sm--44 {
        margin-right: 44px !important
    }

    .mb_sm--44 {
        margin-bottom: 44px !important
    }

    .m_sm--48 {
        margin: 48px !important
    }

    .p_sm--48 {
        padding: 48px !important
    }

    .ptb_sm--48 {
        padding: 48px 0 !important
    }

    .plr_sm--48 {
        padding: 0 48px !important
    }

    .pt_sm--48 {
        padding-top: 48px !important
    }

    .pb_sm--48 {
        padding-bottom: 48px !important
    }

    .pl_sm--48 {
        padding-left: 48px !important
    }

    .pr_sm--48 {
        padding-right: 48px !important
    }

    .mt_sm--48 {
        margin-top: 48px !important
    }

    .ml_sm--48 {
        margin-left: 48px !important
    }

    .mr_sm--48 {
        margin-right: 48px !important
    }

    .mb_sm--48 {
        margin-bottom: 48px !important
    }

    .m_sm--52 {
        margin: 52px !important
    }

    .p_sm--52 {
        padding: 52px !important
    }

    .ptb_sm--52 {
        padding: 52px 0 !important
    }

    .plr_sm--52 {
        padding: 0 52px !important
    }

    .pt_sm--52 {
        padding-top: 52px !important
    }

    .pb_sm--52 {
        padding-bottom: 52px !important
    }

    .pl_sm--52 {
        padding-left: 52px !important
    }

    .pr_sm--52 {
        padding-right: 52px !important
    }

    .mt_sm--52 {
        margin-top: 52px !important
    }

    .ml_sm--52 {
        margin-left: 52px !important
    }

    .mr_sm--52 {
        margin-right: 52px !important
    }

    .mb_sm--52 {
        margin-bottom: 52px !important
    }

    .m_sm--56 {
        margin: 56px !important
    }

    .p_sm--56 {
        padding: 56px !important
    }

    .ptb_sm--56 {
        padding: 56px 0 !important
    }

    .plr_sm--56 {
        padding: 0 56px !important
    }

    .pt_sm--56 {
        padding-top: 56px !important
    }

    .pb_sm--56 {
        padding-bottom: 56px !important
    }

    .pl_sm--56 {
        padding-left: 56px !important
    }

    .pr_sm--56 {
        padding-right: 56px !important
    }

    .mt_sm--56 {
        margin-top: 56px !important
    }

    .ml_sm--56 {
        margin-left: 56px !important
    }

    .mr_sm--56 {
        margin-right: 56px !important
    }

    .mb_sm--56 {
        margin-bottom: 56px !important
    }

    .m_sm--60 {
        margin: 60px !important
    }

    .p_sm--60 {
        padding: 60px !important
    }

    .ptb_sm--60 {
        padding: 60px 0 !important
    }

    .plr_sm--60 {
        padding: 0 60px !important
    }

    .pt_sm--60 {
        padding-top: 60px !important
    }

    .pb_sm--60 {
        padding-bottom: 60px !important
    }

    .pl_sm--60 {
        padding-left: 60px !important
    }

    .pr_sm--60 {
        padding-right: 60px !important
    }

    .mt_sm--60 {
        margin-top: 60px !important
    }

    .ml_sm--60 {
        margin-left: 60px !important
    }

    .mr_sm--60 {
        margin-right: 60px !important
    }

    .mb_sm--60 {
        margin-bottom: 60px !important
    }

    .m_sm--64 {
        margin: 64px !important
    }

    .p_sm--64 {
        padding: 64px !important
    }

    .ptb_sm--64 {
        padding: 64px 0 !important
    }

    .plr_sm--64 {
        padding: 0 64px !important
    }

    .pt_sm--64 {
        padding-top: 64px !important
    }

    .pb_sm--64 {
        padding-bottom: 64px !important
    }

    .pl_sm--64 {
        padding-left: 64px !important
    }

    .pr_sm--64 {
        padding-right: 64px !important
    }

    .mt_sm--64 {
        margin-top: 64px !important
    }

    .ml_sm--64 {
        margin-left: 64px !important
    }

    .mr_sm--64 {
        margin-right: 64px !important
    }

    .mb_sm--64 {
        margin-bottom: 64px !important
    }

    .m_sm--68 {
        margin: 68px !important
    }

    .p_sm--68 {
        padding: 68px !important
    }

    .ptb_sm--68 {
        padding: 68px 0 !important
    }

    .plr_sm--68 {
        padding: 0 68px !important
    }

    .pt_sm--68 {
        padding-top: 68px !important
    }

    .pb_sm--68 {
        padding-bottom: 68px !important
    }

    .pl_sm--68 {
        padding-left: 68px !important
    }

    .pr_sm--68 {
        padding-right: 68px !important
    }

    .mt_sm--68 {
        margin-top: 68px !important
    }

    .ml_sm--68 {
        margin-left: 68px !important
    }

    .mr_sm--68 {
        margin-right: 68px !important
    }

    .mb_sm--68 {
        margin-bottom: 68px !important
    }

    .m_sm--72 {
        margin: 72px !important
    }

    .p_sm--72 {
        padding: 72px !important
    }

    .ptb_sm--72 {
        padding: 72px 0 !important
    }

    .plr_sm--72 {
        padding: 0 72px !important
    }

    .pt_sm--72 {
        padding-top: 72px !important
    }

    .pb_sm--72 {
        padding-bottom: 72px !important
    }

    .pl_sm--72 {
        padding-left: 72px !important
    }

    .pr_sm--72 {
        padding-right: 72px !important
    }

    .mt_sm--72 {
        margin-top: 72px !important
    }

    .ml_sm--72 {
        margin-left: 72px !important
    }

    .mr_sm--72 {
        margin-right: 72px !important
    }

    .mb_sm--72 {
        margin-bottom: 72px !important
    }

    .m_sm--76 {
        margin: 76px !important
    }

    .p_sm--76 {
        padding: 76px !important
    }

    .ptb_sm--76 {
        padding: 76px 0 !important
    }

    .plr_sm--76 {
        padding: 0 76px !important
    }

    .pt_sm--76 {
        padding-top: 76px !important
    }

    .pb_sm--76 {
        padding-bottom: 76px !important
    }

    .pl_sm--76 {
        padding-left: 76px !important
    }

    .pr_sm--76 {
        padding-right: 76px !important
    }

    .mt_sm--76 {
        margin-top: 76px !important
    }

    .ml_sm--76 {
        margin-left: 76px !important
    }

    .mr_sm--76 {
        margin-right: 76px !important
    }

    .mb_sm--76 {
        margin-bottom: 76px !important
    }

    .m_sm--80 {
        margin: 80px !important
    }

    .p_sm--80 {
        padding: 80px !important
    }

    .ptb_sm--80 {
        padding: 80px 0 !important
    }

    .plr_sm--80 {
        padding: 0 80px !important
    }

    .pt_sm--80 {
        padding-top: 80px !important
    }

    .pb_sm--80 {
        padding-bottom: 80px !important
    }

    .pl_sm--80 {
        padding-left: 80px !important
    }

    .pr_sm--80 {
        padding-right: 80px !important
    }

    .mt_sm--80 {
        margin-top: 80px !important
    }

    .ml_sm--80 {
        margin-left: 80px !important
    }

    .mr_sm--80 {
        margin-right: 80px !important
    }

    .mb_sm--80 {
        margin-bottom: 80px !important
    }

    .pl_sm--0 {
        padding-left: 0
    }

    .pr_sm--0 {
        padding-right: 0
    }

    .pt_sm--0 {
        padding-top: 0
    }

    .pb_sm--0 {
        padding-bottom: 0
    }

    .mr_sm--0 {
        margin-right: 0
    }

    .ml_sm--0 {
        margin-left: 0
    }

    .mb_sm--0 {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 575px) {
    .m_mobile--0 {
        margin: 0 !important
    }

    .p_mobile--0 {
        padding: 0 !important
    }

    .ptb_mobile--0 {
        padding: 0 0 !important
    }

    .plr_mobile--0 {
        padding: 0 0 !important
    }

    .pt_mobile--0 {
        padding-top: 0 !important
    }

    .pb_mobile--0 {
        padding-bottom: 0 !important
    }

    .pl_mobile--0 {
        padding-left: 0 !important
    }

    .pr_mobile--0 {
        padding-right: 0 !important
    }

    .mt_mobile--0 {
        margin-top: 0 !important
    }

    .mb_mobile--0 {
        margin-bottom: 0 !important
    }

    .m_mobile--4 {
        margin: 4px !important
    }

    .p_mobile--4 {
        padding: 4px !important
    }

    .ptb_mobile--4 {
        padding: 4px 0 !important
    }

    .plr_mobile--4 {
        padding: 0 4px !important
    }

    .pt_mobile--4 {
        padding-top: 4px !important
    }

    .pb_mobile--4 {
        padding-bottom: 4px !important
    }

    .pl_mobile--4 {
        padding-left: 4px !important
    }

    .pr_mobile--4 {
        padding-right: 4px !important
    }

    .mt_mobile--4 {
        margin-top: 4px !important
    }

    .mb_mobile--4 {
        margin-bottom: 4px !important
    }

    .m_mobile--8 {
        margin: 8px !important
    }

    .p_mobile--8 {
        padding: 8px !important
    }

    .ptb_mobile--8 {
        padding: 8px 0 !important
    }

    .plr_mobile--8 {
        padding: 0 8px !important
    }

    .pt_mobile--8 {
        padding-top: 8px !important
    }

    .pb_mobile--8 {
        padding-bottom: 8px !important
    }

    .pl_mobile--8 {
        padding-left: 8px !important
    }

    .pr_mobile--8 {
        padding-right: 8px !important
    }

    .mt_mobile--8 {
        margin-top: 8px !important
    }

    .mb_mobile--8 {
        margin-bottom: 8px !important
    }

    .m_mobile--12 {
        margin: 12px !important
    }

    .p_mobile--12 {
        padding: 12px !important
    }

    .ptb_mobile--12 {
        padding: 12px 0 !important
    }

    .plr_mobile--12 {
        padding: 0 12px !important
    }

    .pt_mobile--12 {
        padding-top: 12px !important
    }

    .pb_mobile--12 {
        padding-bottom: 12px !important
    }

    .pl_mobile--12 {
        padding-left: 12px !important
    }

    .pr_mobile--12 {
        padding-right: 12px !important
    }

    .mt_mobile--12 {
        margin-top: 12px !important
    }

    .mb_mobile--12 {
        margin-bottom: 12px !important
    }

    .m_mobile--16 {
        margin: 16px !important
    }

    .p_mobile--16 {
        padding: 16px !important
    }

    .ptb_mobile--16 {
        padding: 16px 0 !important
    }

    .plr_mobile--16 {
        padding: 0 16px !important
    }

    .pt_mobile--16 {
        padding-top: 16px !important
    }

    .pb_mobile--16 {
        padding-bottom: 16px !important
    }

    .pl_mobile--16 {
        padding-left: 16px !important
    }

    .pr_mobile--16 {
        padding-right: 16px !important
    }

    .mt_mobile--16 {
        margin-top: 16px !important
    }

    .mb_mobile--16 {
        margin-bottom: 16px !important
    }

    .m_mobile--20 {
        margin: 20px !important
    }

    .p_mobile--20 {
        padding: 20px !important
    }

    .ptb_mobile--20 {
        padding: 20px 0 !important
    }

    .plr_mobile--20 {
        padding: 0 20px !important
    }

    .pt_mobile--20 {
        padding-top: 20px !important
    }

    .pb_mobile--20 {
        padding-bottom: 20px !important
    }

    .pl_mobile--20 {
        padding-left: 20px !important
    }

    .pr_mobile--20 {
        padding-right: 20px !important
    }

    .mt_mobile--20 {
        margin-top: 20px !important
    }

    .mb_mobile--20 {
        margin-bottom: 20px !important
    }

    .m_mobile--24 {
        margin: 24px !important
    }

    .p_mobile--24 {
        padding: 24px !important
    }

    .ptb_mobile--24 {
        padding: 24px 0 !important
    }

    .plr_mobile--24 {
        padding: 0 24px !important
    }

    .pt_mobile--24 {
        padding-top: 24px !important
    }

    .pb_mobile--24 {
        padding-bottom: 24px !important
    }

    .pl_mobile--24 {
        padding-left: 24px !important
    }

    .pr_mobile--24 {
        padding-right: 24px !important
    }

    .mt_mobile--24 {
        margin-top: 24px !important
    }

    .mb_mobile--24 {
        margin-bottom: 24px !important
    }

    .m_mobile--28 {
        margin: 28px !important
    }

    .p_mobile--28 {
        padding: 28px !important
    }

    .ptb_mobile--28 {
        padding: 28px 0 !important
    }

    .plr_mobile--28 {
        padding: 0 28px !important
    }

    .pt_mobile--28 {
        padding-top: 28px !important
    }

    .pb_mobile--28 {
        padding-bottom: 28px !important
    }

    .pl_mobile--28 {
        padding-left: 28px !important
    }

    .pr_mobile--28 {
        padding-right: 28px !important
    }

    .mt_mobile--28 {
        margin-top: 28px !important
    }

    .mb_mobile--28 {
        margin-bottom: 28px !important
    }

    .m_mobile--32 {
        margin: 32px !important
    }

    .p_mobile--32 {
        padding: 32px !important
    }

    .ptb_mobile--32 {
        padding: 32px 0 !important
    }

    .plr_mobile--32 {
        padding: 0 32px !important
    }

    .pt_mobile--32 {
        padding-top: 32px !important
    }

    .pb_mobile--32 {
        padding-bottom: 32px !important
    }

    .pl_mobile--32 {
        padding-left: 32px !important
    }

    .pr_mobile--32 {
        padding-right: 32px !important
    }

    .mt_mobile--32 {
        margin-top: 32px !important
    }

    .mb_mobile--32 {
        margin-bottom: 32px !important
    }

    .m_mobile--36 {
        margin: 36px !important
    }

    .p_mobile--36 {
        padding: 36px !important
    }

    .ptb_mobile--36 {
        padding: 36px 0 !important
    }

    .plr_mobile--36 {
        padding: 0 36px !important
    }

    .pt_mobile--36 {
        padding-top: 36px !important
    }

    .pb_mobile--36 {
        padding-bottom: 36px !important
    }

    .pl_mobile--36 {
        padding-left: 36px !important
    }

    .pr_mobile--36 {
        padding-right: 36px !important
    }

    .mt_mobile--36 {
        margin-top: 36px !important
    }

    .mb_mobile--36 {
        margin-bottom: 36px !important
    }

    .m_mobile--40 {
        margin: 40px !important
    }

    .p_mobile--40 {
        padding: 40px !important
    }

    .ptb_mobile--40 {
        padding: 40px 0 !important
    }

    .plr_mobile--40 {
        padding: 0 40px !important
    }

    .pt_mobile--40 {
        padding-top: 40px !important
    }

    .pb_mobile--40 {
        padding-bottom: 40px !important
    }

    .pl_mobile--40 {
        padding-left: 40px !important
    }

    .pr_mobile--40 {
        padding-right: 40px !important
    }

    .mt_mobile--40 {
        margin-top: 40px !important
    }

    .mb_mobile--40 {
        margin-bottom: 40px !important
    }

    .m_mobile--44 {
        margin: 44px !important
    }

    .p_mobile--44 {
        padding: 44px !important
    }

    .ptb_mobile--44 {
        padding: 44px 0 !important
    }

    .plr_mobile--44 {
        padding: 0 44px !important
    }

    .pt_mobile--44 {
        padding-top: 44px !important
    }

    .pb_mobile--44 {
        padding-bottom: 44px !important
    }

    .pl_mobile--44 {
        padding-left: 44px !important
    }

    .pr_mobile--44 {
        padding-right: 44px !important
    }

    .mt_mobile--44 {
        margin-top: 44px !important
    }

    .mb_mobile--44 {
        margin-bottom: 44px !important
    }

    .m_mobile--48 {
        margin: 48px !important
    }

    .p_mobile--48 {
        padding: 48px !important
    }

    .ptb_mobile--48 {
        padding: 48px 0 !important
    }

    .plr_mobile--48 {
        padding: 0 48px !important
    }

    .pt_mobile--48 {
        padding-top: 48px !important
    }

    .pb_mobile--48 {
        padding-bottom: 48px !important
    }

    .pl_mobile--48 {
        padding-left: 48px !important
    }

    .pr_mobile--48 {
        padding-right: 48px !important
    }

    .mt_mobile--48 {
        margin-top: 48px !important
    }

    .mb_mobile--48 {
        margin-bottom: 48px !important
    }

    .m_mobile--52 {
        margin: 52px !important
    }

    .p_mobile--52 {
        padding: 52px !important
    }

    .ptb_mobile--52 {
        padding: 52px 0 !important
    }

    .plr_mobile--52 {
        padding: 0 52px !important
    }

    .pt_mobile--52 {
        padding-top: 52px !important
    }

    .pb_mobile--52 {
        padding-bottom: 52px !important
    }

    .pl_mobile--52 {
        padding-left: 52px !important
    }

    .pr_mobile--52 {
        padding-right: 52px !important
    }

    .mt_mobile--52 {
        margin-top: 52px !important
    }

    .mb_mobile--52 {
        margin-bottom: 52px !important
    }

    .m_mobile--56 {
        margin: 56px !important
    }

    .p_mobile--56 {
        padding: 56px !important
    }

    .ptb_mobile--56 {
        padding: 56px 0 !important
    }

    .plr_mobile--56 {
        padding: 0 56px !important
    }

    .pt_mobile--56 {
        padding-top: 56px !important
    }

    .pb_mobile--56 {
        padding-bottom: 56px !important
    }

    .pl_mobile--56 {
        padding-left: 56px !important
    }

    .pr_mobile--56 {
        padding-right: 56px !important
    }

    .mt_mobile--56 {
        margin-top: 56px !important
    }

    .mb_mobile--56 {
        margin-bottom: 56px !important
    }

    .m_mobile--60 {
        margin: 60px !important
    }

    .p_mobile--60 {
        padding: 60px !important
    }

    .ptb_mobile--60 {
        padding: 60px 0 !important
    }

    .plr_mobile--60 {
        padding: 0 60px !important
    }

    .pt_mobile--60 {
        padding-top: 60px !important
    }

    .pb_mobile--60 {
        padding-bottom: 60px !important
    }

    .pl_mobile--60 {
        padding-left: 60px !important
    }

    .pr_mobile--60 {
        padding-right: 60px !important
    }

    .mt_mobile--60 {
        margin-top: 60px !important
    }

    .mb_mobile--60 {
        margin-bottom: 60px !important
    }

    .m_mobile--64 {
        margin: 64px !important
    }

    .p_mobile--64 {
        padding: 64px !important
    }

    .ptb_mobile--64 {
        padding: 64px 0 !important
    }

    .plr_mobile--64 {
        padding: 0 64px !important
    }

    .pt_mobile--64 {
        padding-top: 64px !important
    }

    .pb_mobile--64 {
        padding-bottom: 64px !important
    }

    .pl_mobile--64 {
        padding-left: 64px !important
    }

    .pr_mobile--64 {
        padding-right: 64px !important
    }

    .mt_mobile--64 {
        margin-top: 64px !important
    }

    .mb_mobile--64 {
        margin-bottom: 64px !important
    }

    .m_mobile--68 {
        margin: 68px !important
    }

    .p_mobile--68 {
        padding: 68px !important
    }

    .ptb_mobile--68 {
        padding: 68px 0 !important
    }

    .plr_mobile--68 {
        padding: 0 68px !important
    }

    .pt_mobile--68 {
        padding-top: 68px !important
    }

    .pb_mobile--68 {
        padding-bottom: 68px !important
    }

    .pl_mobile--68 {
        padding-left: 68px !important
    }

    .pr_mobile--68 {
        padding-right: 68px !important
    }

    .mt_mobile--68 {
        margin-top: 68px !important
    }

    .mb_mobile--68 {
        margin-bottom: 68px !important
    }

    .m_mobile--72 {
        margin: 72px !important
    }

    .p_mobile--72 {
        padding: 72px !important
    }

    .ptb_mobile--72 {
        padding: 72px 0 !important
    }

    .plr_mobile--72 {
        padding: 0 72px !important
    }

    .pt_mobile--72 {
        padding-top: 72px !important
    }

    .pb_mobile--72 {
        padding-bottom: 72px !important
    }

    .pl_mobile--72 {
        padding-left: 72px !important
    }

    .pr_mobile--72 {
        padding-right: 72px !important
    }

    .mt_mobile--72 {
        margin-top: 72px !important
    }

    .mb_mobile--72 {
        margin-bottom: 72px !important
    }

    .m_mobile--76 {
        margin: 76px !important
    }

    .p_mobile--76 {
        padding: 76px !important
    }

    .ptb_mobile--76 {
        padding: 76px 0 !important
    }

    .plr_mobile--76 {
        padding: 0 76px !important
    }

    .pt_mobile--76 {
        padding-top: 76px !important
    }

    .pb_mobile--76 {
        padding-bottom: 76px !important
    }

    .pl_mobile--76 {
        padding-left: 76px !important
    }

    .pr_mobile--76 {
        padding-right: 76px !important
    }

    .mt_mobile--76 {
        margin-top: 76px !important
    }

    .mb_mobile--76 {
        margin-bottom: 76px !important
    }

    .m_mobile--80 {
        margin: 80px !important
    }

    .p_mobile--80 {
        padding: 80px !important
    }

    .ptb_mobile--80 {
        padding: 80px 0 !important
    }

    .plr_mobile--80 {
        padding: 0 80px !important
    }

    .pt_mobile--80 {
        padding-top: 80px !important
    }

    .pb_mobile--80 {
        padding-bottom: 80px !important
    }

    .pl_mobile--80 {
        padding-left: 80px !important
    }

    .pr_mobile--80 {
        padding-right: 80px !important
    }

    .mt_mobile--80 {
        margin-top: 80px !important
    }

    .mb_mobile--80 {
        margin-bottom: 80px !important
    }
}

.slick-gutter-0 {
    margin-left: 0;
    margin-right: 0
}

    .slick-gutter-0 .slick-slide {
        padding-left: 0;
        padding-right: 0
    }

.slick-gutter-5 {
    margin-left: -5px;
    margin-right: -5px
}

    .slick-gutter-5 .slick-slide {
        padding-left: 5px;
        padding-right: 5px
    }

.slick-gutter-10 {
    margin-left: -10px;
    margin-right: -10px
}

    .slick-gutter-10 .slick-slide {
        padding-left: 10px;
        padding-right: 10px
    }

.slick-gutter-15 {
    margin-left: -15px;
    margin-right: -15px
}

    .slick-gutter-15 .slick-slide {
        padding-left: 15px;
        padding-right: 15px
    }

.slick-gutter-20 {
    margin-left: -20px;
    margin-right: -20px
}

    .slick-gutter-20 .slick-slide {
        padding-left: 20px;
        padding-right: 20px
    }

.slick-gutter-25 {
    margin-left: -25px;
    margin-right: -25px
}

    .slick-gutter-25 .slick-slide {
        padding-left: 25px;
        padding-right: 25px
    }

.slick-gutter-30 {
    margin-left: -30px;
    margin-right: -30px
}

    .slick-gutter-30 .slick-slide {
        padding-left: 30px;
        padding-right: 30px
    }

.slick-gutter-35 {
    margin-left: -35px;
    margin-right: -35px
}

    .slick-gutter-35 .slick-slide {
        padding-left: 35px;
        padding-right: 35px
    }

.slick-gutter-40 {
    margin-left: -40px;
    margin-right: -40px
}

    .slick-gutter-40 .slick-slide {
        padding-left: 40px;
        padding-right: 40px
    }

.slick-gutter-45 {
    margin-left: -45px;
    margin-right: -45px
}

    .slick-gutter-45 .slick-slide {
        padding-left: 45px;
        padding-right: 45px
    }

.slick-gutter-50 {
    margin-left: -50px;
    margin-right: -50px
}

    .slick-gutter-50 .slick-slide {
        padding-left: 50px;
        padding-right: 50px
    }

.slick-gutter-55 {
    margin-left: -55px;
    margin-right: -55px
}

    .slick-gutter-55 .slick-slide {
        padding-left: 55px;
        padding-right: 55px
    }

.slick-gutter-60 {
    margin-left: -60px;
    margin-right: -60px
}

    .slick-gutter-60 .slick-slide {
        padding-left: 60px;
        padding-right: 60px
    }

.slick-gutter-65 {
    margin-left: -65px;
    margin-right: -65px
}

    .slick-gutter-65 .slick-slide {
        padding-left: 65px;
        padding-right: 65px
    }

.slick-gutter-70 {
    margin-left: -70px;
    margin-right: -70px
}

    .slick-gutter-70 .slick-slide {
        padding-left: 70px;
        padding-right: 70px
    }

.slick-gutter-75 {
    margin-left: -75px;
    margin-right: -75px
}

    .slick-gutter-75 .slick-slide {
        padding-left: 75px;
        padding-right: 75px
    }

.slick-gutter-80 {
    margin-left: -80px;
    margin-right: -80px
}

    .slick-gutter-80 .slick-slide {
        padding-left: 80px;
        padding-right: 80px
    }

.slick-gutter-85 {
    margin-left: -85px;
    margin-right: -85px
}

    .slick-gutter-85 .slick-slide {
        padding-left: 85px;
        padding-right: 85px
    }

.slick-gutter-90 {
    margin-left: -90px;
    margin-right: -90px
}

    .slick-gutter-90 .slick-slide {
        padding-left: 90px;
        padding-right: 90px
    }

.slick-gutter-95 {
    margin-left: -95px;
    margin-right: -95px
}

    .slick-gutter-95 .slick-slide {
        padding-left: 95px;
        padding-right: 95px
    }

.slick-gutter-100 {
    margin-left: -100px;
    margin-right: -100px
}

    .slick-gutter-100 .slick-slide {
        padding-left: 100px;
        padding-right: 100px
    }

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

.ptb--0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.mlr--0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mtb--0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

@media only screen and (max-width: 767px) {
    .sm_w-100 {
        width: 100% !important
    }
}

@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .md_w-100 {
        width: 100% !important
    }
}

.min-height-400 {
    min-height: 400px !important
}

@media only screen and (max-width: 767px) {
    .min-height-400 {
        min-height: 300px !important
    }
}

@media only screen and (max-width: 575px) {
    .min-height-400 {
        min-height: 200px !important
    }
}

.rbt-fullwidth-wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0 100px
}

@media only screen and (min-width: 1200px) and (max-width:1599px),only screen and (max-width:1199px) {
    .rbt-fullwidth-wrapper {
        padding: 0 32px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-fullwidth-wrapper {
        padding: 0 16px
    }
}

.rbt-wider-wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0 100px;
    max-width: 1920px
}

@media only screen and (max-width: 767px) {
    .rbt-wider-wrapper {
        padding: 0 16px
    }
}

.rbt-index-upper {
    position: relative;
    z-index: 1
}

.sticky-top {
    position: sticky;
    top: 30px;
    z-index: 9
}

    .sticky-top.sticky-top-136 {
        top: 136px
    }

.sticky-top-0 {
    position: sticky;
    top: 0;
    z-index: 9
}

.max-w-unset {
    max-width: unset !important
}

.line-height-normal {
    line-height: normal !important
}

.rbt-single-group {
    margin: -5px
}

    .rbt-single-group .rbt-single-list {
        margin: 5px
    }

@media only screen and (max-width: 767px) {
    .transform-sm-none {
        transform: none !important
    }
}

@media only screen and (max-width: 767px) {
    .rbt-mobile-row {
        overflow-x: auto;
        flex-wrap: nowrap;
        min-height: max-content;
        overflow-y: hidden
    }

        .rbt-mobile-row::-webkit-scrollbar {
            display: none;
            -webkit-appearance: none;
            -moz-appearance: none
        }

        .rbt-mobile-row .col-6 {
            width: 40%
        }

        .rbt-mobile-row .col-12 {
            width: 85%
        }

        .rbt-mobile-row .col-3 {
            flex: 0 0 auto;
            width: 27%
        }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-tablet-row {
        overflow-x: auto;
        flex-wrap: nowrap;
        min-height: max-content;
        overflow-y: hidden
    }

        .rbt-tablet-row::-webkit-scrollbar {
            display: none;
            -webkit-appearance: none;
            -moz-appearance: none
        }

        .rbt-tablet-row .col-md-2 {
            flex: 0 0 auto;
            width: 16%
        }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-large-tablet-row {
        overflow-x: auto;
        flex-wrap: nowrap;
        min-height: max-content;
        overflow-y: hidden
    }

        .rbt-large-tablet-row::-webkit-scrollbar {
            display: none;
            -webkit-appearance: none;
            -moz-appearance: none
        }

        .rbt-large-tablet-row .col-lg-1 {
            flex: 0 0 auto;
            width: 15%
        }
}

.rbt-md-wrapper {
    max-width: 1672px
}

.contaner-wider-device {
    max-width: 1920px !important
}

.rbt-card-row-has-top-separator .rbt-card {
    padding-top: 24px;
    border-top: 2px solid var(--color-brand-50)
}

.rbt-card-row-has-top-separator.rbt-three-align-card-row > [class*=col]:nth-child(1) .rbt-card, .rbt-card-row-has-top-separator.rbt-three-align-card-row > [class*=col]:nth-child(2) .rbt-card, .rbt-card-row-has-top-separator.rbt-three-align-card-row > [class*=col]:nth-child(3) .rbt-card {
    padding-top: 0;
    border-top: 0
}

@media only screen and (max-width: 575px) {
    .rbt-card-row-has-top-separator.rbt-three-align-card-row > [class*=col]:nth-child(2) .rbt-card, .rbt-card-row-has-top-separator.rbt-three-align-card-row > [class*=col]:nth-child(3) .rbt-card {
        padding-top: 24px;
        border-top: 2px solid var(--color-brand-50)
    }
}

.rbt-card-row-has-top-separator.rbt-two-align-card-row > [class*=col]:nth-child(1) .rbt-card, .rbt-card-row-has-top-separator.rbt-two-align-card-row > [class*=col]:nth-child(2) .rbt-card {
    padding-top: 0;
    border-top: 0
}

@media only screen and (max-width: 575px) {
    .rbt-card-row-has-top-separator.rbt-two-align-card-row > [class*=col]:nth-child(2) .rbt-card {
        padding-top: 24px;
        border-top: 2px solid var(--color-brand-50)
    }
}

.rbt-card-row-has-top-separator.rbt-one-align-card-row > [class*=col]:nth-child(1) .rbt-card {
    padding-top: 0;
    border-top: 0
}

.ml-container {
    max-width: calc(1320px + (100% - 1320px)/ 2);
    margin-left: auto;
    margin-right: 0;
    padding-left: 7.5px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .ml-container {
        max-width: calc(1140px + (100% - 1140px)/ 2)
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .ml-container {
        max-width: calc(960px + (100% - 960px)/ 2)
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .ml-container {
        max-width: calc(720px + (100% - 720px)/ 2)
    }
}

@media only screen and (max-width: 575px) {
    .ml-container {
        max-width: calc(540px + (100% - 540px)/ 2)
    }
}

@media only screen and (max-width: 479px) {
    .ml-container {
        max-width: calc(540px + (100% - 540px)/ 2)
    }
}

.rbt-sm-wider-container {
    margin-left: auto;
    margin-right: auto;
    padding: 0 7.5px
}

@media (min-width: 576px) {
    .rbt-sm-wider-container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .rbt-sm-wider-container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .rbt-sm-wider-container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .rbt-sm-wider-container {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .rbt-sm-wider-container {
        max-width: 1480px
    }
}

.rbt-md-wider-container {
    margin-left: auto;
    margin-right: auto;
    padding: 0 7.5px
}

@media (min-width: 576px) {
    .rbt-md-wider-container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .rbt-md-wider-container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .rbt-md-wider-container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .rbt-md-wider-container {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .rbt-md-wider-container {
        max-width: 1510px
    }
}

.rbt-round-btn {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: var(--radius-full);
    position: relative;
    z-index: 1;
    background: 0 0;
    padding: 0;
    border: 0 none;
    display: block;
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .rbt-round-btn {
        width: 30px;
        height: 30px;
        line-height: 30px
    }
}

.rbt-round-btn.rbt-bg-static-gray {
    color: var(--color-black)
}

    .rbt-round-btn.rbt-bg-static-gray::after {
        background: var(--color-gray-200);
        opacity: 1;
        visibility: visible
    }

.rbt-round-btn.rbt-bg-static-primary {
    color: var(--color-white)
}

    .rbt-round-btn.rbt-bg-static-primary::after {
        background: var(--color-primary);
        opacity: 1;
        visibility: visible
    }

.rbt-round-btn.bg-light-one {
    background: linear-gradient(168deg,rgba(255,255,255,.9) 0,rgba(255,255,255,.5) 100%);
    backdrop-filter: blur(50px);
    color: var(--color-gray-300)
}

    .rbt-round-btn.bg-light-one.active, .rbt-round-btn.bg-light-one::after, .rbt-round-btn.bg-light-one:hover {
        background: var(--color-black);
        color: var(--color-white);
        backdrop-filter: unset
    }

        .rbt-round-btn.bg-light-one.active i::before {
            content: "\f004"
        }

    .rbt-round-btn.bg-light-one.tooltips > span {
        background: var(--color-black)
    }

    .rbt-round-btn.bg-light-one.tooltips[data-tooltip-position=left] > span:after {
        border-left-color: var(--color-black)
    }

.rbt-round-btn.rbt-bg-primary {
    background: var(--color-primary);
    color: var(--color-white)
}

    .rbt-round-btn.rbt-bg-primary.active, .rbt-round-btn.rbt-bg-primary::after, .rbt-round-btn.rbt-bg-primary:hover {
        background: var(--color-primary);
        color: var(--color-white);
        transform: translateY(-2px)
    }

        .rbt-round-btn.rbt-bg-primary.active i::before {
            content: "\f004"
        }

.rbt-round-btn i {
    margin-right: 0
}

.rbt-round-btn.has-rbt-bg-black {
    background: var(--color-black);
    color: var(--color-white)
}

    .rbt-round-btn.has-rbt-bg-black.active, .rbt-round-btn.has-rbt-bg-black::after, .rbt-round-btn.has-rbt-bg-black:hover {
        background: var(--color-primary);
        color: var(--color-white)
    }

        .rbt-round-btn.has-rbt-bg-black.active i::before {
            content: "\f004"
        }

.rbt-round-btn::after {
    background: var(--color-gray-200);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: var(--transition-cubic);
    opacity: 0;
    transform: scale(.85);
    border-radius: var(--radius-full);
    z-index: -1
}

.rbt-round-btn.btn-white-off {
    color: var(--color-white)
}

.rbt-round-btn.open, .rbt-round-btn:hover {
    color: var(--color-heading)
}

    .rbt-round-btn.open::after, .rbt-round-btn:hover::after {
        opacity: 1;
        transform: scale(1)
    }

.rbt-round-btn:active::after {
    transform: scale(.9);
    transition: var(--transition-short-cubic)
}

.rbt-round-btn.rbt-round-btn-tr-one {
    height: 22px;
    width: 22px;
    line-height: 22px
}

    .rbt-round-btn.rbt-round-btn-tr-one .access-box-count {
        top: -9px;
        right: -9px
    }

.rbt-round-btn.rbt-modern-close-btn {
    --icon-line-height: 16px;
    --icon-line-width: 16px;
    position: relative
}

    .rbt-round-btn.rbt-modern-close-btn .modern-close-wrapper {
        -webkit-font-smoothing: subpixel-antialiased;
        transform-style: preserve-3d;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%) translateZ(0);
        transition: margin .2s ease,transform .2s ease 1s,opacity .3s ease;
        height: var(--icon-line-height);
        width: var(--icon-line-width);
        display: block;
        overflow: hidden
    }

        .rbt-round-btn.rbt-modern-close-btn .modern-close-wrapper::after, .rbt-round-btn.rbt-modern-close-btn .modern-close-wrapper::before {
            content: "";
            height: 100%;
            width: 2px;
            background: var(--color-heading);
            backface-visibility: hidden;
            position: absolute;
            border-radius: 5px;
            top: 0;
            left: 7px;
            transition: opacity .2s ease,background-color .2s ease;
            animation-duration: .4s;
            animation-timing-function: cubic-bezier(.5,.01,.15,1);
            animation-fill-mode: forwards
        }

.rbt-round-btn.rbt-round-btn-xl {
    height: 66px;
    width: 66px;
    line-height: 66px;
    font-size: 18px
}

@keyframes crossLeft {
    0% {
        -webkit-transform: translateY(-30px) translateX(30px) rotate(45deg);
        transform: translateY(-30px) translateX(30px) rotate(45deg);
        opacity: 0;
        visibility: hidden
    }

    100% {
        -webkit-transform: translateY(0) translateX(0) rotate(45deg);
        transform: translateY(0) translateX(0) rotate(45deg);
        opacity: 1;
        visibility: visible
    }
}

@keyframes crossRight {
    0% {
        -webkit-transform: translateY(-30px) translateX(-30px) rotate(-45deg);
        transform: translateY(-30px) translateX(-30px) rotate(-45deg);
        opacity: 0;
        visibility: hidden
    }

    100% {
        -webkit-transform: translateY(0) translateX(0) rotate(-45deg);
        transform: translateY(0) translateX(0) rotate(-45deg);
        opacity: 1;
        visibility: visible
    }
}

.rbt-hover {
    transition: var(--transition-2)
}

    .rbt-hover:hover {
        transform: scale(1.02)
    }

.rbt-hover-02 {
    transition: var(--transition-2)
}

    .rbt-hover-02:hover {
        transform: translateY(-10px)
    }

.rbt-hover-03 {
    transition: transform .65s cubic-bezier(.23,1,.32,1)
}

    .rbt-hover-03:hover {
        transform: translateY(-3px)
    }

.rbt-link-hover a, .rbt-link-hover button {
    position: relative
}

    .rbt-link-hover a::after, .rbt-link-hover button::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: currentColor;
        transform: scaleX(0);
        transform-origin: bottom right;
        transition: transform .3s
    }

    .rbt-link-hover a:hover::after, .rbt-link-hover button:hover::after {
        transform-origin: bottom left;
        transform: scaleX(1)
    }

.rbt-recent-view-prd-area .rbt-scroll-vertical {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    max-height: 376px;
    padding-right: 32px
}

.rbt-color-primary {
    color: var(--color-primary)
}

.rbt-bold--text {
    font-weight: 700;
    font-size: 30px;
    margin: 15px 0;
}

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

.rbt-quick-locat-link {
    display: flex;
    flex-direction: column;
    gap: 8px
}

    .rbt-quick-locat-link .rbt-quick-locat-link-title a {
        transition: var(--transition)
    }

    .rbt-quick-locat-link .rbt-quick-locat-link-title-arrow {
        height: 20px;
        width: 20px;
        font-size: var(--font-size-b1);
        line-height: var(--line-height-b1);
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--color-primary);
        color: var(--color-white);
        border-radius: var(--radius-full);
        transition: var(--transition)
    }

    .rbt-quick-locat-link:hover .rbt-quick-locat-link-title-arrow {
        transform: translateX(5px) scale(1.1)
    }

.rbt-variant-picker-values input[type=radio] + label {
    padding: 8px 16px;
    border-radius: 30px;
    border: 1px solid var(--color-primary);
    text-align: center;
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: 500;
    color: var(--color-primary)
}

    .rbt-variant-picker-values input[type=radio] + label::after, .rbt-variant-picker-values input[type=radio] + label::before {
        display: none
    }

.rbt-variant-picker-values input[type=radio]:checked ~ label {
    color: var(--color-white);
    background: var(--color-primary);
    border-color: var(--color-primary)
}

.rbt-variant-picker-values input[type=radio]:disabled ~ label {
    color: var(--color-gray-300);
    background: var(--color-gray-50);
    border-color: var(--color-gray-300);
    text-decoration: line-through;
    pointer-events: none
}

.rbt-bg-transparent {
    background: 0 0 !important
}

.rbt-scroll-animation-container {
    position: relative;
    overflow: hidden
}

.rbt-scroll-animation-wrapper {
    position: relative;
    z-index: 1;
    padding: 24px 0;
    background: var(--color-gray-light)
}

@media only screen and (max-width: 767px) {
    .rbt-scroll-animation-wrapper {
        padding: 24px
    }
}

@media only screen and (max-width: 575px) {
    .rbt-scroll-animation-wrapper {
        padding: 16px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-scroll-animation-wrapper {
        padding: 12px
    }
}

.rbt-scroll-animation-wrapper::after, .rbt-scroll-animation-wrapper::before {
    position: absolute;
    height: 100%;
    width: 100px;
    background: -webkit-gradient(linear,left top,right top,from(#fff),to(hsla(0,0%,100%,0)));
    background: -webkit-linear-gradient(left,#fff,hsla(0,0%,100%,0));
    background: -moz-linear-gradient(left,#fff 0,hsla(0,0%,100%,0) 100%);
    background: linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0));
    z-index: 2;
    content: ""
}

@media only screen and (max-width: 767px) {
    .rbt-scroll-animation-wrapper::after, .rbt-scroll-animation-wrapper::before {
        width: 50px
    }
}

.rbt-scroll-animation-wrapper::before {
    top: 0;
    left: 0
}

.rbt-scroll-animation-wrapper::after {
    top: 0;
    right: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rbt-scroll-animation-wrapper.rbt-no-overlay::after, .rbt-scroll-animation-wrapper.rbt-no-overlay::before {
    display: none
}

.rbt-scroll-animation-wrapper.rbt-bg-color-primary a {
    color: var(--color-white)
}

    .rbt-scroll-animation-wrapper.rbt-bg-color-primary a .rbt-catagory-icon.rbt-offer-icon-circle {
        border: 2px solid var(--color-white)
    }

    .rbt-scroll-animation-wrapper.rbt-bg-color-primary a:hover {
        color: var(--color-white)
    }

.rbt-scroll-animation-wrapper.rbt-scroll-sm-size {
    padding: 8px 0
}

    .rbt-scroll-animation-wrapper.rbt-scroll-sm-size .rbt-category-list a {
        font-size: var(--font-size-b3);
        line-height: var(--line-height-b3)
    }

.rbt-scroll-animation {
    display: flex;
    width: -webkit-calc((420px * 16) + (30px * 16));
    width: -moz-calc((420px * 16) + (30px * 16));
    width: 7200px;
    position: relative
}

    .rbt-scroll-animation.rbt-scroll-right-left {
        -webkit-animation: scroll 5s linear infinite;
        -moz-animation: scroll 5s linear infinite;
        animation: scroll 5s linear infinite;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .rbt-scroll-animation.rbt-scroll-left-right {
        -webkit-animation: scrollLeft 5s linear infinite;
        -moz-animation: scrollLeft 5s linear infinite;
        animation: scrollLeft 5s linear infinite;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .rbt-scroll-animation .rbt-single-column-20 {
        width: 500px;
        padding: 0 15px
    }

@media only screen and (max-width: 767px) {
    .rbt-scroll-animation .rbt-single-column-20 {
        width: 310px;
        padding: 0 10px
    }
}

.rbt-categori-leftbar {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-direction: column;
    align-items: center
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-categori-leftbar {
        gap: 10px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-categori-leftbar {
        gap: 10px;
        flex-wrap: nowrap
    }
}

.rbt-category-list {
    display: flex;
    gap: 56px;
    align-items: center;
    justify-content: flex-end
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-category-list {
        gap: 20px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-category-list {
        gap: 10px;
        justify-content: flex-start;
        flex-wrap: wrap
    }
}

.rbt-category-list a {
    border: 0 none;
    text-transform: capitalize;
    color: var(--color-heading);
    font-size: 16px;
    line-height: 1.4;
    display: flex;
    gap: 8px;
    align-items: center;
    transition: var(--transition);
    text-align: center;
    font-weight: var(--f-medium)
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-category-list a {
        font-size: 14px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-category-list a {
        font-size: 14px
    }
}

.rbt-category-list a .rbt-catagory-icon {
    font-size: 16px;
    line-height: 1
}

    .rbt-category-list a .rbt-catagory-icon.rbt-offer-icon-circle {
        height: 14px;
        width: 14px;
        border-radius: var(--radius-full);
        border: 2px solid var(--color-primary)
    }

.rbt-category-list a:hover {
    color: var(--color-primary)
}

.rbt-category-list.rbt-has-brand-img a img {
    max-height: 100px;
    border-radius: var(--radius)
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-webkit-calc(-250px));
        transform: translateX(-250px)
    }
}

@-moz-keyframes scroll {
    0% {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -moz-transform: translateX(-moz-calc(-250px));
        transform: translateX(-250px)
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-webkit-calc(-250px));
        -moz-transform: translateX(-moz-calc(-250px));
        transform: translateX(-250px)
    }
}

@-webkit-keyframes scrollLeft {
    0% {
        -webkit-transform: translateX(-webkit-calc(-250px));
        transform: translateX(-250px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-moz-keyframes scrollLeft {
    0% {
        -moz-transform: translateX(-moz-calc(-250px));
        transform: translateX(-250px)
    }

    to {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes scrollLeft {
    0% {
        -webkit-transform: translateX(-webkit-calc(-250px));
        -moz-transform: translateX(-moz-calc(-250px));
        transform: translateX(-250px)
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

.rbt-gray-contain-box.rbt-gray-contain-box-style-one {
    border-radius: 24px;
    position: relative;
    padding: 48px 80px
}

@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-gray-contain-box.rbt-gray-contain-box-style-one {
        padding: 32px 48px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-gray-contain-box.rbt-gray-contain-box-style-one {
        padding: 20px 16px;
        border-radius: 12px
    }
}

.rbt-gray-contain-box.has-bg-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.rbt-gray-contain-box.has-bg-image-01 {
    background-image: url(../images/QKgqBBXIDJS3.webp)
}

.rbt-separator {
    height: 2px;
    width: 100%
}

    .rbt-separator.rbt-separator-gray200 {
        background: var(--color-gray-200)
    }

.rbt-border-row {
    margin-top: 24px
}

    .rbt-border-row > [class*=col] {
        border: 1px solid var(--color-border);
        margin-top: 0 !important
    }

.rbt-shadow-box {
    border-radius: var(--radius);
    background: var(--color-primary);
    overflow: hidden;
    box-shadow: var(--shadow-1);
    padding: 30px
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-shadow-box {
        padding: 20px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-shadow-box {
        padding: 20px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-shadow-box {
        padding: 20px
    }
}

.rbt-scrollable-content {
    overflow: auto
}

    .rbt-scrollable-content::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
        background-color: var(--color-gray-200);
        border-radius: 40px;
        width: 337px
    }

    .rbt-scrollable-content::-webkit-scrollbar {
        height: 6px;
        width: 337px;
        background-color: var(--color-gray-200);
        cursor: pointer
    }

    .rbt-scrollable-content::-webkit-scrollbar-thumb {
        border-radius: 40px;
        background-color: var(--color-gray-400)
    }

    .rbt-scrollable-content.hide-scrollbar::-webkit-scrollbar {
        display: none
    }

.rbt-qty-area.disabled {
    background: 0 0 !important
}

.rbt-sticky-top-150 {
    position: sticky !important;
    top: 150px
}

@media only screen and (max-width: 1199px) {
    .rbt-sticky-top-150 {
        position: static !important;
        top: unset
    }
}

.rbt-burger-menu-bar {
    --icon-w: 16px;
    --icon-h: 16px
}

    .rbt-burger-menu-bar .rbt-line-btn {
        transition: var(--transition);
        cursor: pointer;
        position: relative;
        user-select: none;
        display: block;
        top: 7px
    }

    .rbt-burger-menu-bar .rbt-burger-menu-bar-wrapper {
        overflow: hidden;
        width: var(--icon-w);
        height: var(--icon-h)
    }

    .rbt-burger-menu-bar .rbt-lines {
        display: block;
        width: var(--icon-w);
        height: 2px;
        transition: .3s;
        position: relative;
        background-color: var(--color-heading);
        border-radius: 5%
    }

        .rbt-burger-menu-bar .rbt-lines::after, .rbt-burger-menu-bar .rbt-lines::before {
            display: block;
            width: var(--icon-w);
            height: 2px;
            background-color: var(--color-heading);
            position: absolute;
            left: 0;
            content: "";
            transform-origin: 50% 50%;
            border-radius: 5%;
            transition: top .4s .45s ease,transform .3s ease,background-color .2s ease,opacity .2s ease
        }

        .rbt-burger-menu-bar .rbt-lines::after {
            top: 5px;
            width: calc(100% - 4px);
            transition: transform .65s cubic-bezier(.3,1,.3,1) 80ms,background-color .2s ease,opacity .2s ease !important
        }

        .rbt-burger-menu-bar .rbt-lines::before {
            top: -5px
        }

    .rbt-burger-menu-bar .rbt-hover-effect {
        left: -30px;
        margin-top: -2px
    }

        .rbt-burger-menu-bar .rbt-hover-effect .rbt-lines::after, .rbt-burger-menu-bar .rbt-hover-effect .rbt-lines::before {
            left: -30px
        }

    .rbt-burger-menu-bar:hover .rbt-lines {
        transform: translateX(30px)
    }

        .rbt-burger-menu-bar:hover .rbt-lines::after, .rbt-burger-menu-bar:hover .rbt-lines::before {
            transform: translateX(30px);
            transition: top .4s .45s ease,width .3s ease,transform .3s ease,background-color .2s ease,opacity .2s ease
        }

        .rbt-burger-menu-bar:hover .rbt-lines::before {
            transition: transform .65s cubic-bezier(.3,1,.3,1) 80ms,background-color .2s ease,opacity .2s ease !important
        }

.rbt-youtube-iframe iframe {
    min-height: 548px;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    width: 100%
}

.rbt-youtube-iframe-h-lg .rbt-youtube-iframe iframe {
    min-height: 938px;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    width: 100%
}

@media only screen and (max-width: 1199px),only screen and (min-width:1200px) and (max-width:1599px),only screen and (min-width:1600px) and (max-width:1919px) {
    .rbt-youtube-iframe-h-lg .rbt-youtube-iframe iframe {
        min-height: 534px
    }
}

.rbt-round-blur-shape {
    border-radius: 50%;
    opacity: .25;
    filter: blur(100px);
    height: 400px;
    width: 400px
}

    .rbt-round-blur-shape.rbt-round-blur-shape-red {
        background: #fe3d06
    }

.rbt-component-section-title-has-bg-shape {
    position: relative;
    z-index: 2
}

.cd-area-style-three .cd-banner-img {
    margin-top: -200px;
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 1199px) {
    .cd-area-style-three .cd-banner-img {
        margin-top: 0
    }
}

@media only screen and (min-width: 1200px) and (max-width:1599px),only screen and (min-width:1600px) and (max-width:1919px) {
    .cd-area-style-three .cd-banner-img {
        margin-top: -100px
    }
}

.cd-area-style-three .cd-banner-img .rbt-round-blur-shape-red {
    position: absolute;
    top: -64px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1
}

.rbt-round-devider {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 160px
}

    .rbt-round-devider.rbt-round-devider-black {
        background: var(--color-black)
    }

    .rbt-round-devider.rbt-black-round-devider-bottom {
        border-radius: 0 0 50% 50%
    }

.rbt-media-cover {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.rbt-max-screen-container {
    max-width: 2560px;
    margin: 0 auto
}

.rbt-dog-hero-section-area .rbt-product-banner-content {
    padding: 112px 204px
}

.rbt-lookbook-banner.rbt-lookbook-banner-two > img {
    min-height: 400px;
    max-height: 80vh;
    object-fit: cover;
    width: 100%;
    border-radius: var(--radius-12)
}

@media only screen and (max-width: 1199px) {
    .rbt-lookbook-banner.rbt-lookbook-banner-two .rbt-lookbook-dot-content {
        max-width: 220px !important
    }
}

@media only screen and (max-width: 767px) {
    .rbt-lookbook-banner.rbt-lookbook-banner-two .rbt-lookbook-dot-content {
        max-width: 180px !important
    }
}

.rbt-cursor-pointer {
    cursor: pointer
}

.rbt-bg-color-chocolate-50 {
    background: #f9f3ff !important
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
    transition: var(--transition)
}

input, select, textarea {
    width: 100%;
    transition: var(--transition)
}

input {
    height: 40px;
    padding: 0 15px
}

select {
    transition: var(--transition);
    height: 50px;
    padding: 10px 20px;
    outline: 0;
    color: var(--color-gray-400);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: var(--border-width) solid var(--color-gray-200);
    border-radius: var(--radius);
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    padding-right: 30px;
    background: #fff no-repeat center right 20px
}

    select.rbt-select-activation {
        height: auto;
        padding: 0;
        border: 0;
        width: auto;
        background: 0 0
    }

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    select {
        height: 40px
    }
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], textarea {
    font-size: 15px;
    font-weight: 400;
    height: 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 #012b1d;
    background: #012b1d;
    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: 78px;
        /*object-fit: cover;
        filter: invert(1);*/
    }

.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;
    flex-direction: row-reverse;
}

.rbt-quick-access {
    display: flex;
    align-items: center;
    padding: 0;
    gap: 16px;
    margin: 0
}

@media only screen and (max-width: 1199px) {
    .rbt-quick-access {
        gap: 12px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-quick-access {
        gap: 8px
    }
}

.rbt-quick-access.has-bigger-gap {
    gap: 24px
}

.rbt-quick-access.has-smaller-gap {
    gap: 8px
}

.rbt-quick-access > li {
    margin: 0;
    display: flex;
    align-items: center
}

    .rbt-quick-access > li > a, .rbt-quick-access > li > button {
        color: var(--color-heading);
        font-size: 14px;
        font-weight: var(--f-medium);
        transition: var(--transition)
    }

    .rbt-quick-access > li .has-rbt-md-fsize {
        font-size: 18px
    }

@media only screen and (max-width: 1199px) {
    .rbt-quick-access > li .has-rbt-md-fsize {
        font-size: var(--font-size-b2)
    }
}

.rbt-quick-access > li.rbt-access-box .rbt-round-btn {
    position: relative;
    z-index: 1;
    height: 36px;
    width: 36px;
    line-height: 36px;
    color: var(--color-heading)
}

    .rbt-quick-access > li.rbt-access-box .rbt-round-btn.has-rbt-bg-black {
        background: var(--color-black);
        color: var(--color-white)
    }

@media only screen and (max-width: 479px) {
    .rbt-quick-access > li.rbt-access-box .rbt-round-btn {
        height: 32px;
        width: 32px;
        line-height: 32px
    }
}

.rbt-quick-access > li.rbt-access-box .rbt-round-btn i {
    margin-right: 0
}

.rbt-quick-access > li.rbt-access-box.rbt-access-box-var-light-white .header-info + .header-info::before {
    background: rgba(255,255,255,.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;
    text-align: right;
}

.rbt-inner-search-field.filed-solid input {
    background: var(--color-gray-light)
}

.rbt-inner-search-field.rbt-search-field-box-style {
    border-radius: 8px
}

    .rbt-inner-search-field.rbt-search-field-box-style input {
        padding-left: 16px;
        padding-right: 50px;
        background-color: var(--color-white)
    }

    .rbt-inner-search-field.rbt-search-field-box-style .rbt-round-btn {
        border-radius: 4px;
        color: var(--color-gray-300);
        background: var(--color-gray-100);
        right: 6px;
        height: 28px;
        width: 28px;
        overflow: hidden
    }

        .rbt-inner-search-field.rbt-search-field-box-style .rbt-round-btn:hover {
            color: var(--color-white)
        }

            .rbt-inner-search-field.rbt-search-field-box-style .rbt-round-btn:hover::after {
                background-color: var(--color-primary);
                border-radius: 4px;
                transform: scale(1.045)
            }

.rbt-inner-search-field.rbt-search-field-round-style input {
    padding: 8px;
    border-radius: 40px
}

    .rbt-inner-search-field.rbt-search-field-round-style input .search-btn {
        right: 5px
    }

.rbt-inner-search-field.rbt-search-field-sm-width {
    width: 312px
}

.rbt-inner-search-field.rbt-search-field-lg-width {
    width: 637px
}

.rbt-offcanvas-trigger-btn {
    background: 0 0;
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    color: var(--color-heading);
    height: 36px;
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1
}

    .rbt-offcanvas-trigger-btn::after {
        background: var(--color-gray-200);
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        transition: var(--transition);
        transform: scale(1);
        border-radius: var(--radius);
        z-index: -1
    }

    .rbt-offcanvas-trigger-btn:hover::after {
        transform: scale(1.1)
    }

    .rbt-offcanvas-trigger-btn:active::after {
        transform: scale(1)
    }

    .rbt-offcanvas-trigger-btn:active {
        color: var(--color-primary)
    }

        .rbt-offcanvas-trigger-btn:active::after {
            background: var(--color-gray-200)
        }

    .rbt-offcanvas-trigger-btn.rbt-offcanvas-trigger-transparent-btn {
        font-size: var(--font-size-b1);
        line-height: var(--line-height-b1)
    }

        .rbt-offcanvas-trigger-btn.rbt-offcanvas-trigger-transparent-btn::after {
            background: 0 0;
            transform: scale(.8)
        }

        .rbt-offcanvas-trigger-btn.rbt-offcanvas-trigger-transparent-btn:hover {
            color: var(--color-primary)
        }

            .rbt-offcanvas-trigger-btn.rbt-offcanvas-trigger-transparent-btn:hover::after {
                background: var(--color-gray-200);
                transform: scale(1.05)
            }

.rbt-btn-transparent {
    background: 0 0;
    padding: 0;
    border-radius: unset;
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    display: flex;
    align-items: center;
    gap: 8px;
    border: 0
}

.rbt-inner-search-field, .rbt-inner-search-field-one {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1
}

    .rbt-inner-search-field input, .rbt-inner-search-field-one input {
        box-shadow: none
    }

    .rbt-inner-search-field .search-btn, .rbt-inner-search-field-one .search-btn {
        position: absolute;
        right: 3px;
        top: 50%;
        transform: translateY(-50%);
        height: 32px;
        width: 32px;
        border-radius: var(--radius-full);
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--color-gray-100);
        color: var(--color-gray-300);
        font-size: var(--font-size-b3);
        transition: var(--transition)
    }

        .rbt-inner-search-field .search-btn::after, .rbt-inner-search-field-one .search-btn::after {
            top: 2px;
            left: 2px;
            height: calc(100% - 4px);
            width: calc(100% - 4px)
        }

        .rbt-inner-search-field .search-btn:hover, .rbt-inner-search-field-one .search-btn:hover {
            color: var(--color-white)
        }

            .rbt-inner-search-field .search-btn:hover::after, .rbt-inner-search-field-one .search-btn:hover::after {
                transform: scale(1);
                background: var(--color-primary)
            }

        .rbt-inner-search-field .search-btn.search-btn-dark, .rbt-inner-search-field-one .search-btn.search-btn-dark {
            background: var(--color-black);
            color: var(--color-white)
        }

@media only screen and (max-width: 767px) {
    .rbt-search-with-category .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 139px
    }

    .rbt-search-with-category .rbt-inner-search-field input {
        padding-right: 34px;
        font-size: 13px;
        padding-left: 12px
    }

    .rbt-search-with-category .rbt-modern-select .bootstrap-select button.btn-light {
        font-size: 13px;
        padding-right: 25px
    }

    .rbt-search-with-category .filter-select select {
        min-width: 139px
    }
}

.rbt-admin-profile {
    display: flex;
    align-items: center
}

    .rbt-admin-profile .admin-thumbnail {
        margin-right: 12px
    }

        .rbt-admin-profile .admin-thumbnail img {
            width: 52px;
            min-width: 52px;
            height: 52px;
            border-radius: var(--radius-full);
            border: 2px solid var(--color-brand-200);
            box-shadow: var(--shadow-1);
            padding: 3px
        }

    .rbt-admin-profile .admin-info .name {
        color: var(--color-heading);
        font-weight: var(--f-medium);
        display: block;
        line-height: 1;
        margin-bottom: 2px
    }

.rbt-user-menu-list-wrapper .user-list-wrapper {
    margin: 0 -12px
}

    .rbt-user-menu-list-wrapper .user-list-wrapper li {
        margin: 0
    }

        .rbt-user-menu-list-wrapper .user-list-wrapper li a {
            display: flex;
            padding: 5px 12px;
            align-items: center;
            border-radius: 3px;
            color: var(--color-body)
        }

            .rbt-user-menu-list-wrapper .user-list-wrapper li a i, .rbt-user-menu-list-wrapper .user-list-wrapper li a img {
                max-height: 17px;
                margin-right: 7px
            }

            .rbt-user-menu-list-wrapper .user-list-wrapper li a i {
                font-size: 17px
            }

            .rbt-user-menu-list-wrapper .user-list-wrapper li a span {
                font-size: 14px
            }

        .rbt-user-menu-list-wrapper .user-list-wrapper li:hover a {
            color: var(--color-primary);
            background: var(--color-brand-100)
        }

.rbt-user-wrapper {
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 575px) {
    .rbt-user-wrapper {
        position: static
    }
}

.rbt-user-wrapper .rbt-user-menu-list-wrapper {
    background: var(--color-white);
    min-width: 250px;
    border-radius: 0 0 10px 10px;
    background-color: var(--color-white);
    box-shadow: var(--shadow-1);
    border-top: 1px solid rgba(230,227,241,.3098039216)
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-user-wrapper .rbt-user-menu-list-wrapper {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-user-wrapper .rbt-user-menu-list-wrapper {
        left: auto;
        right: 0
    }
}

@media only screen and (max-width: 767px) {
    .rbt-user-wrapper .rbt-user-menu-list-wrapper {
        left: auto;
        right: 0
    }
}

@media only screen and (max-width: 575px) {
    .rbt-user-wrapper .rbt-user-menu-list-wrapper {
        left: 20px;
        right: 20px;
        width: auto
    }
}

.rbt-user-wrapper .rbt-user-menu-list-wrapper .inner {
    padding: 20px
}

    .rbt-user-wrapper .rbt-user-menu-list-wrapper .inner hr {
        margin-left: -20px;
        margin-right: -20px
    }

    .rbt-user-wrapper .rbt-user-menu-list-wrapper .inner .rbt-admin-profile {
        padding-bottom: 20px
    }

.rbt-user-wrapper.right-align-dropdown .rbt-user-menu-list-wrapper {
    right: 0;
    left: auto
}

@media only screen and (max-width: 575px) {
    .rbt-user-wrapper.right-align-dropdown .rbt-user-menu-list-wrapper {
        right: 20px;
        left: 20px;
        width: auto
    }
}

.rbt-access-box {
    position: relative
}

    .rbt-access-box .rbt-access-box-wrapper {
        display: flex;
        align-items: center
    }

    .rbt-access-box .access-box-count {
        position: absolute;
        top: -6px;
        z-index: 2;
        min-width: 19px;
        width: 19px;
        height: 19px;
        background: var(--color-secondary);
        border-radius: var(--radius-full);
        font-size: 10px;
        text-align: center;
        display: inline-block;
        color: #fff;
        padding: 0 4px 0 4px;
        line-height: 19px;
        right: -5px;
        font-weight: var(--f-medium)
    }

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-access-box .access-box-count {
        top: 0;
        right: -5px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-access-box .access-box-count {
        font-weight: var(--f-medium);
        right: 1px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-access-box .access-box-count {
        top: -7px;
        right: -4px
    }
}

.rbt-access-box .content {
    margin-left: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left
}

@media only screen and (max-width: 1199px) {
    .rbt-access-box .content {
        display: none
    }
}

.rbt-access-box .content p {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    color: var(--color-gray-400);
    margin: 0;
    font-weight: var(--f-medium)
}

.rbt-access-box .content span.title-text {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-black);
    font-weight: var(--f-semi-bold);
    margin: 0
}

.rbt-access-box .content span {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-semi-bold);
    color: var(--color-black)
}

.rbt-access-box .content a {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-black);
    font-weight: var(--f-semi-bold);
    margin: 0
}

    .rbt-access-box .content a:hover {
        color: var(--color-primary)
    }

.rbt-catagories-list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px 72px;
    list-style: none;
    padding: 0;
    margin: 0
}

    .rbt-catagories-list li {
        margin: 0
    }

.rbt-single-catagory-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: center;
    position: relative;
    z-index: 1
}

    .rbt-single-catagory-item i {
        font-size: 26px;
        line-height: 36px;
        color: var(--color-gray-400);
        transition: var(--transition)
    }

    .rbt-single-catagory-item .text {
        font-size: var(--font-size-b3);
        line-height: var(--line-height-b3);
        font-weight: var(--f-medium);
        color: var(--color-gray-600);
        transition: var(--transition)
    }

    .rbt-single-catagory-item:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background: var(--color-gray-100);
        height: calc(100% + 8px);
        width: calc(100% + 16px);
        z-index: -1;
        opacity: 0;
        visibility: hidden;
        border-radius: 12px;
        transition: var(--transition)
    }

    .rbt-single-catagory-item:hover .text, .rbt-single-catagory-item:hover i {
        color: var(--color-primary)
    }

    .rbt-single-catagory-item:hover:after {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%,-50%) scale(1.2)
    }

.rbt-header-bottom.rbt-header-bottom-1 {
    padding: 16px 0
}

.rbt-header .rbt-header-wrapper.rbt-sticky .rbt-topbar-section.rbt-topbar-one {
    display: none
}

.rbt-header-catagories-var-one {
    gap: 20px 60px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-header-catagories-var-one {
        gap: 20px 30px
    }
}

.rbt-header-catagories-var-one .rbt-single-catagory-item {
    flex-direction: row;
    padding: 2px 16px;
    border-radius: 4px;
    gap: 4px
}

    .rbt-header-catagories-var-one .rbt-single-catagory-item i {
        font-size: 18px;
        color: var(--color-primary)
    }

    .rbt-header-catagories-var-one .rbt-single-catagory-item.active, .rbt-header-catagories-var-one .rbt-single-catagory-item:hover {
        background: var(--color-primary);
        color: var(--color-white)
    }

        .rbt-header-catagories-var-one .rbt-single-catagory-item.active .text, .rbt-header-catagories-var-one .rbt-single-catagory-item.active i, .rbt-header-catagories-var-one .rbt-single-catagory-item:hover .text, .rbt-header-catagories-var-one .rbt-single-catagory-item:hover i {
            color: var(--color-white)
        }

.rbt-header-13 .rbt-header-13-mainbar {
    padding-left: 100px;
    padding-right: 100px;
    height: 100%;
    min-height: 94px;
    z-index: 3
}

@media only screen and (max-width: 1199px) {
    .rbt-header-13 .rbt-header-13-mainbar {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-header-13 .rbt-header-13-mainbar {
        padding-left: 20px;
        padding-right: 20px;
        min-height: 80px
    }
}

.rbt-header-13 .header-left {
    --rbt-height-curved-decr: 16px;
    height: 100%;
    align-items: center;
    display: flex;
    position: relative
}

    .rbt-header-13 .header-left::before {
        background: var(--color-brand-300);
        content: "";
        width: calc(100% + 120px);
        height: calc(100% - var(--rbt-height-curved-decr));
        position: absolute;
        left: -100px;
        bottom: 0;
        z-index: -1;
        border-top-left-radius: 24px
    }

@media only screen and (max-width: 1199px) {
    .rbt-header-13 .header-left::before {
        left: -50px;
        width: calc(100% + 70px)
    }
}

@media only screen and (max-width: 479px) {
    .rbt-header-13 .header-left::before {
        left: -20px;
        width: calc(100% + 10px)
    }
}

.rbt-header-13 .header-left::after {
    content: "";
    position: absolute;
    height: calc(100% - var(--rbt-height-curved-decr));
    width: 69px;
    left: calc(100% + 18px);
    bottom: 0;
    background-image: url(../images/ci2ps7En2dXv.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -2
}

@media only screen and (max-width: 479px) {
    .rbt-header-13 .header-left::after {
        left: calc(100% - 10px);
        width: 55px
    }
}

.rbt-header-13 .header-left .rbt-offcanvas-trigger-btn {
    padding: 0;
    font-size: 18px;
    line-height: 1.5
}

    .rbt-header-13 .header-left .rbt-offcanvas-trigger-btn::after {
        background: 0 0
    }

.rbt-header-13 .header-left .rbt-header-content {
    align-items: center
}

.rbt-header-wrapper-three.rbt-header-wrapper-one {
    padding: 0
}

    .rbt-header-wrapper-three.rbt-header-wrapper-one .rbt-header-middle-one {
        min-height: 76px
    }

@media only screen and (max-width: 767px) {
    .rbt-header-wrapper-three.rbt-header-wrapper-one .rbt-header-middle-one {
        min-height: 68px
    }
}

.rbt-header-13 .rbt-header-common-sticky-activation .header-left::after, .rbt-header-13 .rbt-header-common-sticky-activation .header-left::before {
    display: none
}

.rbt-header-cat-link-section .rbt-cat-link-title {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-heading);
    font-weight: 600
}

.rbt-header-cat-link-section .rbt-cat-link-wrapper li {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3)
}

.rbt-header-cat-link-section .rbt-cat-link-wrapper .rbt-cat-link {
    padding: 6px 12px;
    border-radius: 54px;
    background: 0 0;
    color: var(--color-gray-400)
}

    .rbt-header-cat-link-section .rbt-cat-link-wrapper .rbt-cat-link.active, .rbt-header-cat-link-section .rbt-cat-link-wrapper .rbt-cat-link:hover {
        background: var(--color-black);
        color: var(--color-white)
    }

.rbt-header-2 .rbt-header-wrapper-one {
    padding: 0 !important
}

.rbt-header-bottom-2 {
    padding: 12px 0
}

.rbt-header-common-sticky-activation {
    opacity: 0;
    visibility: hidden;
    height: 0;
    align-items: center;
    display: flex;
    width: 0
}

    .rbt-header-common-sticky-activation.rbt-sticky {
        position: fixed;
        height: auto;
        top: 0;
        left: 0;
        background-color: var(--color-white);
        width: 100%;
        animation: stickySlideDown .65s cubic-bezier(.23,1,.32,1) both;
        z-index: 99;
        box-shadow: var(--shadow-1);
        opacity: 1;
        visibility: visible;
        flex-direction: column
    }

@keyframes headerSticky {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes stickySlideDown {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

.rbt-megamenu-wrapper .rbt-brand.style-five .rbt-brand-inner .brand-title {
    font-size: var(--font-size-b4);
    line-height: 1
}

.rbt-header-3 .rbt-header-middle {
    border-top: 2px solid var(--color-gray-100)
}

.rbt-header-10 .rbt-header-wrapper .logo, .rbt-header-3 .rbt-header-wrapper .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.rbt-header-10 .rbt-header-middle-one {
    position: relative;
    border-bottom: 1px solid var(--color-gray-200)
}

.rbt-header-2 .rbt-header-wrapper-one .rbt-header-middle-one {
    min-height: 90px
}

@media only screen and (max-width: 1199px) {
    .rbt-header-2 .rbt-header-wrapper-one .rbt-header-middle-one {
        min-height: 76px
    }
}

.rbt-header-mid-3 .rbt-header-sec {
    min-height: 76px
}

.rbt-header-nav-effect-activation {
    position: relative
}

    .rbt-header-nav-effect-activation .transp-link {
        position: relative;
        z-index: 3
    }

    .rbt-header-nav-effect-activation .rbt-bg-highlight {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background-color: var(--color-white);
        border-radius: 8px;
        transition: width .3s,left .3s;
        z-index: 0;
        border-radius: 40px;
        opacity: 0;
        visibility: hidden;
        transition: .3s
    }

    .rbt-header-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav.active, .rbt-header-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav:hover {
        background: 0 0
    }

    .rbt-header-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav:hover {
        color: var(--color-gray-400)
    }

    .rbt-header-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav.active:hover {
        color: var(--color-heading)
    }

    .rbt-header-nav-effect-activation.rbt-product-nav-var-primary .rbt-product-nav-grp li .rbt-product-nav.active {
        color: var(--color-white)
    }

        .rbt-header-nav-effect-activation.rbt-product-nav-var-primary .rbt-product-nav-grp li .rbt-product-nav.active:hover {
            color: var(--color-white)
        }

    .rbt-header-nav-effect-activation.rbt-product-nav-var-primary .rbt-product-nav-grp li .rbt-product-nav:hover {
        color: var(--color-primary)
    }

    .rbt-header-nav-effect-activation.rbt-product-nav-var-primary .rbt-bg-highlight {
        background: var(--color-primary)
    }

    .rbt-header-nav-effect-activation.rbt-product-nav-var-black .rbt-product-nav-grp li .rbt-product-nav.active {
        color: var(--color-white)
    }

        .rbt-header-nav-effect-activation.rbt-product-nav-var-black .rbt-product-nav-grp li .rbt-product-nav.active:hover {
            color: var(--color-white)
        }

    .rbt-header-nav-effect-activation.rbt-product-nav-var-black .rbt-bg-highlight {
        background: var(--color-black)
    }

.rbt-category-update.rbt-category-update-var-modern {
    --content-width: 220px;
    z-index: 2
}

    .rbt-category-update.rbt-category-update-var-modern .rbt-update-category-dropdown {
        min-width: var(--content-width);
        padding-top: 44px;
        top: 0;
        transform: translateY(16px);
        border-radius: 6px;
        transform: translateX(-16px)
    }

    .rbt-category-update.rbt-category-update-var-modern .rbt-btn-transparent {
        z-index: 2;
        transition: all .4s ease-in-out
    }

    .rbt-category-update.rbt-category-update-var-modern .rbt-dropdown-parent-wrapper {
        border-top: 1px solid var(--color-border)
    }

    .rbt-category-update.rbt-category-update-var-modern:hover .rbt-update-category-dropdown {
        top: 0;
        transform: translateY(0) translateX(-16px)
    }

.rbt-header .rbt-header-mid-3 .rbt-mainmenu-nav .mainmenu > li {
    height: 76px;
    line-height: 76px
}

.rbt-header .rbt-sticky .rbt-mainmenu-nav .mainmenu > li {
    height: 72px;
    line-height: 72px
}

.rbt-header-10 .mainbar-row {
    min-height: 64px !important
}

.rbt-header.rbt-header-tr-white .rbt-access-box .content span, .rbt-header.rbt-header-tr-white .rbt-mainmenu-nav .mainmenu > li > a, .rbt-header.rbt-header-tr-white .rbt-quick-access > li.rbt-access-box .rbt-round-btn {
    color: var(--color-white)
}

.rbt-header.rbt-header-tr-white .rbt-dropdown-menu-elastic li.active .sub-menu {
    background: rgba(255,255,255,.3);
    border-color: rgba(255,255,255,.3)
}

.rbt-header.rbt-header-tr-white .rbt-dropdown-menu-elastic li a {
    color: var(--color-white)
}

.rbt-header.rbt-header-tr-white .rbt-round-btn::after {
    background: rgba(255,255,255,.3)
}

.rbt-header.rbt-header-tr-white.rbt-header-10 .rbt-header-middle-one {
    border-color: rgba(255,255,255,.3)
}

.rbt-header .rbt-header-common-sticky-activation .rbt-access-box .content span, .rbt-header .rbt-header-common-sticky-activation .rbt-dropdown-menu-elastic li a, .rbt-header .rbt-header-common-sticky-activation .rbt-mainmenu-nav .mainmenu > li > a, .rbt-header .rbt-header-common-sticky-activation .rbt-quick-access > li.rbt-access-box .rbt-round-btn {
    color: var(--color-heading)
}

.header-transparent .mainbar-row .rbt-mainmenu-nav .mainmenu > li {
    height: 86px;
    line-height: 86px
}

.header-transparent .mainbar-row .rbt-megamenu-wrapper {
    margin-top: 0
}

@media only screen and (min-width: 768px) and (max-width:991px),only screen and (max-width:767px) {
    .splash-hcs-btn {
        padding: 0 16px;
        border-radius: 4px !important;
        width: 32px !important;
        height: 32px !important;
        line-height: 32px !important;
        padding: 0 !important;
        justify-content: center;
        display: flex !important;
        align-items: center
    }

        .splash-hcs-btn .text {
            display: none
        }

        .splash-hcs-btn .icon-left {
            margin-left: 0 !important;
            opacity: 1 !important
        }

            .splash-hcs-btn .icon-left i {
                margin-right: 0 !important
            }

        .splash-hcs-btn .icon-right {
            display: none
        }
}

@media only screen and (max-width: 479px) {
    .rbt-header .rbt-quick-access > li.rbt-access-box .rbt-round-btn {
        background: var(--color-gray-200) !important
    }
}

.rbt-transparent-header .rbt-header-top {
    border-color: #525260
}

.rbt-topbar-one .rbt-address-content {
    display: flex
}

.rbt-topbar-one.topbar-bg--primary {
    background: var(--color-primary)
}

.rbt-topbar-one.rbt-bg-color-primary .rbt-fancy-item.fancy-menu-text p {
    color: var(--color-white)
}

    .rbt-topbar-one.rbt-bg-color-primary .rbt-fancy-item.fancy-menu-text p a {
        color: var(--color-white)
    }

.rbt-topbar-one.rbt-bg-color-primary .rbt-quick-access > li.rbt-access-box .rbt-access-link {
    color: var(--color-white)
}

.rbt-fancy-item {
    display: flex;
    align-items: center;
    white-space: nowrap
}

    .rbt-fancy-item.fancy-menu-start {
        justify-content: flex-start
    }

    .rbt-fancy-item.fancy-menu-end {
        justify-content: flex-end
    }

    .rbt-fancy-item.fancy-menu-center {
        justify-content: center
    }

    .rbt-fancy-item.fancy-menu-text .rbt-fancy-text, .rbt-fancy-item.fancy-menu-text p {
        font-size: var(--font-size-b3);
        line-height: var(--line-height-b3);
        color: var(--color-heading)
    }

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-fancy-item.fancy-menu-text .rbt-fancy-text, .rbt-fancy-item.fancy-menu-text p {
        font-size: 12px
    }
}

@media only screen and (max-width: 575px) {
    .rbt-fancy-item.fancy-menu-text .rbt-fancy-text, .rbt-fancy-item.fancy-menu-text p {
        font-size: 12px
    }
}

.rbt-fancy-item.fancy-menu-text .rbt-fancy-text strong, .rbt-fancy-item.fancy-menu-text p strong {
    font-weight: 600
}

.rbt-fancy-item.fancy-menu-text .rbt-fancy-text .rbt-fancy-link, .rbt-fancy-item.fancy-menu-text .rbt-fancy-text a, .rbt-fancy-item.fancy-menu-text p .rbt-fancy-link, .rbt-fancy-item.fancy-menu-text p a {
    text-decoration: underline;
    font-weight: 600;
    transition: var(--transition);
    color: var(--color-primary)
}

.rbt-fancy-item.fancy-menu-text .rbt-fancy-text.rbt-fancy-text, .rbt-fancy-item.fancy-menu-text p.rbt-fancy-text {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
    color: #dadada !important;
    flex-direction: row;

}

.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;
    margin-left: 20px;
}

.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/VgJpaw76jAXu.webp);
    background: #012b1d;
}

.rbt-topbar-bg-img.rbt-topbar-bg-two {
    background-image: url(../images/0LFY8bhRyLKI.webp)
}

.rbt-topbar-bg-img.rbt-topbar-bg-three {
    background-image: url(../images/XU6AO1GuwZ2C.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;
    direction:rtl;
    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;
    flex-direction: row-reverse;
}

@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: 102px;
        object-fit: cover;
        max-width: 220px;
        filter: unset;
        padding: 6px;
    }

@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: 102px;
}

.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/IfJc9RSNW97R.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;
    flex-direction: row-reverse;
}

    .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: 13px;
            font-weight: var(--f-medium);
            padding: 0 12px;
            display: flex;
            align-items: center;
            height: 28px;
            line-height: 28px;
            transition: var(--transition);
            flex-direction: row-reverse;
        }

@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 9px
    }
}

@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-right: 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 3px
}

.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: right;
        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: #012b1d !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/Fg3f9f6O78PV.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/BZYJBfVuPmO3.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/SJg9togw2sYL.webp)
}

.rbt-menu-offer-card.rbt-bg-two .mega-top-banner {
    background-image: url(../images/hvYr6TTfLpyj.webp)
}

.rbt-menu-offer-card.rbt-bg-three .mega-top-banner {
    background-image: url(../images/2TqKHrXPriTm.webp)
}

.rbt-menu-offer-card.rbt-bg-four .mega-top-banner {
    background-image: url(../images/m0ZgDuSqfu7V.webp)
}

.rbt-menu-offer-card.rbt-curved-style-box {
    background-image: url(../images/SJg9togw2sYL.webp);
    -webkit-mask-image: url(../images/SJg9togw2sYL.webp);
    mask-image: url(../images/SJg9togw2sYL.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/pgiRAw6cdUSI.webp)
}

.mega-top-banner.bg-two {
    background-image: url(../images/gfPAeKtzCOBz.webp)
}

.mega-top-banner.bg-three {
    background-image: url(../images/h7uelA3I48bJ.webp)
}

.mega-top-banner.bg-four {
    background-image: url(../images/YSb6HHrtAF6v.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: 100px
    }
}

.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%;
    margin-top: 30px;
}

.popup-mobile-menu .rbt-round-shape-tab .nav-tabs .nav-item .nav-link {
    padding: 12px 16px
}

@media only screen and (max-width: 767px) {
    .popup-mobile-menu .rbt-round-shape-tab .nav-tabs .nav-item .nav-link {
        padding: 6px 8px
    }
}

.popup-mobile-menu .rbt-inner-search-field input {
    padding-right: 44px
}

.popup-mobile-menu .mainmenu {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 15px 0
}

    .popup-mobile-menu .mainmenu li {
        margin: 0
    }

        .popup-mobile-menu .mainmenu li a {
            padding: 10px 8px;
            display: block;
            font-size: var(--font-size-b1);
            font-weight: var(--f-medium);
            text-align: right;
        }

@media only screen and (max-width: 767px) {
    .popup-mobile-menu .mainmenu li a {
        font-size: var(--font-size-b3)
    }
}

.popup-mobile-menu .mainmenu li a.active {
  /*  color: var(--color-primary) !important*/
}

.popup-mobile-menu .mainmenu li a i {
    display: none
}

    .popup-mobile-menu .mainmenu li a i.rbt-catagories-icon {
        display: inline-block
    }

.popup-mobile-menu .mainmenu li .rbt-btn.rbt-btn-sm {
    padding: 0 8px
}

.popup-mobile-menu .mainmenu li + li {
    border-top: 1px solid var(--color-border)
}

.popup-mobile-menu .mainmenu .has-dropdown .submenu {
    padding: 0;
    max-width: 100%;
    list-style: none;
    padding-left: 14px;
    display: none
}

    .popup-mobile-menu .mainmenu .has-dropdown .submenu li a {
        font-size: 15px
    }

        .popup-mobile-menu .mainmenu .has-dropdown .submenu li a.active {
            color: var(--color-primary) !important
        }

.popup-mobile-menu .mainmenu .has-dropdown > a, .popup-mobile-menu .mainmenu .has-menu-child-item > a {
    position: relative
}

    .popup-mobile-menu .mainmenu .has-dropdown > a::after, .popup-mobile-menu .mainmenu .has-menu-child-item > a::after {
        position: absolute;
        content: "+";
        font-family: "Font Awesome 7 Pro",sans-serif;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        transition: .4s
    }

    .popup-mobile-menu .mainmenu .has-dropdown > a.open::after, .popup-mobile-menu .mainmenu .has-menu-child-item > a.open::after {
        content: "\f068"
    }

.popup-mobile-menu .mainmenu .rbt-megamenu {
    padding: 0;
    max-width: 100%;
    list-style: none;
    padding-left: 12px;
    display: none
}

    .popup-mobile-menu .mainmenu .rbt-megamenu .rbt-megamenu-wrapper {
        padding-bottom: 12px
    }

.popup-mobile-menu .mainmenu .mega-menu-item {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 8px;
    margin-top: 0
}

    .popup-mobile-menu .mainmenu .mega-menu-item li a {
        font-size: 14px
    }

.popup-mobile-menu .mainmenu .single-mega-item:last-child .mega-menu-item li:last-child {
    border-bottom-color: transparent
}

.popup-mobile-menu .mainmenu .single-mega-item + .single-mega-item {
    margin-top: 15px
}

.popup-mobile-menu .mainmenu .single-mega-item .rbt-short-title {
    margin-top: 8px;
    text-align: left
}

.popup-mobile-menu .mega-top-banner {
    margin: 0;
    margin-top: 10px;
    border-radius: 4px;
    margin-bottom: 9px
}

    .popup-mobile-menu .mega-top-banner .content {
        width: 100%;
        display: block
    }

.popup-mobile-menu .nav-rbt-quick-access {
    display: block;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: -20px;
    padding: 6px 17px;
    overflow: hidden
}

    .popup-mobile-menu .nav-rbt-quick-access li a {
        display: flex;
        font-size: 14px
    }

        .popup-mobile-menu .nav-rbt-quick-access li a i {
            display: flex
        }

.popup-mobile-menu .rbt-ads-wrapper {
    margin-bottom: 20px;
    margin-top: -16px;
    margin-left: -15px
}

@media only screen and (max-width: 1199px) {
    .popup-mobile-menu .rbt-ads-wrapper {
        margin-top: 0;
        margin-left: 0
    }
}

@media only screen and (max-width: 1199px) {
    .popup-mobile-menu .rbt-ads-wrapper img {
        border-radius: 10px
    }
}

.popup-mobile-menu .btn-wrapper {
    margin-left: -14px;
    margin-bottom: 20px;
    margin-top: -14px
}

.popup-mobile-menu .rbt-btn.btn-xl {
    padding: 0 15px !important;
    font-size: 14px !important;
    height: 50px;
    line-height: 52px;
    border-radius: 4px !important
}

.popup-mobile-menu .mega-category-item {
    margin-top: -15px;
    margin-bottom: 15px
}

    .popup-mobile-menu .mega-category-item .nav-category-item {
        padding: 8px 14px
    }

.hamberger .hamberger-button {
    background: 0 0;
    border: 0 none;
    color: var(--color-heading);
    font-size: var(--font-size-b3);
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: var(--color-gray-200);
    padding: 0
}

    .hamberger .hamberger-button::after {
        display: none
    }

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .header-info .logo {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }
}

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .header-info .logo.variation-one {
        position: static;
        transform: none
    }
}

@media only screen and (max-width: 479px) {
    .header-info .logo a img {
        max-width: 112px
    }
}

.popup-mobile-menu .load-demo-btn {
    height: 36px;
    line-height: 36px;
    padding-top: 0 !important;
    font-size: var(--font-size-b3)
}

    .popup-mobile-menu .load-demo-btn i {
        font-size: var(--font-size-b3)
    }

.popup-mobile-menu .rbt-btn-grp {
    display: flex !important
}

    .popup-mobile-menu .rbt-btn-grp .rbt-btn.rbt-marquee-btn {
        max-width: 165px;
        height: 40px;
        line-height: 40px;
        font-size: var(--font-size-b3)
    }

@media only screen and (max-width: 767px) {
    .popup-mobile-menu .rbt-btn-grp .rbt-btn.rbt-marquee-btn {
        height: 28px;
        line-height: 28px;
        font-size: var(--font-size-b4)
    }
}

@media only screen and (max-width: 479px) {
    .popup-mobile-menu .rbt-product-card .rbt-product-badge.rbt-badge-top-left--position {
        top: 16px;
        left: 8px
    }

    .popup-mobile-menu .rbt-wishlisted-btn.rbt-top-right--position {
        top: 16px;
        right: 8px
    }
}

.popup-mobile-menu .rbt-overlay-counter.counter-md {
    font-size: 66px;
    display: flex
}

    .popup-mobile-menu .rbt-overlay-counter.counter-md .odometer-inside {
        display: flex
    }

    .popup-mobile-menu .rbt-overlay-counter.counter-md .counter-suffix {
        margin-left: 0
    }

.popup-mobile-menu .rbt-rating-icon-list li + li {
    border: 0
}

.popup-mobile-menu .mainmenu li .rbt-card a {
    padding: 0
}

.popup-mobile-menu .rbt-small-title {
    margin-bottom: 10px !important
}

.rbt-btn-grp {
    transition: var(--transition)
}

    .rbt-btn-grp .rbt-btn.animated-icon-btn:hover {
        transform: none !important
    }

        .rbt-btn-grp .rbt-btn.animated-icon-btn:hover::after {
            transform: translate(-50%,-50%) scale(1) !important
        }

.rbt-cart-side-menu, .rbt-order-sidenav, .rbt-ordered-products-sidenav, .rbt-review-sidenav, .rbt-special-offer-sidemenu, .side-menu {
    width: 448px;
    position: fixed;
    right: 0;
    top: 0;
    background: var(--color-white);
    z-index: 9999;
    height: 100%;
    transform: translate3d(105%,0,0);
    overflow: hidden;
    overscroll-behavior: contain;
    transition: all .85s cubic-bezier(.23,1,.32,1)
}

@media only screen and (max-width: 575px) {
    .rbt-cart-side-menu, .rbt-order-sidenav, .rbt-ordered-products-sidenav, .rbt-review-sidenav, .rbt-special-offer-sidemenu, .side-menu {
        width: 310px
    }
}

.rbt-cart-side-menu .inner-wrapper, .rbt-order-sidenav .inner-wrapper, .rbt-ordered-products-sidenav .inner-wrapper, .rbt-review-sidenav .inner-wrapper, .rbt-special-offer-sidemenu .inner-wrapper, .side-menu .inner-wrapper {
    height: 100%;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column
}

    .rbt-cart-side-menu .inner-wrapper::-webkit-scrollbar-track, .rbt-order-sidenav .inner-wrapper::-webkit-scrollbar-track, .rbt-ordered-products-sidenav .inner-wrapper::-webkit-scrollbar-track, .rbt-review-sidenav .inner-wrapper::-webkit-scrollbar-track, .rbt-special-offer-sidemenu .inner-wrapper::-webkit-scrollbar-track, .side-menu .inner-wrapper::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
        background-color: var(--color-gray-200);
        border-radius: 40px;
        height: 337px
    }

    .rbt-cart-side-menu .inner-wrapper::-webkit-scrollbar, .rbt-order-sidenav .inner-wrapper::-webkit-scrollbar, .rbt-ordered-products-sidenav .inner-wrapper::-webkit-scrollbar, .rbt-review-sidenav .inner-wrapper::-webkit-scrollbar, .rbt-special-offer-sidemenu .inner-wrapper::-webkit-scrollbar, .side-menu .inner-wrapper::-webkit-scrollbar {
        width: 4px;
        height: 337px;
        background-color: var(--color-gray-200)
    }

    .rbt-cart-side-menu .inner-wrapper::-webkit-scrollbar-thumb, .rbt-order-sidenav .inner-wrapper::-webkit-scrollbar-thumb, .rbt-ordered-products-sidenav .inner-wrapper::-webkit-scrollbar-thumb, .rbt-review-sidenav .inner-wrapper::-webkit-scrollbar-thumb, .rbt-special-offer-sidemenu .inner-wrapper::-webkit-scrollbar-thumb, .side-menu .inner-wrapper::-webkit-scrollbar-thumb {
        border-radius: 40px;
        background-color: var(--color-gray-400)
    }

    .rbt-cart-side-menu .inner-wrapper .rbt-cart-header, .rbt-order-sidenav .inner-wrapper .rbt-cart-header, .rbt-ordered-products-sidenav .inner-wrapper .rbt-cart-header, .rbt-review-sidenav .inner-wrapper .rbt-cart-header, .rbt-special-offer-sidemenu .inner-wrapper .rbt-cart-header, .side-menu .inner-wrapper .rbt-cart-header {
        padding: 40px 32px 26px;
        border-bottom: 2px solid var(--color-gray-100);
        padding-bottom: 24px;
        position: sticky;
        top: 0;
        left: 0;
        background: var(--color-white);
        z-index: 2
    }

@media only screen and (max-width: 1199px),only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-cart-side-menu .inner-wrapper .rbt-cart-header, .rbt-order-sidenav .inner-wrapper .rbt-cart-header, .rbt-ordered-products-sidenav .inner-wrapper .rbt-cart-header, .rbt-review-sidenav .inner-wrapper .rbt-cart-header, .rbt-special-offer-sidemenu .inner-wrapper .rbt-cart-header, .side-menu .inner-wrapper .rbt-cart-header {
        padding: 16px;
        padding-bottom: 16px
    }
}

.rbt-cart-side-menu .inner-wrapper .title, .rbt-order-sidenav .inner-wrapper .title, .rbt-ordered-products-sidenav .inner-wrapper .title, .rbt-review-sidenav .inner-wrapper .title, .rbt-special-offer-sidemenu .inner-wrapper .title, .side-menu .inner-wrapper .title {
    font-weight: 700
}

.rbt-cart-side-menu .inner-wrapper .description, .rbt-order-sidenav .inner-wrapper .description, .rbt-ordered-products-sidenav .inner-wrapper .description, .rbt-review-sidenav .inner-wrapper .description, .rbt-special-offer-sidemenu .inner-wrapper .description, .side-menu .inner-wrapper .description {
    padding-right: 18%;
    margin-top: 20px
}

.rbt-cart-side-menu .inner-wrapper .minicart-close-button, .rbt-order-sidenav .inner-wrapper .minicart-close-button, .rbt-ordered-products-sidenav .inner-wrapper .minicart-close-button, .rbt-review-sidenav .inner-wrapper .minicart-close-button, .rbt-special-offer-sidemenu .inner-wrapper .minicart-close-button, .side-menu .inner-wrapper .minicart-close-button {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    background: 0 0;
    font-size: 16px;
    line-height: 36px;
    font-weight: 900
}

@media only screen and (max-width: 767px) {
    .rbt-cart-side-menu .inner-wrapper .minicart-close-button, .rbt-order-sidenav .inner-wrapper .minicart-close-button, .rbt-ordered-products-sidenav .inner-wrapper .minicart-close-button, .rbt-review-sidenav .inner-wrapper .minicart-close-button, .rbt-special-offer-sidemenu .inner-wrapper .minicart-close-button, .side-menu .inner-wrapper .minicart-close-button {
        top: 8px;
        right: 8px
    }
}

.rbt-cart-side-menu .inner-wrapper .minicart-close-button::after, .rbt-order-sidenav .inner-wrapper .minicart-close-button::after, .rbt-ordered-products-sidenav .inner-wrapper .minicart-close-button::after, .rbt-review-sidenav .inner-wrapper .minicart-close-button::after, .rbt-special-offer-sidemenu .inner-wrapper .minicart-close-button::after, .side-menu .inner-wrapper .minicart-close-button::after {
    background: var(--color-gray-200);
    opacity: 1;
    transform: scale(.9);
    box-shadow: var(--shadow-1)
}

.rbt-cart-side-menu .inner-wrapper .minicart-close-button:hover, .rbt-order-sidenav .inner-wrapper .minicart-close-button:hover, .rbt-ordered-products-sidenav .inner-wrapper .minicart-close-button:hover, .rbt-review-sidenav .inner-wrapper .minicart-close-button:hover, .rbt-special-offer-sidemenu .inner-wrapper .minicart-close-button:hover, .side-menu .inner-wrapper .minicart-close-button:hover {
    color: var(--color-heading)
}

    .rbt-cart-side-menu .inner-wrapper .minicart-close-button:hover::after, .rbt-order-sidenav .inner-wrapper .minicart-close-button:hover::after, .rbt-ordered-products-sidenav .inner-wrapper .minicart-close-button:hover::after, .rbt-review-sidenav .inner-wrapper .minicart-close-button:hover::after, .rbt-special-offer-sidemenu .inner-wrapper .minicart-close-button:hover::after, .side-menu .inner-wrapper .minicart-close-button:hover::after {
        transform: scale(1)
    }

.rbt-cart-side-menu .side-nav, .rbt-order-sidenav .side-nav, .rbt-ordered-products-sidenav .side-nav, .rbt-review-sidenav .side-nav, .rbt-special-offer-sidemenu .side-nav, .side-menu .side-nav {
    margin-bottom: 0;
    display: block;
    max-height: unset !important;
    padding: 0 32px
}

@media only screen and (max-width: 767px) {
    .rbt-cart-side-menu .side-nav, .rbt-order-sidenav .side-nav, .rbt-ordered-products-sidenav .side-nav, .rbt-review-sidenav .side-nav, .rbt-special-offer-sidemenu .side-nav, .side-menu .side-nav {
        padding: 0 8px
    }
}

.rbt-cart-side-menu .side-nav .navbar-nav, .rbt-order-sidenav .side-nav .navbar-nav, .rbt-ordered-products-sidenav .side-nav .navbar-nav, .rbt-review-sidenav .side-nav .navbar-nav, .rbt-special-offer-sidemenu .side-nav .navbar-nav, .side-menu .side-nav .navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .rbt-cart-side-menu .side-nav .navbar-nav li, .rbt-order-sidenav .side-nav .navbar-nav li, .rbt-ordered-products-sidenav .side-nav .navbar-nav li, .rbt-review-sidenav .side-nav .navbar-nav li, .rbt-special-offer-sidemenu .side-nav .navbar-nav li, .side-menu .side-nav .navbar-nav li {
        display: block;
        margin: 10px 0;
        padding: 0 !important;
        opacity: 0;
        transition: all .8s ease .5s;
        transform: translateY(30px)
    }

        .rbt-cart-side-menu .side-nav .navbar-nav li a, .rbt-order-sidenav .side-nav .navbar-nav li a, .rbt-ordered-products-sidenav .side-nav .navbar-nav li a, .rbt-review-sidenav .side-nav .navbar-nav li a, .rbt-special-offer-sidemenu .side-nav .navbar-nav li a, .side-menu .side-nav .navbar-nav li a {
            color: var(--color-heading);
            font-size: var(--font-size-b1);
            font-weight: var(--f-medium)
        }

        .rbt-cart-side-menu .side-nav .navbar-nav li:first-child, .rbt-order-sidenav .side-nav .navbar-nav li:first-child, .rbt-ordered-products-sidenav .side-nav .navbar-nav li:first-child, .rbt-review-sidenav .side-nav .navbar-nav li:first-child, .rbt-special-offer-sidemenu .side-nav .navbar-nav li:first-child, .side-menu .side-nav .navbar-nav li:first-child {
            -webkit-transition-delay: .1s;
            -o-transition-delay: .1s;
            transition-delay: .1s
        }

        .rbt-cart-side-menu .side-nav .navbar-nav li:nth-child(2), .rbt-order-sidenav .side-nav .navbar-nav li:nth-child(2), .rbt-ordered-products-sidenav .side-nav .navbar-nav li:nth-child(2), .rbt-review-sidenav .side-nav .navbar-nav li:nth-child(2), .rbt-special-offer-sidemenu .side-nav .navbar-nav li:nth-child(2), .side-menu .side-nav .navbar-nav li:nth-child(2) {
            -webkit-transition-delay: .2s;
            -o-transition-delay: .2s;
            transition-delay: .2s
        }

        .rbt-cart-side-menu .side-nav .navbar-nav li:nth-child(3), .rbt-order-sidenav .side-nav .navbar-nav li:nth-child(3), .rbt-ordered-products-sidenav .side-nav .navbar-nav li:nth-child(3), .rbt-review-sidenav .side-nav .navbar-nav li:nth-child(3), .rbt-special-offer-sidemenu .side-nav .navbar-nav li:nth-child(3), .side-menu .side-nav .navbar-nav li:nth-child(3) {
            transition-delay: .3s
        }

        .rbt-cart-side-menu .side-nav .navbar-nav li:nth-child(4), .rbt-order-sidenav .side-nav .navbar-nav li:nth-child(4), .rbt-ordered-products-sidenav .side-nav .navbar-nav li:nth-child(4), .rbt-review-sidenav .side-nav .navbar-nav li:nth-child(4), .rbt-special-offer-sidemenu .side-nav .navbar-nav li:nth-child(4), .side-menu .side-nav .navbar-nav li:nth-child(4) {
            transition-delay: .4s
        }

        .rbt-cart-side-menu .side-nav .navbar-nav li:nth-child(5), .rbt-order-sidenav .side-nav .navbar-nav li:nth-child(5), .rbt-ordered-products-sidenav .side-nav .navbar-nav li:nth-child(5), .rbt-review-sidenav .side-nav .navbar-nav li:nth-child(5), .rbt-special-offer-sidemenu .side-nav .navbar-nav li:nth-child(5), .side-menu .side-nav .navbar-nav li:nth-child(5) {
            transition-delay: .5s
        }

.rbt-cart-side-menu.start-from-left, .rbt-order-sidenav.start-from-left, .rbt-ordered-products-sidenav.start-from-left, .rbt-review-sidenav.start-from-left, .rbt-special-offer-sidemenu.start-from-left, .side-menu.start-from-left {
    left: 0;
    right: auto;
    transform: translate3d(-105%,0,0)
}

    .rbt-cart-side-menu.start-from-left.side-menu-active, .rbt-order-sidenav.start-from-left.side-menu-active, .rbt-ordered-products-sidenav.start-from-left.side-menu-active, .rbt-review-sidenav.start-from-left.side-menu-active, .rbt-special-offer-sidemenu.start-from-left.side-menu-active, .side-menu.start-from-left.side-menu-active {
        transform: translate3d(0,0,0)
    }

.rbt-cart-side-menu.start-from-top, .rbt-order-sidenav.start-from-top, .rbt-ordered-products-sidenav.start-from-top, .rbt-review-sidenav.start-from-top, .rbt-special-offer-sidemenu.start-from-top, .side-menu.start-from-top {
    left: 0;
    right: 0;
    transform: translate3d(0,-100%,0);
    width: 100%;
    height: auto
}

    .rbt-cart-side-menu.start-from-top.side-menu-active, .rbt-order-sidenav.start-from-top.side-menu-active, .rbt-ordered-products-sidenav.start-from-top.side-menu-active, .rbt-review-sidenav.start-from-top.side-menu-active, .rbt-special-offer-sidemenu.start-from-top.side-menu-active, .side-menu.start-from-top.side-menu-active {
        transform: translate3d(0,0,0)
    }

    .rbt-cart-side-menu.start-from-top .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom, .rbt-order-sidenav.start-from-top .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom, .rbt-ordered-products-sidenav.start-from-top .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom, .rbt-review-sidenav.start-from-top .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom, .rbt-special-offer-sidemenu.start-from-top .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom, .side-menu.start-from-top .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom {
        display: flex;
        gap: 24px;
        justify-content: space-between
    }

    .rbt-cart-side-menu.start-from-top .rbt-single-widget, .rbt-order-sidenav.start-from-top .rbt-single-widget, .rbt-ordered-products-sidenav.start-from-top .rbt-single-widget, .rbt-review-sidenav.start-from-top .rbt-single-widget, .rbt-special-offer-sidemenu.start-from-top .rbt-single-widget, .side-menu.start-from-top .rbt-single-widget {
        padding-top: 0;
        margin-top: 0;
        border-top: 0;
        flex-basis: 12%
    }

@media only screen and (max-width: 767px) {
    .rbt-cart-side-menu.start-from-top .rbt-single-widget, .rbt-order-sidenav.start-from-top .rbt-single-widget, .rbt-ordered-products-sidenav.start-from-top .rbt-single-widget, .rbt-review-sidenav.start-from-top .rbt-single-widget, .rbt-special-offer-sidemenu.start-from-top .rbt-single-widget, .side-menu.start-from-top .rbt-single-widget {
        flex-basis: 100%
    }
}

.rbt-cart-side-menu.start-from-bottom, .rbt-order-sidenav.start-from-bottom, .rbt-ordered-products-sidenav.start-from-bottom, .rbt-review-sidenav.start-from-bottom, .rbt-special-offer-sidemenu.start-from-bottom, .side-menu.start-from-bottom {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    transform: translate3d(0,100%,0);
    width: 100%;
    height: auto
}

    .rbt-cart-side-menu.start-from-bottom.side-menu-active, .rbt-order-sidenav.start-from-bottom.side-menu-active, .rbt-ordered-products-sidenav.start-from-bottom.side-menu-active, .rbt-review-sidenav.start-from-bottom.side-menu-active, .rbt-special-offer-sidemenu.start-from-bottom.side-menu-active, .side-menu.start-from-bottom.side-menu-active {
        transform: translate3d(0,0,0)
    }

    .rbt-cart-side-menu.start-from-bottom .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom, .rbt-order-sidenav.start-from-bottom .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom, .rbt-ordered-products-sidenav.start-from-bottom .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom, .rbt-review-sidenav.start-from-bottom .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom, .rbt-special-offer-sidemenu.start-from-bottom .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom, .side-menu.start-from-bottom .rbt-sidebar-widget-wrapper .rbt-sidebar-bottom {
        display: flex;
        gap: 24px;
        justify-content: space-between
    }

    .rbt-cart-side-menu.start-from-bottom .rbt-single-widget, .rbt-order-sidenav.start-from-bottom .rbt-single-widget, .rbt-ordered-products-sidenav.start-from-bottom .rbt-single-widget, .rbt-review-sidenav.start-from-bottom .rbt-single-widget, .rbt-special-offer-sidemenu.start-from-bottom .rbt-single-widget, .side-menu.start-from-bottom .rbt-single-widget {
        padding-top: 0;
        margin-top: 0;
        border-top: 0;
        flex-basis: 12%
    }

@media only screen and (max-width: 767px) {
    .rbt-cart-side-menu.start-from-bottom .rbt-single-widget, .rbt-order-sidenav.start-from-bottom .rbt-single-widget, .rbt-ordered-products-sidenav.start-from-bottom .rbt-single-widget, .rbt-review-sidenav.start-from-bottom .rbt-single-widget, .rbt-special-offer-sidemenu.start-from-bottom .rbt-single-widget, .side-menu.start-from-bottom .rbt-single-widget {
        flex-basis: 100%
    }
}

.rbt-cart-side-menu.side-menu-active, .rbt-order-sidenav.side-menu-active, .rbt-ordered-products-sidenav.side-menu-active, .rbt-review-sidenav.side-menu-active, .rbt-special-offer-sidemenu.side-menu-active, .side-menu.side-menu-active {
    transform: translate3d(0,0,0);
    transition: all .85s cubic-bezier(.23,1,.32,1)
}

    .rbt-cart-side-menu.side-menu-active .side-nav .navbar-nav li, .rbt-order-sidenav.side-menu-active .side-nav .navbar-nav li, .rbt-ordered-products-sidenav.side-menu-active .side-nav .navbar-nav li, .rbt-review-sidenav.side-menu-active .side-nav .navbar-nav li, .rbt-special-offer-sidemenu.side-menu-active .side-nav .navbar-nav li, .side-menu.side-menu-active .side-nav .navbar-nav li {
        transform: translateY(0);
        opacity: 1
    }

.close_side_menu {
    display: block;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1091;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0,0,0,.5);
    backdrop-filter: blur(5px);
    transition: var(--transition);
    cursor: url(../images/ftZ9Xy4mLuJp.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/q8wHlAbMLBdt.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;
            direction: rtl;
            flex-direction: column;
            align-items: flex-start;
        }

            .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-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: #012b1d;
    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: #012b1d;
}

    .rbt-btn.rbt-btn-secondary:focus, .rbt-btn.rbt-btn-secondary:hover {
        color: var(--color-white);
        box-shadow: none;
        background-color: #012b1d;
    }

.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 #012b1d;
    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: #012b1d;
    border-color: #012b1d;
    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: #012b1d
}

    .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 {
        background: var(--color-black) !important;
        color: var(--color-white) !important;
        box-shadow: none
    }

a.rbt-btn-link, button.rbt-btn-link, span.rbt-btn-link {
    color: var(--color-heading);
    position: relative;
    transition: var(--transition);
    font-size: var(--font-size-b1);
    font-weight: var(--f-medium);
    display: inline-block
}

    a.rbt-btn-link i, button.rbt-btn-link i, span.rbt-btn-link i {
        position: relative;
        top: 1px;
        display: inline-block;
        padding-left: 4px
    }

    a.rbt-btn-link::after, button.rbt-btn-link::after, span.rbt-btn-link::after {
        position: absolute;
        content: "";
        left: auto;
        bottom: 0;
        background: currentColor;
        width: 0;
        height: 2px;
        transition: var(--transition);
        right: 0
    }

    a.rbt-btn-link:hover, button.rbt-btn-link:hover, span.rbt-btn-link:hover {
        color: var(--color-primary) !important
    }

        a.rbt-btn-link:hover::after, button.rbt-btn-link:hover::after, span.rbt-btn-link:hover::after {
            width: 100%;
            left: 0;
            right: auto
        }

    a.rbt-btn-link.left-icon i, button.rbt-btn-link.left-icon i, span.rbt-btn-link.left-icon i {
        padding-left: 0;
        padding-right: 4px
    }

    a.rbt-btn-link.color-white:hover, button.rbt-btn-link.color-white:hover, span.rbt-btn-link.color-white:hover {
        color: var(--color-white) !important
    }

    a.rbt-btn-link.b4, button.rbt-btn-link.b4, span.rbt-btn-link.b4 {
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4)
    }

a.transparent-button, button.transparent-button, span.transparent-button {
    color: var(--color-heading);
    position: relative;
    transition: var(--transition);
    font-size: 14px;
    font-weight: var(--f-medium)
}

    a.transparent-button i, button.transparent-button i, span.transparent-button i {
        display: inline-block;
        padding-left: 4px;
        transition: .4s
    }

    a.transparent-button:hover i, button.transparent-button:hover i, span.transparent-button:hover i {
        padding-left: 10px
    }

.video-popup-wrapper {
    position: relative
}

    .video-popup-wrapper .position-to-top {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        margin: 0;
        cursor: pointer;
        z-index: 2
    }

    .video-popup-wrapper .rbt-btn.rounded-player:hover {
        transform: translate(-50%,-50%) scale(1.1)
    }

.rbt-btn, a, button {
    transition: all .4s cubic-bezier(0,0,.34,.54)
}

    .rbt-btn .animated-icon svg, a .animated-icon svg, button .animated-icon svg {
        width: 16px
    }

@media only screen and (max-width: 767px) {
    .rbt-btn .animated-icon svg, a .animated-icon svg, button .animated-icon svg {
        width: 12px
    }
}

.rbt-btn .animated-icon svg path, a .animated-icon svg path, button .animated-icon svg path {
    fill: var(--color-primary);
    transition: opacity .4s ease,transform .4s cubic-bezier(0,0,.34,.54)
}

.rbt-btn .animated-icon svg .icon-arrow-el-two, .rbt-btn .animated-icon svg .icon-arrow-line-two, a .animated-icon svg .icon-arrow-el-two, a .animated-icon svg .icon-arrow-line-two, button .animated-icon svg .icon-arrow-el-two, button .animated-icon svg .icon-arrow-line-two {
    opacity: 0;
    visibility: hidden;
    transform: translate(-10px,10px);
    transition: opacity .4s ease,transform .4s cubic-bezier(0,0,.34,.54)
}

.rbt-btn .animated-icon svg .icon-arrow-el-one, .rbt-btn .animated-icon svg .icon-arrow-line-one, a .animated-icon svg .icon-arrow-el-one, a .animated-icon svg .icon-arrow-line-one, button .animated-icon svg .icon-arrow-el-one, button .animated-icon svg .icon-arrow-line-one {
    transform: translate(0,0);
    opacity: 1;
    visibility: visible;
    transition: opacity .4s ease,transform .4s cubic-bezier(0,0,.34,.54)
}

.rbt-btn:hover .animated-icon svg, a:hover .animated-icon svg, button:hover .animated-icon svg {
    width: 16px
}

@media only screen and (max-width: 767px) {
    .rbt-btn:hover .animated-icon svg, a:hover .animated-icon svg, button:hover .animated-icon svg {
        width: 12px
    }
}

.rbt-btn:hover .animated-icon svg path, a:hover .animated-icon svg path, button:hover .animated-icon svg path {
    fill: var(--color-white) !important
}

.rbt-btn:hover .animated-icon svg .icon-arrow-el-one, .rbt-btn:hover .animated-icon svg .icon-arrow-line-one, a:hover .animated-icon svg .icon-arrow-el-one, a:hover .animated-icon svg .icon-arrow-line-one, button:hover .animated-icon svg .icon-arrow-el-one, button:hover .animated-icon svg .icon-arrow-line-one {
    transform: translate(10px,-10px);
    opacity: 0;
    visibility: hidden
}

.rbt-btn:hover .animated-icon svg .icon-arrow-el-two, .rbt-btn:hover .animated-icon svg .icon-arrow-line-two, a:hover .animated-icon svg .icon-arrow-el-two, a:hover .animated-icon svg .icon-arrow-line-two, button:hover .animated-icon svg .icon-arrow-el-two, button:hover .animated-icon svg .icon-arrow-line-two {
    opacity: 1;
    visibility: visible;
    transform: translate(0,0)
}

.rbt-btn.animated-icon-btn.defalt-secondary-bg, a.animated-icon-btn.defalt-secondary-bg, button.animated-icon-btn.defalt-secondary-bg {
    background: 0 0;
    color: var(--color-primary);
    position: relative
}

    .rbt-btn.animated-icon-btn.defalt-secondary-bg::after, a.animated-icon-btn.defalt-secondary-bg::after, button.animated-icon-btn.defalt-secondary-bg::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%) scale(1);
        height: 100%;
        width: 100%;
        background-color: var(--color-brand-200);
        z-index: -1;
        border-radius: 60px;
        transition: opacity .4s ease,transform .4s cubic-bezier(0,0,.34,.54)
    }

    .rbt-btn.animated-icon-btn.defalt-secondary-bg .animated-icon svg path, a.animated-icon-btn.defalt-secondary-bg .animated-icon svg path, button.animated-icon-btn.defalt-secondary-bg .animated-icon svg path {
        fill: var(--color-primary)
    }

    .rbt-btn.animated-icon-btn.defalt-secondary-bg:hover, a.animated-icon-btn.defalt-secondary-bg:hover, button.animated-icon-btn.defalt-secondary-bg:hover {
        background: 0 0 !important;
        color: var(--color-primary)
    }

        .rbt-btn.animated-icon-btn.defalt-secondary-bg:hover .animated-icon svg path, a.animated-icon-btn.defalt-secondary-bg:hover .animated-icon svg path, button.animated-icon-btn.defalt-secondary-bg:hover .animated-icon svg path {
            fill: var(--color-primary) !important
        }

        .rbt-btn.animated-icon-btn.defalt-secondary-bg:hover::after, a.animated-icon-btn.defalt-secondary-bg:hover::after, button.animated-icon-btn.defalt-secondary-bg:hover::after {
            transform: translate(-50%,-50%) scale(1.1)
        }

.rbt-btn.animated-icon-btn.defalt-primary-bg, a.animated-icon-btn.defalt-primary-bg, button.animated-icon-btn.defalt-primary-bg {
    background: 0 0;
    color: var(--color-white);
    position: relative
}

    .rbt-btn.animated-icon-btn.defalt-primary-bg::after, a.animated-icon-btn.defalt-primary-bg::after, button.animated-icon-btn.defalt-primary-bg::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%) scale(1);
        height: 100%;
        width: 100%;
        background-color: var(--color-primary);
        z-index: -1;
        border-radius: 60px;
        transition: opacity .4s ease,transform .4s cubic-bezier(0,0,.34,.54)
    }

    .rbt-btn.animated-icon-btn.defalt-primary-bg .animated-icon svg path, a.animated-icon-btn.defalt-primary-bg .animated-icon svg path, button.animated-icon-btn.defalt-primary-bg .animated-icon svg path {
        fill: var(--color-white)
    }

    .rbt-btn.animated-icon-btn.defalt-primary-bg:hover, a.animated-icon-btn.defalt-primary-bg:hover, button.animated-icon-btn.defalt-primary-bg:hover {
        background: 0 0 !important;
        color: var(--color-white)
    }

        .rbt-btn.animated-icon-btn.defalt-primary-bg:hover .animated-icon svg path, a.animated-icon-btn.defalt-primary-bg:hover .animated-icon svg path, button.animated-icon-btn.defalt-primary-bg:hover .animated-icon svg path {
            fill: var(--color-white) !important
        }

        .rbt-btn.animated-icon-btn.defalt-primary-bg:hover::after, a.animated-icon-btn.defalt-primary-bg:hover::after, button.animated-icon-btn.defalt-primary-bg:hover::after {
            transform: translate(-50%,-50%) scale(1.1)
        }

.rbt-btn.animated-icon-btn.round-sm, a.animated-icon-btn.round-sm, button.animated-icon-btn.round-sm {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .rbt-btn.animated-icon-btn.round-sm, a.animated-icon-btn.round-sm, button.animated-icon-btn.round-sm {
        height: 28px;
        width: 28px;
        min-width: none
    }
}

.rbt-btn.animated-icon-btn.round-sm::after, a.animated-icon-btn.round-sm::after, button.animated-icon-btn.round-sm::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(1);
    height: 100%;
    width: 100%;
    background-color: var(--color-primary);
    z-index: -1;
    border-radius: 50%;
    transition: opacity .4s ease,transform .4s cubic-bezier(0,0,.34,.54)
}

.rbt-icon-overlay-link-btn {
    height: 32px;
    width: 32px;
    border-radius: var(--radius-full);
    color: var(--color-primary);
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    background: 0 0;
    display: inline-block;
    position: relative;
    overflow: hidden
}

    .rbt-icon-overlay-link-btn .rbt-btn-overlay {
        position: relative;
        overflow: hidden;
        height: 100%;
        width: 100%;
        display: block
    }

    .rbt-icon-overlay-link-btn i {
        position: absolute;
        top: 50%;
        left: 50%;
        overflow: hidden;
        margin-top: -7px;
        margin-left: -4px;
        z-index: 1
    }

        .rbt-icon-overlay-link-btn i.rbt-icon {
            transition: var(--transition)
        }

        .rbt-icon-overlay-link-btn i.rbt-icon-bottom {
            position: absolute;
            transition: var(--transition);
            transform: translateY(300%) translateX(-475%)
        }

    .rbt-icon-overlay-link-btn::after {
        transition: var(--transition);
        content: "";
        width: 100%;
        height: 100%;
        background-color: var(--color-white);
        border: 1px solid var(--color-extra-four);
        border-radius: var(--radius-full);
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .rbt-icon-overlay-link-btn:hover {
        background: var(--color-primary);
        border-color: var(--color-primary);
        color: var(--color-primary)
    }

        .rbt-icon-overlay-link-btn:hover::after {
            transform: scale(1.1);
            background: var(--color-primary);
            border-color: var(--color-primary);
            color: var(--color-white)
        }

        .rbt-icon-overlay-link-btn:hover i.rbt-icon {
            transform: translateY(-300%) translateX(475%)
        }

        .rbt-icon-overlay-link-btn:hover i.rbt-icon-bottom {
            transform: translateY(0) translateX(0) scale(1.1)
        }

    .rbt-icon-overlay-link-btn.rbt-icon-overlay-link-btn::after {
        border: 2px solid var(--color-brand-400)
    }

    .rbt-icon-overlay-link-btn.rbt-icon-overlay-link-btn:hover::after {
        background: var(--color-primary);
        border: 2px solid var(--color-primary);
        color: var(--color-white)
    }

    .rbt-icon-overlay-link-btn:hover {
        background: 0 0;
        border-color: transparent;
        color: var(--color-white)
    }

        .rbt-icon-overlay-link-btn:hover::after {
            background: var(--color-primary);
            border: 2px solid var(--color-primary);
            color: var(--color-white)
        }

    .rbt-icon-overlay-link-btn.rbt-icon-overlay-link-btn-dflt-active::after {
        background: var(--color-primary);
        border-color: var(--color-primary);
        color: var(--color-white)
    }

    .rbt-icon-overlay-link-btn.rbt-icon-overlay-link-btn-dflt-active i {
        color: var(--color-white)
    }

        .rbt-icon-overlay-link-btn.rbt-icon-overlay-link-btn-dflt-active i.rbt-icon {
            transform: translateY(-300%) translateX(300%)
        }

        .rbt-icon-overlay-link-btn.rbt-icon-overlay-link-btn-dflt-active i.rbt-icon-bottom {
            transform: translateY(0) translateX(0) scale(1.1)
        }

    .rbt-icon-overlay-link-btn.rbt-icon-overlay-link-btn-dflt-active:hover::after {
        transform: scale(.85)
    }

.rbt-underline-btn {
    color: var(--color-primary);
    font-family: var(--font-primary);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    font-weight: var(--f-semi-bold);
    border-bottom: 2px solid var(--color-primary);
    display: inline-block
}

    .rbt-underline-btn.btn-white {
        color: var(--color-white);
        border-color: var(--color-white)
    }

    .rbt-underline-btn i {
        margin-left: 2px;
        transition: var(--transition)
    }

    .rbt-underline-btn:hover i {
        margin-left: 4px
    }

.rbt-btn.rbt-btn-transparent:hover {
    background: var(--color-black)
}

@keyframes btnTxtMarqueeX {
    100% {
        transform: translateX(-115%)
    }
}

@keyframes btnTxtMarqueeY {
    100% {
        transform: translateY(-115%)
    }
}

.rbt-btn-grp {
    display: flex;
    gap: 6px;
    position: relative;
    z-index: 3
}

    .rbt-btn-grp.rbt-has-separator-shape > .rbt-btn-single {
        position: relative
    }

        .rbt-btn-grp.rbt-has-separator-shape > .rbt-btn-single + .rbt-btn-single::before {
            content: "";
            position: absolute;
            left: -12px;
            top: 50%;
            transform: translateY(-50%);
            background-image: url(../images/N4OJLYdIJjkb.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;
                object-fit: fill;
                height: 175px;
            }

    .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/IZl3Cnx1cLwj.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/IZl3Cnx1cLwj.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: #012b1d
}

.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/mD32aPGxg1RO.webp);
    background-size: cover;
    align-items: center;
    gap: 2px;
    flex-direction: column;
    height: 64px;
    width: 58px
}

    .rbt-discount-badge.rbt-discound-badge-var-2::after {
        content: none
    }

    .rbt-discount-badge.rbt-discound-badge-var-2.rbt-badge-top-left--position {
        left: 12px;
        top: 12px
    }

    .rbt-discount-badge.rbt-discound-badge-var-2.rbt-badge-top-right--position {
        right: 12px;
        top: 12px
    }

    .rbt-discount-badge.rbt-discound-badge-var-2 span {
        line-height: 1
    }

        .rbt-discount-badge.rbt-discound-badge-var-2 span:first-child {
            font-size: var(--h5)
        }

        .rbt-discount-badge.rbt-discound-badge-var-2 span:last-child {
            font-size: var(--font-size-b4)
        }

.rbt-badge-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.rbt-wishlisted-btn.rbt-top-right--position {
    position: absolute;
    top: 16px;
    right: 16px
}

@media only screen and (max-width: 479px) {
    .rbt-wishlisted-btn.rbt-top-right--position {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 10px;
        top: 8px;
        right: 8px
    }
}

.rbt-rating-icon-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 4px;
    line-height: .9
}

    .rbt-rating-icon-list li {
        margin: 0
    }

        .rbt-rating-icon-list li i {
            font-size: var(--font-size-b4);
            line-height: var(--line-height-b4);
            color: var(--color-gray-200)
        }

@media only screen and (max-width: 479px) {
    .rbt-rating-icon-list li i {
        font-size: 10px;
        line-height: 1
    }
}

.rbt-rating-icon-list li i.rbt-rated-icon {
    color: var(--color-yellow)
}

.rbt-rating-icon-list.rbt-rating-icon-lg li i {
    font-size: 20px;
    line-height: 1
}

.rbt-rating-icon-list.rbt-text-color-white li i {
    color: var(--color-black)
}

    .rbt-rating-icon-list.rbt-text-color-white li i.rbt-rated-icon {
        color: var(--color-white)
    }

.rbt-offer-badge {
    font-size: 10px;
    line-height: 1.2;
    padding: 3px 6px;
    background: var(--color-danger);
    color: var(--color-white);
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: var(--f-semi-bold);
    white-space: nowrap
}

@media only screen and (max-width: 479px) {
    .rbt-offer-badge {
        font-size: 8px;
        line-height: 1;
        padding: 2px 4px
    }
}

.rbt-offer-badge.rbt-offer-badge-md {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    padding: 4px 8px
}

.rbt-prd-feature-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px
}

    .rbt-prd-feature-card.rbt-curved-style-box {
        -webkit-mask-size: cover;
        -webkit-mask-image: url(../images/mWrNZdxsb4Ua.svg);
        mask-image: url(../images/mWrNZdxsb4Ua.svg);
        background-image: url(../images/mWrNZdxsb4Ua.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: baseline;
    gap: 4px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.6;
    color: var(--color-black);
    justify-content: space-around;
}

@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/vfmgpGe4HdX1.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/J1OOjhdwwopM.svg);
        -webkit-mask-image: url(../images/J1OOjhdwwopM.svg);
        mask-image: url(../images/J1OOjhdwwopM.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/76JgZ6SjMFHG.svg);
    -webkit-mask-image: url(../images/76JgZ6SjMFHG.svg);
    mask-image: url(../images/76JgZ6SjMFHG.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: -80px;
    }
}

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

.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/IZl3Cnx1cLwj.svg);
        z-index: -1
    }

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .rbt-hero-banner-activation-3 .rbt-swiper-arrow-wrapper-style-one ul li + li::before {
        width: 24px;
        height: 32px;
        right: calc(100% - 8px)
    }
}

.rbt-hero-banner-activation-3 .rbt-swiper-arrow {
    position: static;
    transform: translateY(0);
    background-color: transparent
}

    .rbt-hero-banner-activation-3 .rbt-swiper-arrow i {
        font-size: var(--font-size-b1);
        line-height: 1
    }

.rbt-hero-banner-activation-3 .rbt-swiper-pagination {
    --box-size: 40px;
    width: auto;
    background: var(--color-white);
    bottom: unset;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    flex-direction: column;
    display: flex;
    padding: 16px 20px;
    border-radius: 0 16px 16px 0
}

@media only screen and (max-width: 767px) {
    .rbt-hero-banner-activation-3 .rbt-swiper-pagination {
        display: none
    }
}

.rbt-hero-banner-activation-3 .rbt-swiper-pagination::before, .rbt-hero-banner-activation-3 .rbt-swiper-pagination:after {
    content: "";
    position: absolute;
    height: var(--box-size);
    width: var(--box-size);
    background: 0 0;
    border-radius: var(--radius-full);
    box-shadow: -15px 15px 0 0 var(--color-white)
}

.rbt-hero-banner-activation-3 .rbt-swiper-pagination::before {
    bottom: 100%;
    left: 0
}

.rbt-hero-banner-activation-3 .rbt-swiper-pagination::after {
    top: 100%;
    left: 0;
    box-shadow: -15px -15px 0 0 var(--color-white)
}

.rbt-hero-banner-activation-3 .rbt-swiper-pagination .swiper-pagination-bullet {
    margin: 10px 0 !important
}

.rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-bottom-center {
    top: unset;
    flex-direction: row;
    bottom: 0;
    transform: translateX(-50%);
    border-radius: 16px 16px 0 0;
    left: 50%
}

    .rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-bottom-center::before, .rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-bottom-center:after {
        box-shadow: 15px 15px 0 0 var(--color-white)
    }

    .rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-bottom-center::before {
        bottom: 0;
        right: 100%;
        left: unset
    }

    .rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-bottom-center::after {
        top: unset;
        bottom: 0;
        left: 100%;
        right: unset;
        box-shadow: -15px 15px 0 0 var(--color-white)
    }

    .rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-bottom-center .swiper-pagination-bullet {
        margin: 0 10px !important
    }

.rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-right-center {
    right: 2%;
    left: auto
}

.rbt-hero-banner-activation-3 .rbt-swiper-pagination.rbt-swiper-pagination-transparent {
    --box-size: 0;
    background: 0 0
}

.category-activation-one.gutter-swiper-24 {
    margin: -12px
}

@media only screen and (max-width: 767px) {
    .rbt-elctro-hero-banner .rbt-swiper-arrow {
        display: none
    }
}

.rbt-cs-hero-banner-activation .rbt-swiper-pagination {
    padding-left: 12px;
    z-index: 1;
    transform: translateX(-50%);
    left: 50%;
    bottom: 60px
}

    .rbt-cs-hero-banner-activation .rbt-swiper-pagination .swiper-pagination-bullet {
        box-shadow: inset 0 0 0 7px var(--color-brand-500)
    }

@media only screen and (max-width: 1199px),only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-cs-hero-banner-activation .rbt-swiper-pagination {
        bottom: 30px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px) {
    .rbt-cs-hero-banner-activation .rbt-swiper-pagination {
        bottom: 5px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cs-hero-banner-activation .rbt-swiper-pagination {
        bottom: 2px
    }
}

.rbt-glass-hero-products-banner-area .rbt-hero-banner-activation-3 .rbt-swiper-pagination {
    top: unset;
    bottom: 85px;
    transform: none;
    background: 0 0
}

    .rbt-glass-hero-products-banner-area .rbt-hero-banner-activation-3 .rbt-swiper-pagination::after, .rbt-glass-hero-products-banner-area .rbt-hero-banner-activation-3 .rbt-swiper-pagination::before {
        display: none
    }

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-glass-hero-products-banner-area .rbt-hero-banner-activation-3 .rbt-swiper-pagination {
        display: none
    }
}

@media only screen and (max-width: 1199px),only screen and (max-width:767px) {
    .rbt-glass-hero-products-banner-area .rbt-hero-banner-activation-3 .rbt-swiper-pagination {
        display: none
    }
}

.rbt-single-product-media-area .swiper-slide a {
    border: 2px solid transparent
}

.rbt-single-product-media-area .swiper-slide.swiper-slide-thumb-active a {
    border: 2px solid var(--color-primary)
}

.rbt-arrow-between .rbt-swiper-arrow:focus-visible {
    outline: 0
}

.rbt-swiper-pagination-dot-extend.swiper-pagination {
    bottom: 10px
}

.rbt-swiper-pagination-dot-extend .swiper-pagination-bullet {
    width: 92px;
    height: 4px;
    border-radius: 0;
    position: relative;
    overflow: hidden;
    background: unset;
    opacity: 1
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-swiper-pagination-dot-extend .swiper-pagination-bullet {
        width: 60px
    }
}

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-swiper-pagination-dot-extend .swiper-pagination-bullet {
        width: 40px
    }
}

.rbt-swiper-pagination-dot-extend .swiper-pagination-bullet::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.rbt-swiper-pagination-dot-extend .swiper-pagination-bullet::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--color-white);
    opacity: .4;
    z-index: 1
}

.rbt-swiper-pagination-dot-extend .swiper-pagination-bullet:first-child {
    border-radius: 0 0 0 var(--radius-12)
}

.rbt-swiper-pagination-dot-extend .swiper-pagination-bullet:last-child {
    border-radius: 0 0 var(--radius-12) 0
}

.rbt-swiper-pagination-dot-extend .swiper-pagination-bullet-active::before {
    background-color: var(--color-primary);
    animation: rbt-slide-progress-anim 3s ease-out forwards
}

.swiper-paused .rbt-swiper-pagination-dot-extend .swiper-pagination-bullet-active::before {
    animation-play-state: paused
}

.rbt-swiper-pagination-center .rbt-swiper-pagination {
    width: fit-content;
    left: 50%;
    transform: translateX(-50%)
}

.rbt-scroll-text-animation {
    padding: 8px 0
}

    .rbt-scroll-text-animation .swiper-wrapper {
        transition-timing-function: linear !important
    }

    .rbt-scroll-text-animation a {
        color: var(--color-white);
        font-size: var(--font-size-b3);
        line-height: var(--line-height-b3);
        font-weight: var(--f-medium);
        display: flex;
        gap: 8px;
        align-items: center;
        white-space: nowrap
    }

    .rbt-scroll-text-animation .rbt-catagory-icon {
        display: inline-block;
        height: 14px;
        min-width: 14px;
        border-radius: var(--radius-full);
        border: 2px solid var(--color-white)
    }

.rbt-medea-lg-img-area-sm-wider {
    max-width: 375px;
    margin: 0
}

.rbt-medea-lg-img-area-md-wider {
    margin: 0
}

.rbt-couponSwiper .swiper-slide {
    max-width: 70%
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-couponSwiper .swiper-slide {
        max-width: 80%
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-couponSwiper .swiper-slide {
        max-width: 50%
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-couponSwiper .swiper-slide {
        max-width: 55%
    }
}

@media only screen and (max-width: 575px) {
    .rbt-couponSwiper .swiper-slide {
        max-width: 100%
    }
}

.rbt-swiper-scrollbar-bottom {
    padding-bottom: 24px;
    position: relative
}

    .rbt-swiper-scrollbar-bottom .rbt-swiper-scrollbar {
        position: absolute;
        background: var(--color-gray-200);
        border-radius: 40px;
        height: 6px;
        width: 100%;
        bottom: 0;
        left: 0
    }

        .rbt-swiper-scrollbar-bottom .rbt-swiper-scrollbar .swiper-scrollbar-drag {
            background: var(--color-gray-400);
            border-radius: 40px
        }

.product-single-slider-three-activation {
    max-height: 1860px
}

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .product-single-slider-three-activation.rbt-medea-lg-img-area-sm-wider {
        max-width: unset
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .product-single-slider-three-activation {
        max-height: 1440px
    }
}

.product-single-slider-three-activation .thumbnail {
    height: 100%
}

    .product-single-slider-three-activation .thumbnail .rbt-product-single-img {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .product-single-slider-three-activation .thumbnail .rbt-product-single-img img {
            height: 100%;
            object-fit: cover
        }

.product-single-slider-three-thumb-activation {
    max-width: 70px
}

@media only screen and (max-width: 767px) {
    .product-single-slider-three-thumb-activation {
        max-width: 320px
    }
}

.product-single-slider-two-thumb-activation {
    max-height: 457px
}

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .product-single-slider-two-thumb-activation {
        max-height: auto
    }
}

.product-single-slider-two-thumb-activation.thumb-height-var-one {
    max-height: 530px
}

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .product-single-slider-two-thumb-activation.thumb-height-var-one {
        max-height: auto
    }
}

.product-single-slider-two-thumb-activation.thumb-height-var-two {
    max-height: 360px
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .product-single-slider-two-thumb-activation.thumb-height-var-two {
        max-height: 524px
    }
}

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .product-single-slider-two-thumb-activation.thumb-height-var-two {
        max-height: auto
    }
}

.product-single-slider-two-thumb-activation.thumb-height-var-lg {
    max-height: 530px
}

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .product-single-slider-two-thumb-activation.thumb-height-var-lg {
        max-height: auto
    }
}

.product-single-slider-three-thumb-activation {
    height: 430px
}

@media only screen and (max-width: 767px) {
    .product-single-slider-three-thumb-activation {
        height: auto
    }
}

.product-single-slider-three-thumb-activation.thumb-height-var-one {
    max-height: 330px
}

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .product-single-slider-three-thumb-activation.thumb-height-var-one {
        max-height: auto
    }
}

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .rbt-thumb-slide-part {
        max-width: 100%;
        position: static !important;
        display: flex;
        align-items: center;
        gap: 16px;
        width: 80% !important
    }

        .rbt-thumb-slide-part .swiper {
            max-width: unset;
            margin: 0
        }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-thumb-slide-part {
        max-width: 100%;
        position: static !important
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-medea-lg-img-area.w-82 {
        width: 100% !important
    }
}

@media only screen and (max-width: 767px) {
    .rbt-swiper-arrow.sm_d-none {
        display: none
    }
}

@keyframes rbt-slide-progress-anim {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

.swiper.has-right-bg-shape {
    position: relative
}

    .swiper.has-right-bg-shape::before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        z-index: 0;
        width: 200px;
        background: linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.9) 45.02%,#fff 86.62%);
        z-index: 2;
        max-height: 120px
    }

.swiper.has-right-bg-shape-sm-width::before {
    width: 100px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .product-single-slider-three-thumb-activation {
        height: 100%;
        margin: 0
    }
}

.swiper.rbt-thumb-has-bg-shape-overlay {
    position: relative
}

    .swiper.rbt-thumb-has-bg-shape-overlay::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 50px;
        background: linear-gradient(180deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.9) 45.02%,#fff 86.62%);
        z-index: 2;
        max-height: 120px
    }

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .swiper.rbt-thumb-has-bg-shape-overlay::after {
        width: 50px;
        height: 100%;
        background: linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.9) 45.02%,#fff 86.62%);
        max-height: unset
    }
}

.rbt-swiper-lr-shadow {
    position: relative
}

    .rbt-swiper-lr-shadow::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 10%;
        height: 100%;
        background: linear-gradient(90deg,#f9f9f9 0,rgba(249,249,249,0) 100%);
        z-index: 2
    }

    .rbt-swiper-lr-shadow::before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 10%;
        height: 100%;
        background: linear-gradient(270deg,#f9f9f9 0,rgba(249,249,249,0) 100%);
        z-index: 2
    }

.rbt-megamenu-prd-card-activation-1 .rbt-swiper-pagination-center .rbt-swiper-pagination {
    bottom: 8px;
    line-height: normal
}

.rbt-component-section-title {
    margin-bottom: 40px;
    padding-bottom: 22px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    border-bottom: 2px solid var(--color-gray-100);
    direction: rtl;
}

@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: right;
    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: 0px;
        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: 0px
    }

@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: #012b1d;
            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: #012b1d
    }

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

.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/aVFuGKOOCoWl.webp);
        -webkit-mask-image: url(../images/aVFuGKOOCoWl.webp);
        background-image: url(../images/aVFuGKOOCoWl.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/mOpVbaAhZ6qF.webp);
    mask-image: url(../images/mOpVbaAhZ6qF.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/iZLOtgQzsQqn.webp);
    mask-image: url(../images/iZLOtgQzsQqn.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/yU2S2Q62pFSd.webp);
    mask-image: url(../images/yU2S2Q62pFSd.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/iZLOtgQzsQqn.webp);
    mask-image: url(../images/iZLOtgQzsQqn.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/W1hSmIUN5yii.webp);
    mask-image: url(../images/W1hSmIUN5yii.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/WhgLAhzJeC4Y.svg);
    mask-image: url(../images/WhgLAhzJeC4Y.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/wKUYDuvkFz2u.webp)
}

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .rbt-counterdown-section.rbt-counterdown-section-style-one {
        min-height: 65vh
    }
}

.rbt-counterdown-section.rbt-counterdown-section-style-one .rbt-subtitle {
    font-size: 18px;
    line-height: 1.45;
    color: var(--color-gray-500)
}

.rbt-counterdown-section.rbt-counterdown-section-style-one .rbt-title {
    margin-top: 8px;
    margin-bottom: 0;
    font-weight: 400
}

.rbt-counterdown-section.rbt-counterdown-section-style-one .rbt-btn {
    margin-top: 32px
}

@media only screen and (max-width: 767px) {
    .rbt-counterdown-section.rbt-counterdown-section-style-one .rbt-btn {
        margin-top: 16px
    }
}

.rbt-counterdown-section.rbt-counterdown-section-style-one .rbt-countdown-section {
    margin-top: 32px
}

@media only screen and (max-width: 767px) {
    .rbt-counterdown-section.rbt-counterdown-section-style-one .rbt-countdown-section {
        margin-top: 16px
    }
}

.rbt-counterdown-section.rbt-counterdown-bg-two {
    background-image: url(../images/Ctu8jiXqyFfO.webp)
}

.rbt-counterdown-section.rbt-counterdown-bg-three {
    background-image: url(../images/j4H80UT98nZC.webp)
}

.rbt-counterdown-section.rbt-count-down-bg-cake-01 {
    background-image: url(../images/RpN6r3l6ZUyh.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/11uV32onsddm.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: 0px 0px 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/IZl3Cnx1cLwj.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: #012b1d;
    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: #012b1d
}

    .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/Qj6unxiWshVu.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/IZl3Cnx1cLwj.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: right
}

@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/IZl3Cnx1cLwj.svg)
        }

.rbt-product-card .rbt-card-body .rbt-card-footer.footer-content-btn .rbt-btn {
    flex-basis: 85%;
    text-align: center
}

.rbt-product-card .rbt-card-body .right-part {
    text-align: end;
    display: flex;
    flex-direction: column;
    align-items: end
}

.rbt-product-card .rbt-card-body.has-two-align {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .rbt-product-card .rbt-card-body.has-two-align {
        flex-wrap: wrap
    }
}

.rbt-product-card .rbt-card-body.rbt-card-body-center-align {
    text-align: center;
    justify-content: center
}

    .rbt-product-card .rbt-card-body.rbt-card-body-center-align .pricing-part, .rbt-product-card .rbt-card-body.rbt-card-body-center-align .rbt-card-rating, .rbt-product-card .rbt-card-body.rbt-card-body-center-align .rbt-card-subtitle {
        justify-content: center
    }

.rbt-product-card .rating-digit {
    margin-bottom: 0
}

.rbt-product-card .rbt-card-rating {
    gap: 8px
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-card-rating {
        gap: 4px
    }
}

.rbt-product-card .rbt-card-rating .rbt-text-group {
    font-size: var(--font-size-b4);
    height: 24px;
    line-height: 24px
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-card-rating .rbt-text-group {
        height: 16px;
        line-height: 16px
    }
}

.rbt-product-card .rbt-card-rating .icon {
    color: var(--color-heading)
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-card-rating .icon {
        font-size: var(--font-size-b4);
        line-height: 1
    }
}

.rbt-product-card .rbt-countdown-one {
    margin-top: 16px
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-countdown-one {
        margin-top: 8px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-countdown-one .countdown {
        gap: 4px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .rbt-countdown-one .countdown .countdown-container {
        padding: 4px 8px;
        width: 32px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-card .rbt-countdown-one .countdown .countdown-container .countdown-value {
        font-size: 12px
    }
}

.rbt-product-card .rbt-prd-qty-area {
    margin-top: 12px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card .rbt-prd-qty-area {
        margin-top: 8px
    }
}

.rbt-product-card .prd-details-area {
    position: absolute;
    width: 100%;
    top: calc(100% - 16px);
    left: 0;
    height: auto;
    opacity: 0;
    visibility: hidden;
    padding: 16px;
    padding-top: 16px;
    clip: rect(0,200vw,0,0);
    transform: translateZ(0);
    background: var(--color-white);
    border-radius: 0 0 10px 10px;
    border: 2px solid var(--color-gray-200);
    border-top: 0;
    z-index: 7;
    box-shadow: var(--shadow-product-item);
    transition: all .4s cubic-bezier(0,0,.34,.54)
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .prd-details-area {
        padding: 4px;
        padding-top: 8px;
        top: calc(100% - 8px)
    }
}

.rbt-product-card .prd-details-area .wrapper {
    padding-top: 16px;
    border-top: 1px solid var(--color-border);
    padding-bottom: 16px
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .prd-details-area .wrapper {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.rbt-product-card .prd-details-area .product-details-list {
    margin: 0;
    padding: 0;
    padding-left: 26px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .prd-details-area .product-details-list {
        padding-left: 8px;
        gap: 4px
    }
}

.rbt-product-card .prd-details-area .product-details-list li {
    margin: 0;
    position: relative;
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    color: var(--color-gray-500)
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .prd-details-area .product-details-list li {
        font-size: var(--font-size-b4);
        line-height: 1
    }
}

.rbt-product-card .prd-details-area .product-details-list li::before {
    content: "";
    position: absolute;
    left: -15px;
    top: 8px;
    height: 4px;
    width: 4px;
    background: var(--color-heading);
    border-radius: var(--radius-full)
}

@media only screen and (max-width: 479px) {
    .rbt-product-card .prd-details-area .product-details-list li::before {
        left: -8px;
        top: 7px;
        height: 3px;
        width: 3px
    }
}

.rbt-product-card .prd-details-area .product-details-list li .rbt-bold--text {
    color: var(--color-heading)
}

.rbt-product-card .prd-details-area .product-details-list li .text {
    color: var(--color-gray-400)
}

.rbt-product-card .prd-details-area .product-details-list li .shipment-quick-link {
    font-size: var(--font-size-b3);
    list-style: var(--line-height-b3);
    color: var(--color-primary)
}

.rbt-product-card .prd-details-area .product-details-list.shipment-details-list {
    margin-top: 12px;
    padding: 0
}

    .rbt-product-card .prd-details-area .product-details-list.shipment-details-list li {
        display: flex
    }

        .rbt-product-card .prd-details-area .product-details-list.shipment-details-list li::before {
            display: none
        }

        .rbt-product-card .prd-details-area .product-details-list.shipment-details-list li .icon {
            margin: 0 8px
        }

@media only screen and (max-width: 767px) {
    .rbt-product-card .rbt-show-more-btn-area::before {
        height: 60px !important
    }
}

.rbt-product-card .product-hover-slider-list {
    display: flex;
    margin: 0;
    padding: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    list-style: none;
    top: 0;
    left: 0;
    gap: 5px;
    overflow: hidden
}

    .rbt-product-card .product-hover-slider-list li {
        flex-basis: 25%;
        margin: 0;
        margin: 0
    }

        .rbt-product-card .product-hover-slider-list li a {
            display: block;
            height: 100%;
            border-bottom: 4px solid var(--color-gray-200)
        }

            .rbt-product-card .product-hover-slider-list li a.active, .rbt-product-card .product-hover-slider-list li a:active, .rbt-product-card .product-hover-slider-list li a:focus, .rbt-product-card .product-hover-slider-list li a:hover {
                border-color: var(--color-primary)
            }

.rbt-product-card .rbt-btn:hover {
    box-shadow: none
}

.rbt-product-card .rbt-countdown-wrap {
    transition: opacity .4s ease,transform .6s cubic-bezier(0,0,.34,.54)
}

.rbt-product-card.has-hover-box-shadow .inner {
    transition: all .6s cubic-bezier(0,0,.34,.54)
}

.rbt-product-card.has-hover-box-shadow:hover .inner {
    z-index: 5;
    position: relative;
    border-color: transparent;
    box-shadow: 0 10px 60px 0 rgba(0,0,0,.14)
}

.rbt-product-card:hover .prd-details-area {
    height: auto;
    opacity: 1;
    visibility: visible;
    clip: rect(0,100vw,200vh,-30px);
    border-color: transparent
}

.rbt-product-card:hover .rbt-card-img img {
    transform: scale(1.04);
    /*border-radius: 16px*/
}

.rbt-product-card:hover .rbt-countdown-wrap {
    transform: translateX(-50%) translateY(50%);
    opacity: 0
}

.rbt-product-card.rbt-list-view-variation {
    height: 100%
}

    .rbt-product-card.rbt-list-view-variation .inner {
        display: flex;
        height: 100%;
        gap: 12px;
        border: 0;
        padding: 0;
        align-items: center;
        background: 0 0
    }

@media only screen and (max-width: 479px) {
    .rbt-product-card.rbt-list-view-variation .inner {
        flex-wrap: wrap;
        flex-direction: column-reverse
    }
}

.rbt-product-card.rbt-list-view-variation .rbt-card-body {
    padding: 0
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-list-view-variation .rbt-card-body {
        padding: 0 !important
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .inner {
        flex-wrap: nowrap;
        flex-direction: row
    }
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm + .rbt-list-view-sm {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--color-border)
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .rbt-card-title {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    margin: 0;
    margin-top: 4px
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .rbt-rating-icon-list li i {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .pricing-part {
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3);
    margin-top: 4px
}

    .rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .pricing-part del {
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4)
    }

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .rbt-card-img {
    border-radius: 8px;
    flex-basis: 51%;
    width: 100%
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .rbt-card-body {
    flex-basis: 49%;
    width: 100%
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm .rbt-card-rating {
    margin-top: 0
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-sm.rbt-prd-sing-add-card {
    justify-content: space-between
}

    .rbt-product-card.rbt-list-view-variation.rbt-list-view-sm.rbt-prd-sing-add-card .rbt-card-img {
        flex-basis: 25%
    }

    .rbt-product-card.rbt-list-view-variation.rbt-list-view-sm.rbt-prd-sing-add-card .rbt-card-body {
        flex-basis: 75%
    }

        .rbt-product-card.rbt-list-view-variation.rbt-list-view-sm.rbt-prd-sing-add-card .rbt-card-body.rbt-card-body-sm-wider {
            flex-basis: 66%
        }

    .rbt-product-card.rbt-list-view-variation.rbt-list-view-sm.rbt-prd-sing-add-card .rbt-card-title {
        font-size: var(--font-size-b3);
        line-height: var(--line-height-b3)
    }

    .rbt-product-card.rbt-list-view-variation.rbt-list-view-sm.rbt-prd-sing-add-card .rbt-card-subtitle {
        color: var(--color-green)
    }

    .rbt-product-card.rbt-list-view-variation.rbt-list-view-sm.rbt-prd-sing-add-card .pricing-part {
        font-size: 18px;
        line-height: 1
    }

@media only screen and (max-width: 479px) {
    .rbt-product-card.rbt-list-view-variation.list-view-md .inner {
        flex-wrap: nowrap;
        flex-direction: row
    }
}

.rbt-product-card.rbt-list-view-variation.list-view-md + .list-view-md {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 2px solid var(--color-border)
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-list-view-variation.list-view-md + .list-view-md {
        margin-top: 12px;
        padding-top: 12px
    }
}

.rbt-product-card.rbt-list-view-variation.list-view-md .rbt-card-title {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    margin-top: 8px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-list-view-variation.list-view-md .rbt-card-title {
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4)
    }
}

.rbt-product-card.rbt-list-view-variation.list-view-md .rbt-rating-icon-list li i {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-list-view-variation.list-view-md .rbt-rating-icon-list li i {
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4)
    }
}

.rbt-product-card.rbt-list-view-variation.list-view-md .rbt-card-img {
    border-radius: 10px !important;
    flex-basis: 46%;
    width: 100%
}

    .rbt-product-card.rbt-list-view-variation.list-view-md .rbt-card-img a img {
        max-height: 164px
    }

.rbt-product-card.rbt-list-view-variation.list-view-md .rbt-card-body {
    flex-basis: 54%;
    width: 100%;
    padding: 0
}

.rbt-product-card.rbt-list-view-variation.list-view-md .rbt-rating-icon-list {
    gap: 4px
}

.rbt-product-card.rbt-list-view-variation.list-view-md .rbt-card-rating {
    margin-top: 0;
    gap: 4px
}

.rbt-product-card.rbt-list-view-variation.list-view-md .pricing-part {
    margin-top: 10px
}

.rbt-product-card.rbt-list-view-variation.list-view-md.list-view-md-var-one + .list-view-md-var-one {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 2px solid var(--color-border)
}

.rbt-product-card.rbt-list-view-variation.list-view-md.list-view-md-var-one .rbt-card-img {
    border-radius: var(--radius);
    flex-basis: 54%
}

.rbt-product-card.rbt-list-view-variation.list-view-md.list-view-md-var-one .rbt-card-body {
    flex-basis: 46%
}

.rbt-product-card.rbt-list-view-variation.list-view-md.list-view-md-var-one .pricing-part, .rbt-product-card.rbt-list-view-variation.list-view-md.list-view-md-var-one .rbt-card-title {
    margin-top: 4px
}

.rbt-product-card.rbt-list-view-variation.list-view-md.list-view-md-var-one .rbt-card-title {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4);
    font-weight: 500
}

.rbt-product-card.rbt-list-view-variation.list-view-md.list-view-md-var-one .rbt-rating-icon-list li i {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .inner {
    gap: 50px;
    padding: 16px;
    border: 2px solid var(--color-gray-200);
    justify-content: space-between;
    border-radius: 16px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .inner {
        flex-wrap: wrap;
        flex-direction: column-reverse
    }
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .inner {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        gap: 16px !important;
        padding: 8px
    }
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-discount-badge {
    height: 70px;
    width: 79px
}

    .rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-discount-badge.right--corner-style {
        top: -32px;
        right: -36px
    }

    .rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-discount-badge span {
        color: var(--color-white);
        font-size: var(--font-size-b2);
        line-height: var(--line-height-b2)
    }

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-img {
    width: 100%;
    border-radius: 12px;
    height: 100%
}

@media only screen and (max-width: 1199px) {
    .rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-img {
        height: auto
    }
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-img a {
    height: 100%
}

    .rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-img a img {
        min-height: 330px
    }

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-body {
    width: 100%;
    padding: 8px 0;
    padding-left: 16px
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-prd-qty-area {
    margin-top: 12px
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-subtitle {
    margin-top: 12px
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-title {
    font-size: var(--h5);
    line-height: 1.5
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-card-title {
        font-size: var(--font-size-b1)
    }
}

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-countdown-one {
    position: absolute;
    bottom: 16px;
    transform: translateX(-50%);
    left: 50%
}

    .rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-countdown-one .countdown-container {
        background: var(--color-black)
    }

    .rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-countdown-one .countdown-heading, .rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-countdown-one .countdown-value {
        color: var(--color-white)
    }

    .rbt-product-card.rbt-list-view-variation.rbt-list-view-lg .rbt-countdown-one .countdown-value {
        line-height: 1
    }

.rbt-product-card.rbt-list-view-variation.rbt-list-view-lg:hover .inner {
    border-color: var(--color-primary)
}

.rbt-product-card.rbt-product-card-style-2 {
    --footer-h-sm: 54px;
    overflow: hidden;
    border-radius: 12px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-2 {
        border-radius: 8px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-card.rbt-product-card-style-2 {
        --footer-h-sm: 46px
    }
}

.rbt-product-card.rbt-product-card-style-2 .rbt-card-title {
    margin-top: 4px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-2 .rbt-card-title {
        margin-top: 4px
    }
}

.rbt-product-card.rbt-product-card-style-2 .rbt-card-img {
    border-radius: 16px !important
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-2 .rbt-card-img {
        border-radius: 8px !important
    }
}

.rbt-product-card.rbt-product-card-style-2 .rbt-card-img img {
    transform: scale(1.04)
}

.rbt-product-card.rbt-product-card-style-2 .rbt-card-img.top-rounded-md {
    border-radius: 12px 12px 0 0 !important
}

.rbt-product-card.rbt-product-card-style-2 .rbt-card-img.bg-gray {
    background: rgba(193,193,193,.1) !important
}

.rbt-product-card.rbt-product-card-style-2 .product-hover-slider-list {
    transition: var(--transition)
}

.rbt-product-card.rbt-product-card-style-2 .rbt-card-body {
    margin-bottom: calc(-1 * var(--footer-h-sm));
    transition: var(--transition);
    background: var(--color-white);
    padding: 16px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-2 .rbt-card-body {
        padding: 12px 8px
    }
}

.rbt-product-card.rbt-product-card-style-2 .rbt-card-body:first-child {
    margin-top: 0 !important
}

.rbt-product-card.rbt-product-card-style-2 .rbt-card-body.no-footer-body {
    margin-bottom: 0
}

.rbt-product-card.rbt-product-card-style-2 .rbt-card-body.has-rbt-top-right-corner-portion {
    position: relative
}

    .rbt-product-card.rbt-product-card-style-2 .rbt-card-body.has-rbt-top-right-corner-portion .rbt-right-corner-portion {
        bottom: 99%;
        transition: .5s
    }

.rbt-product-card.rbt-product-card-style-2 .rbt-card-body.rbt-card-body-top-botttom-space {
    padding: 16px 0
}

.rbt-product-card.rbt-product-card-style-2.transform-variation-one .rbt-card-body {
    margin-bottom: -104px;
    padding: 16px;
    padding-top: 28px;
    background-color: var(--color-white)
}

@media only screen and (max-width: 575px) {
    .rbt-product-card.rbt-product-card-style-2.transform-variation-one .rbt-card-body {
        margin-bottom: -80px;
        padding-top: 12px;
        padding: 12px
    }
}

.rbt-product-card.rbt-product-card-style-2.transform-variation-one:hover .rbt-card-body {
    transform: translateY(-104px)
}

@media only screen and (max-width: 575px) {
    .rbt-product-card.rbt-product-card-style-2.transform-variation-one:hover .rbt-card-body {
        transform: translateY(-80px)
    }
}

.rbt-product-card.rbt-product-card-style-2.transform-variation-two {
    overflow: unset;
    --footer-h-sm: 96px
}

    .rbt-product-card.rbt-product-card-style-2.transform-variation-two .rbt-card-body {
        padding: 16px
    }

    .rbt-product-card.rbt-product-card-style-2.transform-variation-two .rbt-card-img img {
        transform: scale(1)
    }

    .rbt-product-card.rbt-product-card-style-2.transform-variation-two .card-inner {
        overflow: hidden;
        border-radius: 12px
    }

    .rbt-product-card.rbt-product-card-style-2.transform-variation-two .background-expand {
        display: block;
        position: absolute;
        height: 100%;
        width: 100%;
        background-color: var(--color-white);
        border-radius: 12px;
        transition: transform .4s cubic-bezier(.2,.75,.5,1);
        pointer-events: none;
        z-index: -1
    }

        .rbt-product-card.rbt-product-card-style-2.transform-variation-two .background-expand::before {
            content: "";
            position: absolute;
            z-index: -2;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            transform-origin: center;
            background-color: transparent;
            background-color: transparent;
            opacity: 0;
            border-radius: 12px;
            box-shadow: var(--shadow-1);
            transition: opacity .4s cubic-bezier(.2,.75,.5,1)
        }

    .rbt-product-card.rbt-product-card-style-2.transform-variation-two:hover .background-expand {
        transform: scale(1.04,1.04) translateY(0) translateZ(0)
    }

        .rbt-product-card.rbt-product-card-style-2.transform-variation-two:hover .background-expand::before {
            opacity: 1;
            pointer-events: all
        }

    .rbt-product-card.rbt-product-card-style-2.transform-variation-two:hover .rbt-card-img img {
        transform: scale(.96)
    }

.rbt-product-card.rbt-product-card-style-2:hover .rbt-card-img img {
    transform: scale(1)
}

.rbt-product-card.rbt-product-card-style-2:hover .product-hover-slider-list {
    height: calc(100% - (var(--footer-h-sm)))
}

.rbt-product-card.rbt-product-card-style-2:hover .rbt-card-body {
    transform: translateY(calc(-1 * var(--footer-h-sm)))
}

    .rbt-product-card.rbt-product-card-style-2:hover .rbt-card-body.no-footer-body {
        transform: none
    }

.rbt-product-card.rbt-product-card-style-2.wider-variation {
    transition: var(--transition);
    border-radius: 12px;
    padding: 16px;
    background: var(--color-white)
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-2.wider-variation {
        padding: 12px
    }
}

.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-card-body {
    background: var(--color-white) !important;
    padding: 16px 4px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-card-body {
        padding: 12px 4px
    }
}

.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-card-top-content.has-two-align {
    flex-wrap: nowrap;
    flex-direction: row
}

.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-card-img {
    border-radius: 8px !important
}

.rbt-product-card.rbt-product-card-style-2.wider-variation img {
    max-height: 375px;
    transition: var(--transition)
}

    .rbt-product-card.rbt-product-card-style-2.wider-variation img.sm--size {
        opacity: 0;
        visibility: hidden
    }

.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-right-corner-portion {
    opacity: 1;
    visibility: visible;
    right: 0
}

.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-color-select-area {
    justify-content: flex-end;
    gap: 8px 12px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-color-select-area {
        flex-wrap: wrap
    }
}

.rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-corner-portion-wrapper {
    background: var(--color-white) !important
}

    .rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-corner-portion-wrapper::after, .rbt-product-card.rbt-product-card-style-2.wider-variation .rbt-corner-portion-wrapper::before {
        box-shadow: 15px 15px 0 0 var(--color-white) !important
    }

.rbt-product-card.rbt-product-card-style-2.wider-variation.active .rbt-card-img img, .rbt-product-card.rbt-product-card-style-2.wider-variation:hover .rbt-card-img img {
    border-radius: 8px !important;
    transform: scale(1)
}

.rbt-product-card.rbt-product-card-style-2.transform-variation-two {
    --footer-h-sm: 96px
}

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-2.transform-variation-two {
        --footer-h-sm: 100px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-product-card.rbt-product-card-style-2.transform-variation-two {
        --footer-h-sm: 88px
    }
}

.rbt-product-card.rbt-product-card-style-3 {
    position: relative
}

    .rbt-product-card.rbt-product-card-style-3 .rbt-card-body {
        position: absolute;
        width: calc(100% - 32px);
        left: 16px;
        bottom: 16px;
        border-radius: 16px;
        border: 2px solid rgba(255,255,255,.8);
        background: linear-gradient(168deg,rgba(255,255,255,.9) 0,rgba(255,255,255,.5) 100%);
        backdrop-filter: blur(50px);
        padding: 24px;
        padding-bottom: 28px
    }

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-3 .rbt-card-body {
        padding: 8px;
        padding-bottom: 12px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-product-card.rbt-product-card-style-3 .rbt-card-body {
        padding: 8px;
        padding-bottom: 12px
    }
}

.rbt-product-card.rbt-product-card-style-3.variation-two {
    border-radius: 8px
}

    .rbt-product-card.rbt-product-card-style-3.variation-two .rbt-card-body {
        width: fit-content;
        left: 50%;
        transform: translate(-50%,50%);
        padding: 40px 80px;
        border-radius: 8px
    }

@media only screen and (max-width: 767px) {
    .rbt-product-card.rbt-product-card-style-3.variation-two .rbt-card-body {
        padding: 16px;
        padding-bottom: 24px
    }
}

.rbt-product-card.rbt-product-card-style-3.variation-two .rbt-card-title-2 {
    white-space: nowrap
}

.rbt-product-card.rbt-stock-out-product-card .rbt-card-img img, .rbt-product-card.rbt-stock-out-product-card .rbt-card-img video {
    filter: grayscale(1);
    opacity: .9
}

.card-grp-area {
    display: flex;
    gap: 48px;
    justify-content: center
}

.rbt-list-card-box {
    padding: 24px;
    background: 0 0;
    border-radius: 16px;
    border: 2px solid var(--color-brand-100);
    transition: var(--transition);
    direction: rtl;
    /* text-align: right; */
}

@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: 0px 0px 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/11uV32onsddm.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/emJUsbcpCpcZ.svg)
        }

    .rbt-product-nav-section.rbt-product-nav-var-primary li .rbt-product-nav.active, .rbt-product-nav-section.rbt-product-nav-var-primary li .rbt-product-nav:hover {
        background: var(--color-primary);
        color: var(--color-white)
    }

    .rbt-product-nav-section.rbt-product-nav-var-primary .rbt-bg-highlight {
        background: var(--color-primary)
    }

    .rbt-product-nav-section.rbt-product-nav-var-brand .rbt-product-nav-grp {
        background: var(--color-white);
        border: 1px solid var(--color-gray-200)
    }

        .rbt-product-nav-section.rbt-product-nav-var-brand .rbt-product-nav-grp + .rbt-product-nav-grp::before {
            background-image: url(../images/emJUsbcpCpcZ.svg)
        }

    .rbt-product-nav-section.rbt-product-nav-var-brand .rbt-bg-highlight {
        background: var(--color-brand-200)
    }

.rbt-product-nav-grp {
    padding: 6px 8px;
    display: flex;
    gap: 12px;
    background: var(--color-extra-three);
    border-radius: 40px
}

    .rbt-product-nav-grp li {
        margin: 0
    }

        .rbt-product-nav-grp li .rbt-product-nav {
            padding: 4px 12px;
            background: 0 0;
            color: var(--color-gray-400);
            font-size: var(--font-size-b3);
            line-height: var(--line-height-b3);
            line-height: 1.6;
            font-weight: var(--f-medium);
            border-radius: 20px;
            transition: var(--transition);
            display: block;
            position: relative;
            z-index: 1;
            text-align: center;
            white-space: nowrap
        }

@media only screen and (max-width: 479px) {
    .rbt-product-nav-grp li .rbt-product-nav {
        padding: 4px 6px;
        font-size: 12px;
        line-height: var(--line-height-b4)
    }
}

.rbt-product-nav-grp li .rbt-product-nav.active, .rbt-product-nav-grp li .rbt-product-nav:hover {
    background: var(--color-white);
    color: var(--color-heading)
}

.rbt-nav-effect-activation {
    position: relative;
    overflow: hidden
}

    .rbt-nav-effect-activation .transp-link {
        position: relative;
        z-index: 3
    }

    .rbt-nav-effect-activation .rbt-bg-highlight {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background-color: var(--color-white);
        border-radius: 8px;
        transition: all .3s;
        z-index: 0;
        border-radius: 40px
    }

@media only screen and (max-width: 1199px) {
    .rbt-nav-effect-activation .rbt-product-nav-grp {
        overflow-x: scroll
    }
}

.rbt-nav-effect-activation .rbt-product-nav-grp::-webkit-scrollbar {
    display: none
}

.rbt-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav.active, .rbt-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav:hover {
    background: 0 0
}

.rbt-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav:hover {
    color: var(--color-heading)
}

.rbt-nav-effect-activation .rbt-product-nav-grp li .rbt-product-nav.active:hover {
    color: var(--color-heading)
}

.rbt-nav-effect-activation.rbt-product-nav-var-primary .rbt-product-nav-grp li .rbt-product-nav.active {
    color: var(--color-white)
}

    .rbt-nav-effect-activation.rbt-product-nav-var-primary .rbt-product-nav-grp li .rbt-product-nav.active:hover {
        color: var(--color-white)
    }

.rbt-nav-effect-activation.rbt-product-nav-var-primary .rbt-product-nav-grp li .rbt-product-nav:hover {
    color: var(--color-primary)
}

.rbt-nav-effect-activation.rbt-product-nav-var-primary .rbt-bg-highlight {
    background: var(--color-primary)
}

.rbt-nav-effect-activation.rbt-product-nav-var-black .rbt-product-nav-grp li .rbt-product-nav.active {
    color: var(--color-white)
}

    .rbt-nav-effect-activation.rbt-product-nav-var-black .rbt-product-nav-grp li .rbt-product-nav.active:hover {
        color: var(--color-white)
    }

.rbt-nav-effect-activation.rbt-product-nav-var-black .rbt-bg-highlight {
    background: var(--color-black)
}

.rbt-product-card .rbt-card-body .rbt-scroll-animation {
    width: 1000px
}

.rbt-product-card .rbt-card-body .rbt-scroll-animation-wrapper {
    padding: 6px;
    overflow: hidden;
    margin: 0 -16px;
    position: absolute;
    top: -28px;
    background: var(--color-brand-400)
}

@media only screen and (max-width: 767px) {
    .rbt-product-card .rbt-card-body .rbt-scroll-animation-wrapper {
        top: -26px
    }
}

.rbt-product-card .rbt-card-body .rbt-scroll-animation-wrapper .rbt-category-list {
    gap: 12px
}

    .rbt-product-card .rbt-card-body .rbt-scroll-animation-wrapper .rbt-category-list a {
        font-size: 12px;
        line-height: 1.2;
        align-items: baseline
    }

.rbt-product-card .rbt-card-body .rbt-scroll-animation-wrapper .rbt-catagory-icon img {
    max-width: 12px;
    height: auto
}

.rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner {
    position: absolute;
    top: -29px;
    --box-size: 30px;
    width: 100%;
    left: 0;
    z-index: 2
}

    .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before, .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner:after {
        content: "";
        position: absolute;
        height: var(--box-size);
        width: var(--box-size);
        background: 0 0;
        border-radius: var(--radius-full);
        box-shadow: -12px 12px 0 0 var(--color-white)
    }

    .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before {
        top: 0;
        left: 0
    }

    .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::after {
        top: 0;
        right: 0;
        box-shadow: 12px 12px 0 0 var(--color-white)
    }

.rbt-component-area .rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before, .rbt-component-area .rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner:after, .rbt-component-area.rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before, .rbt-component-area.rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner:after {
    box-shadow: -12px 12px 0 0 var(--color-gray-light)
}

.rbt-component-area .rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before, .rbt-component-area.rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before {
    top: 0;
    left: 0
}

.rbt-component-area .rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::after, .rbt-component-area.rbt-bg-color-gray-light .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::after {
    top: 0;
    right: 0;
    box-shadow: 12px 12px 0 0 var(--color-gray-light)
}

.rbt-component-area .rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before, .rbt-component-area .rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner:after, .rbt-component-area.rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before, .rbt-component-area.rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner:after {
    box-shadow: -12px 12px 0 0 var(--color-white)
}

.rbt-component-area .rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before, .rbt-component-area.rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::before {
    top: 0;
    left: 0
}

.rbt-component-area .rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::after, .rbt-component-area.rbt-bg-color-gray-light .rbt-bg-color-white .rbt-product-card .rbt-card-body .rbt-curved-radius-bottom-corner::after {
    top: 0;
    right: 0;
    box-shadow: 12px 12px 0 0 var(--color-white)
}

.rbt-wishlisted-btn.active i {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-wishlisted-btn.added-wishlist {
    background: var(--color-primary);
    color: var(--color-white)
}

    .rbt-wishlisted-btn.added-wishlist::after, .rbt-wishlisted-btn.added-wishlist:hover {
        background: var(--color-primary);
        color: var(--color-white)
    }

    .rbt-wishlisted-btn.added-wishlist i::before {
        content: "\f00c"
    }

.rbt-wishlisted-btn.bg-light-one.active i {
    background: var(--color-black);
    color: var(--color-white)
}

.rbt-wishlisted-btn.bg-light-one.added-wishlist {
    background: var(--color-black);
    color: var(--color-white)
}

    .rbt-wishlisted-btn.bg-light-one.added-wishlist::after, .rbt-wishlisted-btn.bg-light-one.added-wishlist:hover {
        background: var(--color-black);
        color: var(--color-white)
    }

.rbt-compare-btn.active i {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-compare-btn.added-compare {
    background: var(--color-green);
    color: var(--color-white)
}

    .rbt-compare-btn.added-compare::after, .rbt-compare-btn.added-compare:hover {
        background: var(--color-green);
        color: var(--color-white)
    }

    .rbt-compare-btn.added-compare i::before {
        content: "\f00c"
    }

.rbt-compare-btn.bg-light-one.active i {
    background: var(--color-black);
    color: var(--color-white)
}

.rbt-compare-btn.bg-light-one.added-wishlist {
    background: var(--color-black);
    color: var(--color-white)
}

    .rbt-compare-btn.bg-light-one.added-wishlist::after, .rbt-compare-btn.bg-light-one.added-wishlist:hover {
        background: var(--color-black);
        color: var(--color-white)
    }

.rbt-content-top-left {
    position: absolute;
    top: 16px;
    left: 16px
}

@media only screen and (max-width: 479px) {
    .rbt-content-top-left {
        top: 8px;
        left: 8px
    }
}

.rbt-content-top-left + .rbt-content-top-left {
    margin-top: 32px
}

@media only screen and (max-width: 479px) {
    .rbt-content-top-left + .rbt-content-top-left {
        margin-top: 18px
    }
}

.rbt-content-top-right {
    position: absolute;
    top: 16px;
    right: 16px
}

@media only screen and (max-width: 479px) {
    .rbt-content-top-right {
        top: 8px;
        right: 8px
    }
}

.rbt-content-top-right + .rbt-content-top-right {
    margin-top: 32px
}

@media only screen and (max-width: 479px) {
    .rbt-content-top-right + .rbt-content-top-right {
        margin-top: 18px
    }
}

.rbt-content-bottom-left {
    position: absolute;
    bottom: 16px;
    left: 16px
}

@media only screen and (max-width: 479px) {
    .rbt-content-bottom-left {
        bottom: 8px;
        left: 8px
    }
}

.rbt-content-bottom-left + .rbt-content-bottom-left {
    margin-bottom: 32px
}

@media only screen and (max-width: 479px) {
    .rbt-content-bottom-left + .rbt-content-bottom-left {
        margin-bottom: 18px
    }
}

.rbt-content-bottom-right {
    position: absolute;
    bottom: 16px;
    right: 16px
}

@media only screen and (max-width: 479px) {
    .rbt-content-bottom-right {
        bottom: 8px;
        right: 8px
    }
}

.rbt-content-bottom-right + .rbt-content-bottom-right {
    margin-bottom: 32px
}

@media only screen and (max-width: 479px) {
    .rbt-content-bottom-right + .rbt-content-bottom-right {
        margin-bottom: 18px
    }
}

.rbt-content-bottom-center {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%)
}

.tooltip {
    position: relative;
    display: inline-block;
    opacity: 0;
    transition: opacity .15s linear;
    z-index: 9999;
    padding: 0 !important
}

    .tooltip.show {
        opacity: 1
    }

.tooltip-inner {
    color: var(--color-white);
    background: var(--color-black-opacity);
    padding: 6px 12px;
    border-radius: var(--radius);
    font-size: var(--font-size-b4);
    line-height: 1.4;
    text-align: center;
    max-width: 150px;
    transition: var(--transiton)
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0
}

    .tooltip-arrow::before {
        display: none
    }

.tooltip.top .tooltip-inner {
    margin-top: 10px
}

.tooltip.top .tooltip-arrow {
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-color: var(--color-black) transparent transparent transparent;
    display: none
}

.tooltip.right .tooltip-inner {
    margin-left: 10px
}

.tooltip.right .tooltip-arrow {
    left: 100%;
    top: 50%;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent var(--color-black)
}

.tooltip.bottom .tooltip-inner {
    margin-top: 10px
}

.tooltip.bottom .tooltip-arrow {
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-color: transparent transparent var(--color-black) transparent
}

.tooltip.left .tooltip-inner {
    margin-right: 10px
}

.tooltip.left .tooltip-arrow {
    right: 100%;
    top: 50%;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-color: transparent var(--color-black) transparent transparent
}

.tooltip[data-tooltip-type=primary] .tooltip-inner {
    background-color: var(--color-primary)
}

.tooltip[data-tooltip-type=secondary] .tooltip-inner {
    background-color: var(--color-secondary)
}

.tooltip[data-tooltip-type=black] .tooltip-inner {
    background-color: var(--color-black)
}

.tooltip[data-tooltip-type=success] .tooltip-inner {
    background-color: #27ae60
}

.tooltip[data-tooltip-type=warning] .tooltip-inner {
    background-color: #f39c12
}

.tooltip[data-tooltip-type=danger] .tooltip-inner {
    background-color: #c0392b
}

.tooltip-distance-lg .tooltip-inner {
    padding: 8px 16px;
    font-size: 14px;
    line-height: 1.4
}

.tooltip-distance-lg.bs-tooltip-top .tooltip-inner {
    margin-bottom: 12px
}

.tooltip-distance-lg.bs-tooltip-bottom .tooltip-inner {
    margin-top: 12px
}

.popover {
    border: 1px solid var(--color-gray-200);
    border-radius: var(--radius-10);
    padding: 4px 0
}

    .popover.bs-popover-start > .popover-arrow::before {
        border-left-color: var(--color-gray-200)
    }

    .popover.bs-popover-top > .popover-arrow::before {
        border-top-color: var(--color-gray-200)
    }

    .popover.bs-popover-end > .popover-arrow::before {
        border-right-color: var(--color-gray-200)
    }

    .popover.bs-popover-bottom > .popover-arrow::before {
        border-bottom-color: var(--color-gray-200)
    }

    .popover .popover-header {
        font-size: var(--font-size-b1);
        border: none;
        background: 0 0;
        font-weight: var(--f-medium);
        padding-bottom: 4px
    }

    .popover .popover-body {
        font-size: var(--font-size-b2);
        color: var(--color-body);
        padding: 4px 12px 8px
    }

.rbt-toaster {
    background: var(--color-green);
    color: var(--color-white);
    padding: 4px 16px;
    border-radius: var(--radius);
    pointer-events: none;
    position: fixed;
    left: 20px;
    bottom: 20px;
    transform: translateY(100px);
    z-index: 99999;
    transition: transform ease .4s
}

    .rbt-toaster.is-visible {
        transform: translateY(0)
    }

.rbt-toaster-style-2 {
    padding: 16px;
    max-width: 236px;
    background: var(--color-primary);
    border-radius: var(--radius-10);
    position: fixed;
    bottom: 16px;
    left: 16px;
    transform: translateY(100%) scale(.5);
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    transition: var(--transition)
}

    .rbt-toaster-style-2.isVisible {
        transform: translateY(0) scale(1);
        opacity: 1;
        visibility: visible
    }

    .rbt-toaster-style-2 .rbt-close-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 24px;
        width: 24px;
        background: var(--color-brand-100);
        border: none;
        border-radius: var(--radius-full);
        font-size: var(--font-size-b3);
        position: absolute;
        right: -12px;
        top: -12px;
        transition: var(--transition-2)
    }

        .rbt-toaster-style-2 .rbt-close-btn i {
            transition: var(--transition-2)
        }

        .rbt-toaster-style-2 .rbt-close-btn:hover {
            transform: scale(.9)
        }

            .rbt-toaster-style-2 .rbt-close-btn:hover i {
                transform: scale(1.1);
                color: var(--color-primary)
            }

.rbt-cookies {
    max-width: fit-content;
    border-radius: var(--radius-60);
    border: 2px solid var(--color-extra-four);
    background: var(--color-white);
    padding: 16px 24px;
    box-shadow: var(--shadow-6);
    display: flex;
    gap: 8px;
    align-items: center;
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%) translateY(150%) scale(.85);
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    transition: all .4s ease-in-out
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-cookies {
        bottom: 72px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cookies {
        flex-direction: column;
        border-radius: var(--radius-12);
        padding: 12px;
        bottom: 72px
    }
}

.rbt-cookies.position-bottom-left {
    left: 24px;
    bottom: 24px;
    transform: translateX(-20%) scale(.8)
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-cookies.position-bottom-left {
        left: 16px;
        bottom: 72px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cookies.position-bottom-left {
        bottom: 80px
    }
}

.rbt-cookies.position-bottom-left.isVisible {
    transform: scale(1);
    opacity: 1;
    visibility: visible
}

.rbt-cookies.position-bottom-right {
    right: 24px;
    bottom: 24px;
    transform: translateX(100%) scale(.8)
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-cookies.position-bottom-right {
        left: 16px;
        bottom: 72px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cookies.position-bottom-right {
        bottom: 80px
    }
}

.rbt-cookies.position-bottom-right.isVisible {
    transform: translateX(50%) scale(1);
    opacity: 1;
    visibility: visible
}

.rbt-cookies.isVisible {
    transform: translateX(-50%) translateY(0) scale(1);
    opacity: 1;
    visibility: visible
}

.rbt-cookies .rbt-icon {
    height: 48px;
    min-width: 48px
}

.rbt-cookies .rbt-content {
    display: flex;
    gap: 16px;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .rbt-cookies .rbt-content {
        flex-direction: column
    }
}

.rbt-cookies .rbt-content .rbt-cookie-info {
    width: 267px
}

@media only screen and (max-width: 767px) {
    .rbt-cookies .rbt-content .rbt-cookie-info {
        text-align: center
    }
}

.rbt-cookies .rbt-content .rbt-btn-link {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

@media only screen and (max-width: 767px) {
    .rbt-cookies .rbt-content .rbt-btn-group {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cookies .rbt-content .rbt-btn-group .rbt-btn {
        flex-basis: 48%
    }
}

.rbt-cookies .rbt-close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    border: none;
    border-radius: var(--radius-full);
    background: 0 0;
    font-size: var(--font-size-b3);
    position: absolute;
    right: 6px;
    top: 0;
    transition: var(--transition)
}

@media only screen and (max-width: 767px) {
    .rbt-cookies .rbt-close-btn {
        top: 6px
    }
}

.rbt-cookies .rbt-close-btn::after {
    background: var(--color-gray-light);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: var(--transition);
    transform: scale(1);
    border-radius: var(--radius-full);
    z-index: -1;
    box-shadow: var(--shadow-8)
}

.rbt-cookies .rbt-close-btn:hover {
    color: var(--color-heading)
}

    .rbt-cookies .rbt-close-btn:hover::after {
        opacity: 1;
        transform: scale(1.2)
    }

.rbt-single-product-area .rbt-card-subtitle {
    display: flex;
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    color: var(--color-primary);
    font-weight: var(--f-medium)
}

.rbt-single-product-area .rbt-card-title {
    margin-top: 8px;
    margin-bottom: 0;
    font-weight: 700
}

.rbt-single-product-area .rbt-card-rating {
    gap: 8px
}

@media only screen and (max-width: 479px) {
    .rbt-single-product-area .rbt-card-rating {
        gap: 4px
    }
}

.rbt-single-product-area .rbt-card-rating .rbt-text-group {
    font-size: var(--font-size-b3);
    height: 24px;
    line-height: 24px
}

.rbt-single-product-area .rbt-card-rating .icon {
    color: var(--color-heading)
}

@media only screen and (max-width: 479px) {
    .rbt-single-product-area .rbt-card-rating .icon {
        font-size: var(--font-size-b3);
        line-height: 1
    }
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-single-product-area .rbt-qty-area {
        padding: 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/unn4ZN78oFul.webp);
    background-color: var(--color-brand-300)
}

.rbt-coupon {
    min-width: 70%;
    position: relative;
    overflow: hidden;
    height: 100%
}

    .rbt-coupon .inner {
        border: 2px dashed var(--color-primary);
        padding: 16px;
        background: var(--color-brand-300);
        display: flex;
        border-radius: 8px
    }

@media only screen and (max-width: 767px) {
    .rbt-coupon .inner {
        padding: 8px
    }
}

@media only screen and (max-width: 1199px) {
    .rbt-coupon {
        min-width: 100%
    }
}

.rbt-coupon .left-part {
    flex-basis: 12%;
    border-right: 2px dashed var(--color-primary);
    text-align: center;
    display: flex;
    align-items: center;
    margin-right: 16px;
    position: relative
}

    .rbt-coupon .left-part::after, .rbt-coupon .left-part::before {
        content: "";
        position: absolute;
        height: 32px;
        width: 32px;
        background: var(--color-brand-50);
        border-radius: 50%;
        left: 100%;
        transform: translate(-50%);
        top: 100%;
        border: 2px dashed var(--color-primary);
        z-index: 4
    }

    .rbt-coupon .left-part::after {
        bottom: 100%;
        top: unset
    }

.rbt-coupon .rbt-coupon-code-text {
    color: var(--color-primary);
    text-align: center;
    font-size: var(--font-size-b2);
    font-weight: 500;
    line-height: var(--line-height-b2);
    transform: rotate(180deg);
    white-space: nowrap;
    writing-mode: vertical-lr;
    padding: 0;
    height: auto;
    border: 0;
    width: auto;
    max-height: 100px
}

.rbt-coupon .coupon-details .rbt-coupon-info-sub-title, .rbt-coupon .coupon-details .rbt-coupon-info-title {
    font-weight: 600;
    margin-bottom: 0;
    color: var(--color-heading)
}

.rbt-coupon .coupon-details .rbt-coupon-info-list {
    margin: 0;
    margin: -4px 0
}

    .rbt-coupon .coupon-details .rbt-coupon-info-list li {
        margin: 4px 0;
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4)
    }

@media only screen and (max-width: 479px) {
    .rbt-coupon .coupon-details .rbt-coupon-info-list li {
        font-size: var(--font-size-b4)
    }
}

.rbt-coupon .copy-icon {
    display: flex;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    font-size: var(--font-size-b3);
    position: absolute;
    right: 16px;
    top: 16px
}

    .rbt-coupon .copy-icon::after {
        content: attr(data-tooltip);
        width: 80px;
        height: 30px;
        top: 124%;
        right: 0;
        border-radius: var(--radius-60);
        font-size: var(--font-size-b3);
        line-height: 30px;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        background-color: var(--color-primary);
        color: var(--color-gray-200);
        transform: translateY(-10px) translateX(-50%);
        text-align: center;
        transition: var(--transition)
    }

    .rbt-coupon .copy-icon::before {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        margin-bottom: -47px;
        border-bottom: 8px solid var(--color-primary);
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        opacity: 0;
        transform: translateY(-10px);
        transition: var(--transition)
    }

    .rbt-coupon .copy-icon:hover::after {
        opacity: 1;
        transform: translateY(0) translateX(-50%)
    }

    .rbt-coupon .copy-icon:hover::before {
        opacity: 1;
        transform: unset
    }

.rbt-coupon.rbt-coupon-expired .inner {
    border-color: var(--color-gray-300);
    background: var(--color-brand-50);
    justify-content: space-between
}

.rbt-coupon.rbt-coupon-expired .left-part {
    border-color: var(--color-gray-300)
}

    .rbt-coupon.rbt-coupon-expired .left-part::after, .rbt-coupon.rbt-coupon-expired .left-part::before {
        border-color: var(--color-gray-300)
    }

.rbt-coupon.rbt-coupon-expired .rbt-coupon-code-text {
    color: var(--color-gray-400)
}

.rbt-coupon.rbt-coupon-expired .coupon-details .rbt-coupon-info-sub-title, .rbt-coupon.rbt-coupon-expired .coupon-details .rbt-coupon-info-title {
    color: var(--color-gray-400)
}

.rbt-coupon.rbt-coupon-expired .coupon-details .rbt-coupon-info-list li {
    color: var(--color-gray-400)
}

    .rbt-coupon.rbt-coupon-expired .coupon-details .rbt-coupon-info-list li::marker {
        color: var(--color-gray-400)
    }

.rbt-coupon.rbt-coupon-expired .rbt-btn {
    cursor: not-allowed;
    position: absolute;
    right: 16px;
    top: 16px
}

.rbt-coupon.rbt-coupon-bg-white .left-part::after, .rbt-coupon.rbt-coupon-bg-white .left-part::before {
    background: var(--color-white)
}

.rbt-coupon.rbt-coupon-lg .rbt-coupon-code-text {
    max-height: 160px;
    width: 100%;
    font-size: 20px;
    line-height: 20px
}

.rbt-combo-prd-box {
    padding: 32px;
    border-radius: 18px;
    border: 2px solid var(--color-gray-200)
}

@media only screen and (max-width: 479px) {
    .rbt-combo-prd-box {
        padding: 16px
    }
}

.rbt-combo-prd-box .rbt-combo-title-section {
    color: var(--color-heading);
    font-weight: var(--f-semi-bold);
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: start
}

@media only screen and (max-width: 479px) {
    .rbt-combo-prd-box .rbt-combo-title-section {
        gap: 8px
    }
}

.rbt-combo-prd-box .rbt-combo-title-section i {
    font-size: 32px
}

@media only screen and (max-width: 479px) {
    .rbt-combo-prd-box .rbt-combo-title-section i {
        font-size: 18px
    }
}

.rbt-combo-prd-box .rbt-title {
    font-weight: 700
}

.rbt-combo-prd-box .rbt-prd-pricing-box {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.rbt-combo-prd-box .rbt-pricing-box-top {
    padding: 28px;
    background: var(--color-gray-light);
    border-radius: 16px;
    display: flex;
    gap: 12px 32px;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .rbt-combo-prd-box .rbt-pricing-box-top {
        padding: 12px;
        flex-wrap: wrap;
        justify-content: center
    }
}

@media only screen and (max-width: 479px) {
    .rbt-combo-prd-box .rbt-pricing-box-top {
        padding: 8px;
        flex-wrap: wrap;
        justify-content: center
    }
}

.rbt-combo-prd-box .rbt-prd-img-area {
    display: flex;
    align-items: center;
    gap: 32px;
    overflow-x: auto
}

    .rbt-combo-prd-box .rbt-prd-img-area::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
        background-color: var(--color-gray-200);
        border-radius: 40px;
        width: 337px
    }

    .rbt-combo-prd-box .rbt-prd-img-area::-webkit-scrollbar {
        height: 6px;
        width: 337px;
        background-color: var(--color-gray-200);
        cursor: pointer;
        margin-top: 20px
    }

@media only screen and (max-width: 767px) {
    .rbt-combo-prd-box .rbt-prd-img-area::-webkit-scrollbar {
        height: 4px
    }
}

.rbt-combo-prd-box .rbt-prd-img-area::-webkit-scrollbar-thumb {
    border-radius: 40px;
    background-color: var(--color-gray-400)
}

.rbt-combo-prd-box .rbt-prd-img-area.hide-scrollbar::-webkit-scrollbar {
    display: none
}

@media only screen and (max-width: 767px) {
    .rbt-combo-prd-box .rbt-prd-img-area {
        gap: 8px;
        padding-bottom: 8px
    }
}

.rbt-combo-prd-box .rbt-prd-img-area .single-product-img-box {
    background: var(--color-white);
    border-radius: 8px;
    border: 2px solid var(--color-gray-200);
    padding: 4px;
    position: relative;
    min-width: 150px
}

    .rbt-combo-prd-box .rbt-prd-img-area .single-product-img-box:first-child .icon {
        display: none
    }

    .rbt-combo-prd-box .rbt-prd-img-area .single-product-img-box .rbt-img {
        background: var(--color-brand-100);
        border-radius: var(--radius)
    }

    .rbt-combo-prd-box .rbt-prd-img-area .single-product-img-box .icon {
        position: absolute;
        left: -25px;
        color: var(--color-heading);
        font-weight: var(--f-bold);
        top: 50%;
        transform: translateY(-50%);
        margin-bottom: 0
    }

@media only screen and (max-width: 767px) {
    .rbt-combo-prd-box .rbt-prd-img-area .single-product-img-box .icon {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .rbt-combo-prd-box .rbt-pricing-area {
        flex-wrap: wrap
    }
}

.rbt-combo-prd-box .rbt-pricing-area h6 {
    font-weight: 400
}

.rbt-combo-prd-box .rbt-pricing-area .rbt-button-group .rbt-btn {
    margin: 0
}

.rbt-combo-prd-box .rbt-combo-prd-list .rbt-single-prd {
    display: flex;
    gap: 8px 16px;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .rbt-combo-prd-box .rbt-combo-prd-list .rbt-single-prd {
        flex-wrap: wrap;
        margin: 32px 0
    }
}

.rbt-combo-prd-box .rbt-combo-prd-list .rbt-single-prd .input-part input[type=checkbox] ~ label {
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    color: var(--color-heading)
}

.rbt-combo-prd-box .rbt-combo-prd-list .rbt-single-prd .pricing-part .price-text {
    color: var(--color-primary);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: var(--f-semi-bold)
}

.rbt-combo-prd-box .rbt-combo-prd-list .rbt-single-prd .pricing-part del.price-text {
    color: var(--color-gray-400);
    font-size: var(--font-size-b3);
    line-height: var(--line-height-b3)
}

.rbt-block-title {
    color: var(--color-heading);
    font-weight: var(--f-bold)
}

.rbt-block-desc {
    color: var(--color-gray-500)
}

.rbt-block-banner-img img {
    border-radius: 12px
}

.rbt-block-banner-video video {
    width: 100%;
    max-width: 100%;
    border-radius: 12px
}

.rbt-single-specification {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 2px solid var(--color-gray-100)
}

    .rbt-single-specification:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0
    }

    .rbt-single-specification .title {
        font-weight: 600;
        color: var(--color-heading)
    }

ul.rbt-specification-list {
    margin: -12px 0
}

    ul.rbt-specification-list li {
        margin: 12px 0;
        color: var(--color-heading)
    }

.rbt-specification-content, .rbt-specification-list {
    flex-basis: 70%
}

    .rbt-specification-content .desc, .rbt-specification-list .desc {
        color: var(--color-heading)
    }

.rbt-avr-review {
    display: flex;
    gap: 16px;
    align-items: center
}

    .rbt-avr-review .rbt-abr-review-number-text {
        font-weight: var(--f-bold);
        color: var(--color-heading);
        font-size: var(--h1);
        line-height: 1.3
    }

    .rbt-avr-review .rbt-rating-icon-list li i {
        font-size: var(--h4);
        line-height: 1
    }

.rbt-rating-item {
    display: flex;
    align-items: center;
    gap: 8px
}

    .rbt-rating-item .icon {
        color: var(--color-yellow)
    }

    .rbt-rating-item .progress {
        height: 8px
    }

        .rbt-rating-item .progress .progress-bar {
            background: var(--color-yellow)
        }

    .rbt-rating-item .number-text {
        font-size: var(--font-size-b3);
        line-height: var(--line-height-b3);
        color: var(--color-heading);
        font-weight: var(--f-medium)
    }

.rbt-rating-breakdown {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.rbt-contact-input-field-grp {
    width: 100%;
    position: relative;
    overflow: hidden
}

.rbt-review-inp-list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 8px 0;
    overflow: auto;
    -ms-overflow-style: none
}

    .rbt-review-inp-list::-webkit-scrollbar {
        width: 0 !important;
        display: none
    }

    .rbt-review-inp-list > li {
        margin: 0
    }

        .rbt-review-inp-list > li + li {
            margin-left: 16px;
            padding-left: 16px;
            border-left: 2px solid var(--color-border)
        }

@media only screen and (max-width: 767px) {
    .rbt-review-inp-list > li + li {
        margin-left: 8px;
        padding-left: 8px
    }
}

.rbt-review-inp-list > li label {
    padding-left: 0
}

    .rbt-review-inp-list > li label::after, .rbt-review-inp-list > li label::before {
        display: none
    }

    .rbt-review-inp-list > li label .rbt-rated-icon {
        color: var(--color-gray-300)
    }

.rbt-review-inp-list > li input:checked ~ label .rbt-rated-icon {
    color: var(--color-yellow)
}

.rbt-prd-single-faq-section .rbt-section-title-area {
    padding: 24px;
    border-radius: var(--radius-md);
    margin-bottom: 24px
}

.rbt-combo-prd-content-section .rbt-button-group {
    display: flex;
    margin: 0;
    gap: 16px
}

.rbt-color-select-area {
    display: flex;
    align-items: center;
    gap: 12px 6px;
    margin-bottom: 0
}

@media only screen and (max-width: 479px) {
    .rbt-color-select-area {
        flex-wrap: wrap
    }
}

.rbt-color-select-area .rbt-switcher-color-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 8px
}

@media only screen and (max-width: 479px),only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-color-select-area .rbt-switcher-color-list {
        gap: 4px
    }
}

.rbt-color-select-area .rbt-switcher-color-list li {
    margin: 0
}

    .rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color {
        display: block;
        transition: var(--transition);
        border-radius: var(--radius-full);
        position: relative;
        height: 24px;
        width: 24px;
        display: flex;
        justify-content: center;
        align-items: center
    }

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color {
        height: 20px;
        width: 20px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color {
        height: 12px;
        width: 12px
    }
}

.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color::after {
    content: "";
    height: 100%;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    border: 1px solid var(--color-gray-200);
    border-radius: var(--radius-full);
    transition: all .4s cubic-bezier(0,0,.34,.54)
}

@media only screen and (max-width: 479px) {
    .rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color::after {
        height: 12px;
        width: 12px
    }
}

.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color .rbt-color-circle {
    height: calc(100% - 8px);
    width: calc(100% - 8px);
    border-radius: var(--radius-full);
    display: block;
    transition: transform .4s cubic-bezier(0,0,.34,.54)
}

@media only screen and (max-width: 479px) {
    .rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color .rbt-color-circle {
        height: 8px;
        width: 8px
    }
}

.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color.rbt-switcher--color-one .rbt-color-circle {
    background: #2b2b2b
}

.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color.rbt-switcher--color-two .rbt-color-circle {
    background: #caa1a4
}

.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color.rbt-switcher--color-three .rbt-color-circle {
    background: #9c9b9e
}

.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color.rbt-switcher--color-four .rbt-color-circle {
    background: #f2ede7
}

.rbt-color-select-area .rbt-switcher-color-list li .rbt-switcher--color.rbt-switcher--color-five .rbt-color-circle {
    background: #b4b7c5
}

.rbt-color-select-area .rbt-switcher-color-list li.active .rbt-switcher--color {
    background: 0 0;
    display: flex;
    justify-content: center;
    align-items: center
}

    .rbt-color-select-area .rbt-switcher-color-list li.active .rbt-switcher--color::after {
        border: 1px solid var(--color-primary)
    }

.rbt-color-select-area .rbt-switcher-color-list li.active .rbt-color-circle {
    transform: scale(.875)
}

.rbt-color-select-area .rbt-switcher-color-list.rbt-switcher-color-list-lg {
    gap: 16px
}

@media only screen and (max-width: 767px) {
    .rbt-color-select-area .rbt-switcher-color-list.rbt-switcher-color-list-lg {
        gap: 8px
    }
}

.rbt-color-select-area .rbt-switcher-color-list.rbt-switcher-color-list-lg li .rbt-switcher--color .rbt-color-circle {
    height: 24px;
    width: 24px
}

@media only screen and (max-width: 767px) {
    .rbt-color-select-area .rbt-switcher-color-list.rbt-switcher-color-list-lg li .rbt-switcher--color .rbt-color-circle {
        height: 12px;
        width: 12px
    }
}

.rbt-color-select-area .rbt-switcher-color-list.rbt-switcher-color-list-lg li .rbt-switcher--color::after {
    height: calc(100% + 12px);
    width: calc(100% + 12px)
}

@media only screen and (max-width: 767px) {
    .rbt-color-select-area .rbt-switcher-color-list.rbt-switcher-color-list-lg li .rbt-switcher--color::after {
        height: 16px;
        width: 16px
    }
}

.rbt-color-select-area .prd-link-text {
    font-size: var(--font-size-b4);
    line-height: var(--line-height-b4)
}

@media only screen and (max-width: 479px) {
    .rbt-color-select-area .prd-link-text {
        font-size: 10px;
        line-height: 1
    }
}

.rbt-360-view-thumbnail {
    background: 0 0;
    padding: 20px;
    border: 2px solid var(--color-border);
    display: flex;
    align-items: center;
    border-radius: var(--radius);
    position: relative;
    min-height: 500px
}

.rbt-image-tooltip-box {
    padding: 4px;
    border-radius: var(--radius);
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-primary);
    width: 200%;
    height: auto;
    text-align: center;
    transition: var(--transition);
    visibility: hidden;
    opacity: 0;
    z-index: 1
}

    .rbt-image-tooltip-box img {
        object-fit: cover;
        border-radius: 4px;
        background: var(--color-gray-200)
    }

    .rbt-image-tooltip-box .img-desc-text {
        font-size: var(--font-size-b4);
        line-height: var(--line-height-b4);
        color: var(--color-white)
    }

    .rbt-image-tooltip-box::after {
        position: absolute;
        content: "";
        top: 95%;
        left: 50%;
        margin-left: -8px;
        border-top: 8px solid var(--color-primary);
        border-right: 8px solid transparent;
        border-left: 8px solid transparent
    }

.rbt-image-tooltip-activation:hover .rbt-image-tooltip-box {
    opacity: 1;
    visibility: visible
}

.video-popup-wrapper.xs-video-wrapper {
    border-radius: 4px
}

    .video-popup-wrapper.xs-video-wrapper img {
        min-height: auto
    }

    .video-popup-wrapper.xs-video-wrapper .rbt-btn.rounded-player {
        height: 40px;
        width: 40px;
        line-height: 1
    }

        .video-popup-wrapper.xs-video-wrapper .rbt-btn.rounded-player span i {
            font-size: 14px
        }

.video-popup-wrapper.md-video-wrapper {
    border-radius: 12px
}

    .video-popup-wrapper.md-video-wrapper .rbt-btn.rounded-player {
        height: 80px;
        width: 80px;
        line-height: 1
    }

        .video-popup-wrapper.md-video-wrapper .rbt-btn.rounded-player span i {
            font-size: 24px
        }

.cloudimage-360 .cloudimage-360-loader {
    display: none
}

.rbt-remaining-popup {
    background: var(--color-white);
    display: flex;
    align-items: center;
    max-width: 524px;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%) translateX(90%) scale(.2);
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    box-shadow: var(--shadow-1);
    border-radius: var(--radius-10);
    overflow: hidden;
    transition: var(--transition)
}

@media only screen and (max-width: 767px) {
    .rbt-remaining-popup {
        max-width: 220px;
        flex-wrap: wrap
    }
}

.rbt-remaining-popup.isVisible {
    transform: translateY(-50%) translateX(0) scale(1);
    opacity: 1;
    visibility: visible
}

.rbt-remaining-popup .rbt-close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    border: none;
    border-radius: var(--radius-full);
    background: var(--color-gray-light);
    font-size: var(--font-size-b3);
    position: absolute;
    top: 16px;
    right: 16px;
    transition: var(--transition-2)
}

    .rbt-remaining-popup .rbt-close-btn i {
        transition: var(--transition-2)
    }

    .rbt-remaining-popup .rbt-close-btn:hover {
        background: var(--color-black);
        transform: scale(.9);
        color: var(--color-white)
    }

        .rbt-remaining-popup .rbt-close-btn:hover i {
            transform: scale(1.1);
            color: var(--color-white)
        }

.rbt-remaining-popup .rbt-product-img {
    min-width: 212px;
    min-height: 212px;
    width: 212px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-brand-200)
}

@media only screen and (max-width: 767px) {
    .rbt-remaining-popup .rbt-product-img {
        width: 100%
    }
}

.rbt-remaining-popup .rbt-content {
    padding: 24px 16px
}

.rbt-notify-box .rbt-input-field {
    border-radius: var(--radius-60)
}

.rbt-alternate-product-box .minicart-item:hover .thumbnail img {
    transform: scale(1.05)
}

.rbt-alternate-product-box .thumbnail {
    width: 130px;
    height: 100px;
    border-radius: var(--radius-10);
    overflow: hidden;
    background: var(--color-white)
}

@media only screen and (max-width: 767px) {
    .rbt-alternate-product-box .thumbnail {
        width: 88px;
        height: 78px
    }
}

.rbt-alternate-product-box .thumbnail img {
    transition: var(--transition)
}

.rbt-alternate-product-box .rbt-minicart-wrapper .minicart-item {
    min-width: unset
}

.rbt-alternate-product-box .rbt-minicart-wrapper .thumbnail a img {
    width: unset
}

.rbt-alternate-product-box .product-content {
    max-width: 260px
}

.rbt-scroll-vertical-wrapper {
    margin-right: 12px
}

.rbt-scroll-vertical {
    overflow-y: overlay;
    scrollbar-gutter: stable;
    max-height: 100%
}

    .rbt-scroll-vertical::-webkit-scrollbar {
        width: 6px;
        transition: width .4s ease
    }

    .rbt-scroll-vertical::-webkit-scrollbar-thumb {
        background-color: var(--color-black) !important;
        border-radius: 40px
    }

    .rbt-scroll-vertical::-webkit-scrollbar-track {
        border-radius: 40px;
        background-color: var(--color-gray-300) !important;
        padding: 1px
    }

    .rbt-scroll-vertical:hover::-webkit-scrollbar {
        width: 6px
    }

    .rbt-scroll-vertical.rbt-vertical-height-sm {
        max-height: 216px;
        scrollbar-width: thin
    }

.rbt-vertical-height-sm::-webkit-scrollbar {
    width: 8px
}

.rbt-vertical-height-sm::-webkit-scrollbar-thumb {
    height: 30px;
    background-color: var(--color-black) !important;
    border-radius: 40px
}

.rbt-vertical-height-sm::-webkit-scrollbar-track {
    background: 0 0;
    height: 30px
}

.rbt-save-more-box-list {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap
}

    .rbt-save-more-box-list.rbt-list-row {
        flex-direction: column
    }

        .rbt-save-more-box-list.rbt-list-row .rbt-single-box {
            width: 100%
        }

            .rbt-save-more-box-list.rbt-list-row .rbt-single-box .rbt-label {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 16px 24px 16px 42px
            }

                .rbt-save-more-box-list.rbt-list-row .rbt-single-box .rbt-label .pricing-part {
                    order: 2
                }

                .rbt-save-more-box-list.rbt-list-row .rbt-single-box .rbt-label .rbt-product-quantity {
                    font-size: var(--font-size-b1);
                    color: var(--color-heading)
                }

.rbt-single-box input[type=radio] {
    opacity: 1 !important
}

    .rbt-single-box input[type=radio]:checked + label {
        border-color: var(--color-primary);
        background: var(--color-brand-200)
    }

        .rbt-single-box input[type=radio]:checked + label::before {
            border-color: var(--color-primary)
        }

        .rbt-single-box input[type=radio]:checked + label::after {
            opacity: 1
        }

.rbt-single-box .rbt-label {
    border: 2px solid var(--color-gray-200);
    background: var(--color-gray-light);
    border-radius: var(--radius);
    width: 100%;
    padding: 8px 16px 8px 42px;
    cursor: pointer;
    transition: var(--transition);
    position: relative
}

    .rbt-single-box .rbt-label::before {
        content: " ";
        position: absolute;
        left: 16px;
        width: 18px;
        height: 18px;
        background-color: #fff;
        border: var(--border-width) solid var(--color-black);
        border-radius: var(--radius-full);
        transition: var(--transition)
    }

    .rbt-single-box .rbt-label::after {
        content: " ";
        position: absolute;
        left: 22px;
        width: 6px;
        height: 6px;
        background: var(--color-primary);
        border-radius: var(--radius-full);
        opacity: 0;
        transition: var(--transition)
    }

    .rbt-single-box .rbt-label .rbt-product-quantity {
        font-size: var(--font-size-b3);
        margin: 0;
        color: var(--color-gray-500);
        font-weight: var(--f-medium)
    }

.rbt-single-box .rbt-off-amount {
    font-size: var(--font-size-b1);
    font-weight: var(--f-medium)
}

.rbt-enlarge-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
    border: none;
    background: 0 0;
    display: flex;
    align-items: center;
    color: var(--color-gray-500);
    padding: 0
}

    .rbt-enlarge-btn .rbt-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 45px;
        width: 45px;
        background: var(--color-white);
        border-radius: var(--radius);
        font-size: var(--font-size-b1);
        z-index: 1
    }

    .rbt-enlarge-btn .rbt-enlarge-text {
        height: 45px;
        line-height: 45px;
        background: var(--color-white);
        border-radius: var(--radius) 0 0 var(--radius);
        padding-left: 12px;
        padding-right: 24px;
        position: absolute;
        right: 50%;
        white-space: nowrap;
        clip: rect(0,100vw,100vh,30vh);
        transition: opacity .4s ease,clip .4s cubic-bezier(0,0,.34,.54)
    }

    .rbt-enlarge-btn:hover .rbt-enlarge-text {
        clip: rect(0,100vw,100vh,0)
    }

    .rbt-enlarge-btn.position-top-left {
        right: unset;
        left: 16px
    }

        .rbt-enlarge-btn.position-top-left .rbt-enlarge-text {
            padding-left: 24px;
            padding-right: 12px;
            right: unset;
            left: 50%;
            clip: rect(0,0,100vh,0);
            border-radius: 0 var(--radius) var(--radius) 0
        }

        .rbt-enlarge-btn.position-top-left:hover .rbt-enlarge-text {
            clip: rect(0,30vw,100vh,0)
        }

    .rbt-enlarge-btn.position-bottom-left {
        right: unset;
        top: unset;
        left: 16px;
        bottom: 16px
    }

        .rbt-enlarge-btn.position-bottom-left .rbt-enlarge-text {
            padding-left: 24px;
            padding-right: 12px;
            right: unset;
            left: 50%;
            clip: rect(0,0,100vh,0);
            border-radius: 0 var(--radius) var(--radius) 0
        }

        .rbt-enlarge-btn.position-bottom-left:hover .rbt-enlarge-text {
            clip: rect(0,30vw,100vh,0);
            transition: all 1s linear
        }

    .rbt-enlarge-btn.position-bottom-right {
        top: unset;
        bottom: 16px
    }

        .rbt-enlarge-btn.position-bottom-right:hover .rbt-enlarge-text {
            clip: rect(0,100vw,100vh,0);
            transition: all 1s linear
        }

.rbt-video-thumb {
    background: 0 0;
    position: relative;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0;
    border-radius: var(--radius);
    overflow: hidden
}

    .rbt-video-thumb::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.4392156863);
        z-index: 1
    }

    .rbt-video-thumb:hover img {
        transform: scale(1.1)
    }

    .rbt-video-thumb img {
        transition: var(--transition)
    }

    .rbt-video-thumb .rbt-icon {
        height: 28px;
        width: 28px;
        border-radius: var(--radius-full);
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-white);
        font-size: var(--font-size-b3);
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        color: var(--color-gray-500);
        z-index: 2
    }

@media only screen and (max-width: 767px) {
    .rbt-info-wrapper.mt--28 {
        margin-top: 16px !important
    }
}

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

.rbt-combo-prd-list.liststyle {
    display: flex;
    flex-direction: column;
    gap: 12px
}

    .rbt-combo-prd-list.liststyle li {
        margin: 0 !important
    }

@media only screen and (min-width: 992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px) {
    .rbt-single-mobile-view-sidebar {
        display: flex;
        gap: 24px
    }

        .rbt-single-mobile-view-sidebar .rbt-block-banner-img.mt--32 {
            margin-top: 0 !important
        }

        .rbt-single-mobile-view-sidebar .rbt-block-banner-img img {
            max-height: 1160px
        }
}

.rbt-video-thumb-wrapper {
    max-width: 100px
}

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .rbt-video-thumb-wrapper {
        max-width: 70px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-video-thumb-wrapper {
        max-width: unset
    }
}

.rbt-single-product-area .content.rbt-scroll-vertical {
    padding-right: 16px;
    max-height: 313px
}

.rbt-single-product-media-area .thumbnail {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    border: 0;
    padding: 0
}

.rbt-single-product-media-area .swiper-thumbs .thumbnail {
    border-radius: 4px;
    border: 2px solid var(--color-border)
}

.rbt-single-product-media-area .swiper-slide-thumb-active .thumbnail {
    border-color: var(--color-primary)
}

.rbt-store-variation-controls .rbt-info-wrapper .prd-id-text {
    flex-direction: column;
    align-items: start
}

.rbt-store-variation-controls .rbt-variation-label {
    display: flex;
    gap: 8px
}

.rbt-store-variation-controls .rbt-disabled {
    filter: grayscale(1);
    opacity: .9;
    pointer-events: none
}

    .rbt-store-variation-controls .rbt-disabled.rbt-switcher--color {
        filter: unset;
        opacity: 1
    }

.rbt-store-variation-controls .dropdown-menu .disabled {
    background: var(--color-gray-200) !important
}

.rbt-store-variation-controls.rbt-store-variation-controls-verticle .prd-info-section {
    width: 100%
}

.rbt-store-variation-controls.rbt-store-variation-controls-verticle .prd-id-text {
    width: 100%;
    justify-content: space-between;
    flex-direction: row
}

body.hide-scrollbar .rbt-header .rbt-header-wrapper.rbt-sticky, body.hide-scrollbar .rbt-header-common-sticky-activation, body.modal-open .rbt-header .rbt-header-wrapper.rbt-sticky, body.modal-open .rbt-header-common-sticky-activation {
    padding-right: 17px !important
}

@media only screen and (max-width: 1199px) {
    body.hide-scrollbar .rbt-header .rbt-header-wrapper.rbt-sticky, body.hide-scrollbar .rbt-header-common-sticky-activation, body.modal-open .rbt-header .rbt-header-wrapper.rbt-sticky, body.modal-open .rbt-header-common-sticky-activation {
        padding-right: 0 !important
    }
}

body.hide-scrollbar .rbt-header-common-sticky-activation.rbt-sticky, body.modal-open .rbt-header-common-sticky-activation.rbt-sticky {
    padding-right: 17px !important
}

@media only screen and (max-width: 1199px) {
    body.hide-scrollbar .rbt-header-common-sticky-activation.rbt-sticky, body.modal-open .rbt-header-common-sticky-activation.rbt-sticky {
        padding-right: 0 !important
    }
}

body.hide-scrollbar .rbt-progress-parent, body.modal-open .rbt-progress-parent {
    opacity: 0;
    visibility: hidden
}

body.hide-scrollbar .rbt-cart-side-menu, body.hide-scrollbar .side-menu, body.modal-open .rbt-cart-side-menu, body.modal-open .side-menu {
    margin-right: 17px !important
}

.rbt-default-modal, .rbt-team-modal {
    z-index: 9999;
    padding: 60px 30px !important;
    backdrop-filter: blur(5px);
    background: rgba(0,0,0,.5);
    cursor: url(../images/ftZ9Xy4mLuJp.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);direction:ltr
}

.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/SwAjNbS8NYnq.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;
    flex-direction: row-reverse;
}

@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 0 0 12px;
    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);
    text-align: right;
}

@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;
    right: 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/ftZ9Xy4mLuJp.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/ftZ9Xy4mLuJp.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;
        direction: rtl;
    }

        .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/cEYmlAtbMM8d.webp);
    -webkit-mask-image: url(../images/cEYmlAtbMM8d.webp);
    background-image: url(../images/cEYmlAtbMM8d.webp)
}

.rbt-product-banner.rbt-product-banner-style-four.rbt-curved-style-box.rbt-curved-style-right {
    mask-image: url(../images/EKsrViAW8fqx.webp);
    -webkit-mask-image: url(../images/EKsrViAW8fqx.webp);
    background-image: url(../images/EKsrViAW8fqx.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/4RBSsh8jOoQF.webp);
    -webkit-mask-image: url(../images/4RBSsh8jOoQF.webp);
    mask-image: url(../images/4RBSsh8jOoQF.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/9XzjMT3p9Yte.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/jIdQMEmdvKnZ.svg)
        }

        .rbt-static-banner .rbt-banner-content.rbt-banner-content-has-bg-two {
            background-image: url(../images/oD4KnSkkdc8y.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/xXnCXEiOIGib.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/lSsP48cEoyZs.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/6Zr0DBRZtJ2U.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/U7V3HaNu6Srq.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/lLVWavrsn1Wp.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/t9gqUbylc8P2.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/11uV32onsddm.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/emJUsbcpCpcZ.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/QuFRdGN1mINJ.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-mask-image: url(../images/QuFRdGN1mINJ.webp);
    mask-image: url(../images/QuFRdGN1mINJ.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/lYiIV3Ru39ic.webp);
    mask-image: url(../images/lYiIV3Ru39ic.webp);
    background-image: url(../images/lYiIV3Ru39ic.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/0KZI4eMNUABn.webp);
    mask-image: url(../images/0KZI4eMNUABn.webp);
    background-image: url(../images/0KZI4eMNUABn.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/KZ28c8rIcXk6.webp);
    mask-image: url(../images/KZ28c8rIcXk6.webp);
    background-image: url(../images/KZ28c8rIcXk6.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/70rqhSUm0Rz1.webp);
    mask-image: url(../images/70rqhSUm0Rz1.webp);
    background-image: url(../images/70rqhSUm0Rz1.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/sjDPRDd3GSFR.webp);
    mask-image: url(../images/sjDPRDd3GSFR.webp);
    background-image: url(../images/sjDPRDd3GSFR.webp)
}

    .rbt-product-banner.rbt-product-banner-style-four.rbt-curved-style-box.rbt-curved-style-box-2 {
        -webkit-mask-image: url(../images/3j4l6tUmUTm6.webp);
        mask-image: url(../images/3j4l6tUmUTm6.webp);
        background-image: url(../images/3j4l6tUmUTm6.webp)
    }

.rbt-product-banner.rbt-product-banner-style-two.rbt-curved-style-box {
    -webkit-mask-image: url(../images/P38hjclev3ZI.webp);
    mask-image: url(../images/P38hjclev3ZI.webp);
    background-image: url(../images/P38hjclev3ZI.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;
    font-size: 17px;
}

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

.rbt-transparent-table-one tbody .rbt-wish-product-info * {
    white-space: nowrap
}

@media only screen and (max-width: 767px) {
    .rbt-transparent-table-one tbody .rbt-wish-product-info .rbt-product-price-text {
        font-size: var(--font-size-b1)
    }
}

.rbt-transparent-table-one tbody .rbt-wish-product-name {
    color: var(--color-heading);
    font-family: var(--font-primary);
    font-size: var(--h6);
    line-height: var(--line-height-b3);
    font-weight: var(--f-bold);
    margin-bottom: 4px
}

@media only screen and (max-width: 767px) {
    .rbt-transparent-table-one tbody .rbt-wish-product-name {
        font-size: var(--font-size-b3)
    }
}

.rbt-transparent-table-one tbody .rbt-product-id {
    color: var(--color-gray-500);
    font-family: var(--font-primary);
    font-size: var(--font-size-b1);
    font-weight: var(--f-regular);
    line-height: var(--line-height-b1)
}

@media only screen and (max-width: 767px) {
    .rbt-transparent-table-one tbody .rbt-product-id {
        font-size: var(--font-size-b2)
    }
}

.rbt-transparent-table-one tbody .rbt-button-group {
    justify-content: end
}

.rbt-transparent-table-one.table-variation-one tbody tr td, .rbt-transparent-table-one.table-variation-one tbody tr th, .rbt-transparent-table-one.table-variation-one thead tr td, .rbt-transparent-table-one.table-variation-one thead tr th {
    padding: 16px 0;
    min-width: 120px;
    text-align: center;
    border-style: dashed
}

    .rbt-transparent-table-one.table-variation-one tbody tr td:first-child, .rbt-transparent-table-one.table-variation-one tbody tr th:first-child, .rbt-transparent-table-one.table-variation-one thead tr td:first-child, .rbt-transparent-table-one.table-variation-one thead tr th:first-child {
        text-align: start;
        padding-top: 24px
    }

    .rbt-transparent-table-one.table-variation-one tbody tr td:last-child, .rbt-transparent-table-one.table-variation-one tbody tr th:last-child, .rbt-transparent-table-one.table-variation-one thead tr td:last-child, .rbt-transparent-table-one.table-variation-one thead tr th:last-child {
        text-align: right
    }

    .rbt-transparent-table-one.table-variation-one tbody tr td .price-text, .rbt-transparent-table-one.table-variation-one tbody tr th .price-text, .rbt-transparent-table-one.table-variation-one thead tr td .price-text, .rbt-transparent-table-one.table-variation-one thead tr th .price-text {
        margin-bottom: 0
    }

.rbt-transparent-table-one.table-variation-one tbody tr th, .rbt-transparent-table-one.table-variation-one thead tr th {
    color: var(--color-black);
    font-weight: var(--f-semi-bold);
    border-bottom: 2px solid var(--color-gray-100)
}

.rbt-transparent-table-one.table-variation-one td .cart-product-card {
    display: flex;
    gap: 16px;
    align-items: center;
    width: fit-content
}

    .rbt-transparent-table-one.table-variation-one td .cart-product-card .product-thumbnail {
        position: relative
    }

        .rbt-transparent-table-one.table-variation-one td .cart-product-card .product-thumbnail .close-btn {
            border: none;
            background: 0 0;
            font-size: var(--font-size-b1);
            font-weight: var(--f-black);
            position: absolute;
            top: 8px;
            right: 8px
        }

            .rbt-transparent-table-one.table-variation-one td .cart-product-card .product-thumbnail .close-btn:hover {
                color: var(--color-primary)
            }

    .rbt-transparent-table-one.table-variation-one td .cart-product-card .rbt-wish-product-name {
        margin-bottom: 12px
    }

.rbt-transparent-table-one-wrapper.rbt-has-bg-gray {
    padding: 32px;
    background: var(--color-gray-100);
    border-radius: 8px
}

@media only screen and (max-width: 767px) {
    .rbt-transparent-table-one-wrapper.rbt-has-bg-gray {
        padding: 24px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-transparent-table-one-wrapper.rbt-has-bg-gray {
        padding: 20px
    }
}

.rbt-transparent-table-one-wrapper.rbt-has-bg-gray .rbt-transparent-table-one.table-variation-one thead tr th {
    border-color: var(--color-gray-100)
}

.rbt-transparent-table-one-wrapper.rbt-has-bg-gray .rbt-transparent-table-one.table-variation-one thead tr:first-child th {
    padding: 0
}

.rbt-wishlist-modal-content .rbt-transparent-table-one-wrapper.rbt-has-bg-gray {
    padding: 16px
}

.rbt-wishlist-modal-content .rbt-transparent-table-one tbody .rbt-product-remove-btn-wrapper {
    width: 48px
}

.rbt-default-card, .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%;
            height: 271px;
            object-fit: fill;
        }

    .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);
        text-align: center;
    }

@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);
        transition: var(--transition);
        height: 295px;
        object-fit: fill;
    }

    .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;
        flex-direction: row-reverse;
    }

@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: 18px;
    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;
                object-fit: cover;
                object-position: center;
                height: 246px;
            }

    .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;
    max-height: 150px;*/
}

    .rbt-blog-post-card .rbt-blog-thumbnail.rbt-curved-style-box {
        background-image: url(../images/kMKifZXY4BzD.webp);
        -webkit-mask-image: url(../images/kMKifZXY4BzD.webp);
        mask-image: url(../images/kMKifZXY4BzD.webp);
        border-radius: var(--radius-12) 0 var(--radius-12) var(--radius-12)
    }

    .rbt-blog-post-card .rbt-blog-thumbnail img {
        transition: var(--transition);
        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;
    flex-direction: row-reverse;
    justify-content: flex-start;
}

    .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-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-right: 8px;
            direction: rtl;
        }

            .rbt-blog-post-card .rbt-blog-meta-area .rbt-blog-details-meta-list li + li::before {
                content: "/";
                margin-left: 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
        }

.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: center;
            align-items: center;
        }

            .rbt-offer-card .rbt-card-body .ofr-meta-part .single-meta {
                color: var(--color-gray-500);
               
                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/11oQeq5pmxFd.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/cEYmlAtbMM8d.webp);
    mask-image: url(../images/cEYmlAtbMM8d.webp);
    background-image: url(../images/cEYmlAtbMM8d.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/v0aLG4Qbb47s.webp);
    mask-image: url(../images/v0aLG4Qbb47s.webp);
    background-image: url(../images/v0aLG4Qbb47s.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/8GZZvZVGGbFf.webp);
    mask-image: url(../images/8GZZvZVGGbFf.webp);
    background-image: url(../images/8GZZvZVGGbFf.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/rMc6bihBvq6w.webp);
    mask-image: url(../images/rMc6bihBvq6w.webp);
    background-image: url(../images/rMc6bihBvq6w.webp)
}

.rbt-about-area .rbt-about-feature-area {
    max-width: 597px;
    padding-right: 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/2B5LO2PN9jTW.webp);
    mask-image: url(../images/2B5LO2PN9jTW.webp);
    background-image: url(../images/2B5LO2PN9jTW.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/miMY2R2FSkx8.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/SYnbqJJgFWiq.webp);
        mask-image: url(../images/SYnbqJJgFWiq.webp);
        -webkit-mask-image: url(../images/SYnbqJJgFWiq.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/rD9qV0r1pXSj.webp);
    mask-image: url(../images/rD9qV0r1pXSj.webp);
    -webkit-mask-image: url(../images/rD9qV0r1pXSj.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/SJtlk3nHV4C9.webp);
    mask-image: url(../images/SJtlk3nHV4C9.webp);
    background-image: url(../images/SJtlk3nHV4C9.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/gkM71ynadOKY.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-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: var(--color-gray-light);
    border-radius: 0 0 var(--radius-md) var(--radius-md);
    text-align: center
}

@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-login-form .rbt-login-form-bottom {
        padding: 24px 48px 50px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-login-form .rbt-login-form-bottom {
        padding: 24px 20px 50px
    }
}

.rbt-login-form .rbt-login-form-bottom .rbt-client-review .rbt-review-text {
    color: var(--color-gray-600);
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: var(--f-regular)
}

.rbt-login-form .rbt-login-form-bottom .swiper-pagination {
    bottom: 0
}

    .rbt-login-form .rbt-login-form-bottom .swiper-pagination .swiper-pagination-bullet {
        width: 48px
    }

        .rbt-login-form .rbt-login-form-bottom .swiper-pagination .swiper-pagination-bullet::after {
            opacity: .6
        }

.rbt-signup-radio-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    padding: 0;
    margin-bottom: 24px
}

    .rbt-signup-radio-list li {
        margin: 0;
        padding: 0
    }

.rbt-verified-badge {
    background: var(--color-light-green);
    padding: 0 12px;
    color: var(--color-gray-500);
    display: flex;
    align-items: center;
    gap: 4px
}

    .rbt-verified-badge i {
        color: var(--color-green)
    }

    .rbt-verified-badge.badge-rounded {
        border-radius: var(--radius-60)
    }

.rbt-round-shape-tab .nav-tabs {
    border: 2px solid var(--color-gray-200);
    border-radius: var(--radius-60);
    padding: 4px;
    display: flex;
    justify-content: center;
    margin-bottom: 16px
}

    .rbt-round-shape-tab .nav-tabs .nav-item {
        margin: 0;
        padding: 0;
        flex-basis: 50%
    }

        .rbt-round-shape-tab .nav-tabs .nav-item .nav-link {
            border: none;
            padding: 12px 32px;
            text-align: center;
            width: 100%;
            border-radius: var(--radius-60);
            color: var(--color-gray-400);
            font-family: var(--font-primary);
            font-size: var(--font-size-b3);
            line-height: var(--line-height-b3);
            font-weight: var(--f-semi-bold);
            display: flex;
            gap: 4px;
            align-items: center;
            justify-content: center;
            position: relative;
            z-index: 1
        }

            .rbt-round-shape-tab .nav-tabs .nav-item .nav-link::after {
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
                background: var(--color-brand-300);
                border-radius: var(--radius-60);
                scale: .8;
                opacity: 0;
                z-index: -1;
                transition: var(--transition)
            }

            .rbt-round-shape-tab .nav-tabs .nav-item .nav-link.active {
                color: var(--color-primary)
            }

                .rbt-round-shape-tab .nav-tabs .nav-item .nav-link.active::after {
                    scale: 1;
                    opacity: 1
                }

            .rbt-round-shape-tab .nav-tabs .nav-item .nav-link:hover {
                color: var(--color-primary)
            }

            .rbt-round-shape-tab .nav-tabs .nav-item .nav-link.nav-link-btn-sm {
                padding: 4px 16px
            }

    .rbt-round-shape-tab .nav-tabs.rbt-tabs-primary .nav-link::after {
        background: var(--color-primary)
    }

    .rbt-round-shape-tab .nav-tabs.rbt-tabs-primary .nav-link.active {
        color: var(--color-white)
    }

.rbt-round-shape-tab.rbt-round-shape-more-tab-btn .nav-tabs {
    width: fit-content
}

    .rbt-round-shape-tab.rbt-round-shape-more-tab-btn .nav-tabs .nav-item {
        flex-basis: unset
    }

        .rbt-round-shape-tab.rbt-round-shape-more-tab-btn .nav-tabs .nav-item .disabled {
            background: unset !important
        }

form .rbt-field-label {
    color: var(--color-heading);
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b2);
    font-weight: var(--f-semi-bold);
    margin-bottom: 3px;
    margin-top: 25px;
}

form .rbt-input-field {
    border-radius: var(--radius-60);
    box-shadow: none
}

.rbt-minicart-popup-relative {
    position: relative
}

    .rbt-minicart-popup-relative:hover .rbt-mini-cart-popup {
        visibility: visible;
        opacity: 1;
        clip: rect(0,100vw,200vh,-30px);
        transition: clip .6s linear,opacity .4s linear
    }

.rbt-mini-cart-popup {
    max-width: 280px;
    width: 280px;
    position: absolute;
    top: 100%;
    right: 0;
    visibility: hidden;
    clip: rect(0,200vw,0,0);
    opacity: 0;
    transition: opacity .4s linear,clip .6s linear,visibility 0s .4s;
    transition: var(--transition);
    z-index: 99
}

    .rbt-mini-cart-popup .rbt-mini-cart-inner {
        margin-top: 20px;
        background: var(--color-white);
        border-radius: var(--radius-md);
        box-shadow: var(--shadow-1);
        padding: 16px;
        position: relative
    }

        .rbt-mini-cart-popup .rbt-mini-cart-inner .inner-top .content {
            margin-left: 0
        }

        .rbt-mini-cart-popup .rbt-mini-cart-inner .side-nav {
            min-height: 100px
        }

        .rbt-mini-cart-popup .rbt-mini-cart-inner .minicart-close-button {
            position: absolute;
            top: 8px;
            right: 8px;
            width: 28px;
            height: 28px;
            background: var(--color-gray-light);
            font-size: 12px;
            line-height: 29px;
            font-weight: 900;
            color: var(--color-heading)
        }

            .rbt-mini-cart-popup .rbt-mini-cart-inner .minicart-close-button:hover {
                color: var(--color-primary)
            }

        .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper {
            margin-top: 12px
        }

            .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item {
                margin-bottom: 12px
            }

                .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item:last-child {
                    margin-bottom: 0
                }

                .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item:hover .thumbnail a img {
                    scale: 1.08
                }

                .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item .thumbnail a {
                    width: 80px;
                    height: 60px;
                    overflow: hidden;
                    border-radius: var(--radius)
                }

                    .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item .thumbnail a img {
                        transition: var(--transition)
                    }

                .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item .product-content {
                    padding-left: 8px
                }

                    .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item .product-content .title {
                        font-weight: 500
                    }

                .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item .close-btn {
                    top: 10px;
                    right: 6px
                }

                    .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item .close-btn .rbt-round-btn {
                        height: 24px;
                        width: 24px;
                        line-height: 24px;
                        color: var(--color-gray-300)
                    }

                        .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-wrapper .minicart-item .close-btn .rbt-round-btn:hover {
                            color: var(--color-primary)
                        }

        .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer {
            margin-top: 50px
        }

            .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-cart-subttotal {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 8px
            }

                .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-cart-subttotal p {
                    margin: 0
                }

                .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-cart-subttotal .price {
                    color: var(--color-primary);
                    font-family: var(--font-primary);
                    font-size: var(--font-size-b3);
                    font-weight: var(--f-semi-bold);
                    line-height: var(--line-height-b3)
                }

            .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .offer-progress-area .offer-text {
                color: var(--color-gray-500);
                font-family: var(--font-primary);
                font-size: var(--font-size-b4);
                line-height: var(--line-height-b4);
                margin-bottom: 8px
            }

            .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .offer-progress-area .progress {
                height: 8px;
                border-radius: 50px;
                background: #d6f7d6
            }

                .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .offer-progress-area .progress .progress-bar {
                    background: #24bd25
                }

            .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-minicart-bottom .rbt-button-group {
                margin: 0;
                gap: 4%
            }

                .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-minicart-bottom .rbt-button-group .rbt-btn {
                    width: 48%;
                    padding: 0 8px;
                    text-align: center
                }

                    .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-minicart-bottom .rbt-button-group .rbt-btn.rbt-btn-gray:hover {
                        color: var(--color-gray-700);
                        background: var(--color-brand-50);
                        box-shadow: none
                    }

                .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-minicart-bottom .rbt-button-group a, .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-minicart-bottom .rbt-button-group button {
                    margin: 0
                }

            .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-minicart-bottom .share-btn-grp {
                display: flex;
                gap: 8px;
                align-items: center;
                justify-content: center;
                margin-top: 8px
            }

                .rbt-mini-cart-popup .rbt-mini-cart-inner .rbt-minicart-footer .rbt-minicart-bottom .share-btn-grp .share-btn {
                    padding: 8px 8px 4px;
                    border-radius: var(--radius-60);
                    color: var(--color-primary);
                    text-align: center;
                    font-family: var(--font-primary);
                    font-size: var(--font-size-b3);
                    font-weight: var(--f-semi-bold);
                    line-height: var(--line-height-b3)
                }

.rbt-quick-access .rbt-mini-cart-popup .rbt-mini-cart-inner .minicart-close-button {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    background: var(--color-gray-light);
    font-size: 12px;
    line-height: 29px;
    font-weight: 900;
    color: var(--color-heading)
}

.rbt-default-modal .modal-dialog.rbt-register-form-modal {
    max-width: 472px
}

.rbt-size-guide-area.modal-dialog {
    max-width: 578px
}

.rbt-size-guide-area .nav-tabs {
    min-width: 117px
}

.rbt-sizeguide-table {
    margin-bottom: 0
}

    .rbt-sizeguide-table tbody tr td {
        color: var(--color-gray-700);
        font-family: var(--font-primary);
        font-size: var(--font-size-b2);
        line-height: var(--line-height-b2);
        font-weight: var(--f-regular);
        border-width: 0 0 2px 0;
        padding: 16px 4px;
        text-align: center;
        white-space: nowrap;
        min-width: 70px
    }

        .rbt-sizeguide-table tbody tr td:first-child {
            text-align: start
        }

        .rbt-sizeguide-table tbody tr td:last-child {
            text-align: end
        }

    .rbt-sizeguide-table tbody tr:first-child td {
        color: var(--color-heading);
        font-weight: var(--f-semi-bold)
    }

    .rbt-sizeguide-table tbody tr:last-child td {
        border-width: 0;
        padding-bottom: 0
    }

.rbt-minicart-bottom-section {
    background-color: var(--color-white);
    box-shadow: var(--shadow-1);
    position: fixed;
    bottom: -100px;
    left: 0;
    right: 0;
    z-index: 348;
    overflow: hidden;
    padding: 16px 0;
    transition: all .3s
}

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .rbt-minicart-bottom-section {
        display: none
    }
}

.rbt-minicart-bottom-section.rbt-minicart-bottom-section-active {
    bottom: 0 !important
}

@media only screen and (max-width: 1199px) {
    .rbt-minicart-bottom-section.rbt-minicart-bottom-section-active {
        bottom: 54px !important
    }
}

@media only screen and (max-width: 575px) {
    .rbt-minicart-bottom-section.rbt-minicart-bottom-section-active {
        bottom: 54px !important
    }
}

.rbt-minicart-bottom-section .course-action-bottom-right {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .rbt-minicart-bottom-section .course-action-bottom-right {
        justify-content: center
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-minicart-bottom-section .rbt-price.large-size .current-price {
        font-size: 24px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-minicart-bottom-section .rbt-price.large-size .current-price {
        font-size: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-minicart-bottom-section .rbt-price.large-size .off-price {
        font-size: 13px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-minicart-bottom-section .rbt-price.large-size .off-price {
        font-size: 13px
    }
}

@media only screen and (max-width: 575px) {
    .rbt-minicart-bottom-section .rbt-price {
        display: none
    }
}

.rbt-minicart-bottom-section .rbt-prd-info-section {
    display: flex;
    gap: 16px;
    align-items: center
}

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .rbt-minicart-bottom-section .rbt-prd-info-section {
        text-align: center;
        justify-content: center
    }
}

.rbt-minicart-bottom-section .rbt-prd-img {
    max-width: 84px
}

    .rbt-minicart-bottom-section .rbt-prd-img img {
        border-radius: 4px
    }

.rbt-minicart-bottom-section .rbt-content {
    text-align: left
}

.rbt-minicart-bottom-section .rbt-minicart-bottom-section-right {
    text-align: end;
    justify-content: end;
    align-items: center;
    gap: 16px
}

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .rbt-minicart-bottom-section .rbt-minicart-bottom-section-right {
        text-align: center;
        justify-content: center;
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 479px) {
    .rbt-minicart-bottom-section .rbt-minicart-bottom-section-right {
        gap: 4px
    }
}

.rbt-minicart-bottom-section .pricing-part span {
    font-size: var(--h5);
    line-height: 1
}

@media only screen and (max-width: 479px) {
    .rbt-minicart-bottom-section .rbt-title {
        font-size: var(--font-size-b3)
    }
}

@media only screen and (max-width: 479px) {
    .rbt-minicart-bottom-section .rbt-desc {
        font-size: var(--font-size-b4)
    }
}

.rbt-sidebar-cart.sticky-top {
    top: 136px
}

.rbt-sidebar-widget {
    padding: 32px;
    background: var(--color-gray-100);
    border-radius: var(--radius-md)
}

@media only screen and (max-width: 767px) {
    .rbt-sidebar-widget {
        padding: 24px
    }
}

.rbt-sidebar-widget.rbt-sidebar-widget-sm {
    padding: 24px
}

.rbt-sidebar-widget .rbt-cart-subttotal {
    padding: 6px 0
}

    .rbt-sidebar-widget .rbt-cart-subttotal:first-child {
        padding-top: 0
    }

.rbt-sidebar-widget .rbt-offcanvas-inner-popup-card .rbt-button-group {
    gap: 8px;
    justify-content: start
}

    .rbt-sidebar-widget .rbt-offcanvas-inner-popup-card .rbt-button-group .rbt-btn {
        display: inline-block
    }

@media only screen and (max-width: 479px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:1200px) and (max-width:1399px) {
    .rbt-sidebar-widget .rbt-offcanvas-inner-popup-card .rbt-button-group .rbt-btn {
        width: 100%;
        display: block
    }
}

.rbt-coupon-slide-active {
    max-width: 100%;
    padding-bottom: 20px
}

    .rbt-coupon-slide-active .swiper-slide {
        width: 90%;
        max-width: 325px
    }

        .rbt-coupon-slide-active .swiper-slide .rbt-coupon {
            width: 100%;
            max-width: 325px
        }

@media only screen and (max-width: 1199px) {
    .rbt-coupon-slide-active .swiper-slide .rbt-coupon {
        min-width: unset
    }
}

.rbt-cart-brand-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: center
}

    .rbt-cart-brand-list li {
        margin: 0;
        padding: 0
    }

.rbt-single-collapse-item + .rbt-single-collapse-item {
    border-top: 1px solid var(--color-gray-200)
}

.rbt-single-collapse-item:first-child .rbt-collapse-btn {
    padding-top: 0
}

.rbt-single-collapse-item:last-child .rbt-collapse-btn {
    padding-bottom: 0
}

.rbt-single-collapse-item .rbt-collapse-btn .rbt-icon {
    rotate: 0deg;
    color: var(--color-gray-700);
    transition: var(--transition)
}

.rbt-single-collapse-item .rbt-collapse-btn:not(.collapsed) .rbt-icon {
    rotate: 180deg;
    color: var(--color-primary)
}

.rbt-order-sum-area.rbt-order-sum-area-sm .ordered-item {
    max-width: 68px;
    min-width: 20px
}

.rbt-order-sum-area.rbt-order-sum-area-sm .more-icon {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    z-index: 1
}

    .rbt-order-sum-area.rbt-order-sum-area-sm .more-icon::before {
        content: "";
        height: 100%;
        width: 100%;
        transform: translate(-80%,-50%) scale(.8);
        position: absolute;
        top: 50%;
        left: 50%;
        background: var(--color-gray-200);
        border-radius: 4px;
        z-index: -1;
        transition: var(--transition);
        opacity: 0;
        visibility: hidden
    }

.rbt-order-sum-area.rbt-order-sum-area-xm .ordered-item {
    max-width: 70px;
    min-width: 48px
}

.rbt-order-sum-area.rbt-order-sum-area-xm .more-icon {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    z-index: 1
}

    .rbt-order-sum-area.rbt-order-sum-area-xm .more-icon::before {
        content: "";
        height: 100%;
        width: 100%;
        transform: translate(-80%,-50%) scale(.8);
        position: absolute;
        top: 50%;
        left: 50%;
        background: var(--color-gray-200);
        border-radius: 4px;
        z-index: -1;
        transition: var(--transition);
        opacity: 0;
        visibility: hidden
    }

.rbt-order-sum-area .ordered-items-wrapper:hover .more-icon::before {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%,-50%) scale(1.02)
}

.rbt-checkout-wrapper-box {
    display: flex;
    flex-direction: column;
    gap: 32px
}

@media only screen and (max-width: 767px) {
    .rbt-checkout-wrapper-box {
        gap: 20px
    }
}

.rbt-checkout-single-content {
    display: flex;
    align-items: baseline;
    gap: 12px 24px
}

@media only screen and (max-width: 767px) {
    .rbt-checkout-single-content {
        flex-wrap: wrap;
        gap: 12px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-checkout-single-content {
        flex-wrap: wrap;
        gap: 12px
    }
}

.rbt-checkout-single-content .rbt-checkout-step {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-gray-200);
    border-radius: 50%;
    font-weight: 500;
    font-size: var(--h6);
    min-width: 40px
}

@media only screen and (max-width: 767px) {
    .rbt-checkout-single-content .rbt-checkout-step {
        height: 32px;
        width: 32px;
        min-width: 32px;
        font-size: var(--font-size-b3)
    }
}

.rbt-checkout-single-content .title, .rbt-checkout-single-content h5, .rbt-checkout-single-content h6 {
    margin-bottom: 0;
    line-height: 1.8;
    color: var(--color-body)
}

@media only screen and (max-width: 767px) {
    .rbt-checkout-single-content .title, .rbt-checkout-single-content h5, .rbt-checkout-single-content h6 {
        line-height: 1.6
    }
}

.rbt-checkout-single-content .content {
    margin-top: 16px
}

@media only screen and (max-width: 767px) {
    .rbt-checkout-single-content .content {
        margin-top: 0
    }
}

.rbt-checkout-single-content .content p {
    margin-bottom: 0
}

.rbt-checkout-single-content .form-area {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    align-items: end
}

@media only screen and (max-width: 767px) {
    .rbt-checkout-single-content .form-area {
        flex-wrap: wrap
    }
}

.rbt-checkout-single-content .dropdown-menu .inner {
    width: 100%
}

.rbt-checkout-single-content.active .rbt-checkout-step {
    background: var(--color-primary);
    color: var(--color-white)
}

.rbt-checkout-single-content.active .title {
    color: var(--color-heading)
}

.rbt-order-sidenav .side-nav {
    max-height: unset
}

.datepicker-dropdown {
    font-size: 14px
}

.rbt-cart-sidenav-activation {
    display: flex;
    align-items: center;
    justify-content: center
}

.rbt-h-unset {
    max-height: unset !important
}

.rbt-disabled {
    opacity: .8;
    filter: grayscale(1)
}

.rbt-switcher--color.rbt-disabled {
    transition: var(--transition)
}

    .rbt-switcher--color.rbt-disabled::before {
        content: "";
        height: calc(100% + 12px);
        width: 1px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%) rotate(-45deg);
        position: absolute;
        background: var(--color-gray-300);
        transition: all .4s cubic-bezier(0,0,.34,.54)
    }

.rbt-switcher-root li.active .rbt-store-button {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white)
}

.rbt-footer .rbt-footer-top .logo a img {
    max-height: 40px
}

.rbt-footer .rbt-footer-top .description {
    margin-top: 15px;
    margin-bottom: 25px;
    color: var(--color-gray-500)
}

    .rbt-footer .rbt-footer-top .description.rbt-less-wider-desc {
        max-width: 236px
    }

.rbt-footer .footer-bottom {
    padding: 32px 0
}

@media only screen and (max-width: 479px) {
    .rbt-footer .footer-bottom {
        padding: 16px 0
    }
}

.rbt-footer .footer-bottom .rbt-footer-social-area {
    display: flex;
    align-items: center;
    color: var(--color-gray-500);
    flex-wrap: wrap;
    gap: 24px
}

@media only screen and (max-width: 479px) {
    .rbt-footer .footer-bottom .rbt-footer-social-area {
        gap: 12px
    }
}

.rbt-footer .footer-bottom .rbt-footer-social-area p {
    margin-bottom: 0
}

.rbt-footer .footer-bottom .rbt-app-store-area {
    display: flex;
    align-items: center;
    color: var(--color-gray-500);
    justify-content: flex-end;
    margin-top: 0;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center
}

    .rbt-footer .footer-bottom .rbt-app-store-area li a img {
        max-height: 40px
    }

@media only screen and (max-width: 479px) {
    .rbt-footer .footer-bottom .rbt-app-store-area li a img {
        max-height: 24px
    }
}

.rbt-footer .footer-bottom .rbt-app-store-area p {
    margin-bottom: 0
}

.rbt-footer .footer-widget .ft-title {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    margin-bottom: 12px;
    font-weight: 600
}

@media only screen and (max-width: 767px) {
    .rbt-footer .footer-widget .ft-title {
        margin-bottom: 8px
    }
}

.rbt-footer .footer-widget .ft-link {
    padding: 0;
    margin: 0;
    list-style: none
}

    .rbt-footer .footer-widget .ft-link li {
        margin: 0
    }

        .rbt-footer .footer-widget .ft-link li + li {
            margin-top: 8px
        }

        .rbt-footer .footer-widget .ft-link li a {
            font-size: var(--font-size-b2);
            line-height: var(--font-size-b1);
            color: var(--color-gray-500);
            font-weight: 400
        }

            .rbt-footer .footer-widget .ft-link li a:hover {
                color: var(--color-primary)
            }

.rbt-footer .rbt-quick-contact-info .title {
    color: var(--color-gray-500);
    margin-bottom: 8px
}

.rbt-footer .rbt-quick-contact-info .contact-link, .rbt-footer .rbt-quick-contact-info .text-inf {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: 600;
    line-height: 100%;
    color: var(--color-heading)
}

    .rbt-footer .rbt-quick-contact-info .contact-link.has-lg-fsize, .rbt-footer .rbt-quick-contact-info .text-inf.has-lg-fsize {
        font-size: 20px
    }

.rbt-footer .rbt-quick-contact-info a {
    transition: var(--transition)
}

    .rbt-footer .rbt-quick-contact-info a:hover {
        color: var(--color-primary)
    }

.rbt-footer .rbt-quick-contact-info + .rbt-quick-contact-info {
    margin-top: 24px
}

.rbt-footer.rbt-bg-color-black .ft-title, .rbt-footer.rbt-bg-color-black .title {
    color: var(--color-white)
}

.rbt-footer.rbt-bg-color-black .ft-link li a {
    color: var(--color-gray-300)
}

    .rbt-footer.rbt-bg-color-black .ft-link li a:hover {
        color: var(--color-primary)
    }

.rbt-footer.rbt-bg-color-black .copyright-area .rbt-link-hover {
    color: var(--color-gray-300)
}

    .rbt-footer.rbt-bg-color-black .copyright-area .rbt-link-hover a {
        color: var(--color-white)
    }

        .rbt-footer.rbt-bg-color-black .copyright-area .rbt-link-hover a:hover {
            color: var(--color-primary)
        }

.rbt-footer.rbt-bg-color-black .copyright-area .copyright-link.rbt-link-hover a {
    color: var(--color-gray-300)
}

    .rbt-footer.rbt-bg-color-black .copyright-area .copyright-link.rbt-link-hover a:hover {
        color: var(--color-primary)
    }

.rbt-footer.rbt-bg-color-primary .ft-title, .rbt-footer.rbt-bg-color-primary .title {
    color: var(--color-white)
}

.rbt-footer.rbt-bg-color-primary .ft-link li a {
    color: var(--color-brand-400)
}

    .rbt-footer.rbt-bg-color-primary .ft-link li a:hover {
        color: var(--color-white)
    }

.rbt-footer.rbt-bg-color-primary .ft-link li p {
    color: var(--color-brand-400)
}

.rbt-footer.rbt-bg-color-primary .copyright-area .rbt-link-hover {
    color: var(--color-brand-400)
}

    .rbt-footer.rbt-bg-color-primary .copyright-area .rbt-link-hover a {
        color: var(--color-white)
    }

        .rbt-footer.rbt-bg-color-primary .copyright-area .rbt-link-hover a:hover {
            color: var(--color-white)
        }

.rbt-footer.rbt-bg-color-primary .copyright-area .copyright-link.rbt-link-hover a {
    color: var(--color-brand-400)
}

    .rbt-footer.rbt-bg-color-primary .copyright-area .copyright-link.rbt-link-hover a:hover {
        color: var(--color-white)
    }

.rbt-footer.rbt-bg-color-primary .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 input {
    background: var(--color-brand-700);
    color: var(--color-brand-400)
}

    .rbt-footer.rbt-bg-color-primary .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 input::placeholder {
        color: var(--color-brand-400)
    }

    .rbt-footer.rbt-bg-color-primary .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 input:focus {
        border-color: var(--color-brand-500)
    }

.rbt-footer.rbt-bg-color-primary .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 .rbt-btn {
    background: var(--color-white);
    color: var(--color-primary)
}

    .rbt-footer.rbt-bg-color-primary .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 .rbt-btn:active, .rbt-footer.rbt-bg-color-primary .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 .rbt-btn:hover {
        transform: translateY(-3px)
    }

.rbt-footer.rbt-bg-color-primary .rbt-newsletter-form-one.rbt-newsletter-form-one-v1 .icon {
    color: var(--color-brand-400)
}

.rbt-footer.rbt-bg-color-primary .rbt-social-icon-list li a {
    color: var(--color-brand-400)
}

    .rbt-footer.rbt-bg-color-primary .rbt-social-icon-list li a:hover {
        color: var(--color-white)
    }

.rbt-footer.rbt-footer-dark .footer-widget {
    color: var(--color-gray-300)
}

    .rbt-footer.rbt-footer-dark .footer-widget .ft-link li a {
        color: var(--color-gray-300)
    }

        .rbt-footer.rbt-footer-dark .footer-widget .ft-link li a .rbt-icon {
            color: var(--color-gray-300)
        }

        .rbt-footer.rbt-footer-dark .footer-widget .ft-link li a:hover {
            color: var(--color-white)
        }

    .rbt-footer.rbt-footer-dark .footer-widget .ft-title {
        color: var(--color-white)
    }

.rbt-footer.rbt-footer-dark .rbt-social-icon-list li a {
    color: var(--color-gray-300)
}

    .rbt-footer.rbt-footer-dark .rbt-social-icon-list li a:hover {
        color: var(--color-white)
    }

.rbt-footer.rbt-footer-dark .copyright-area .rbt-link-hover a {
    color: var(--color-brand-100)
}

    .rbt-footer.rbt-footer-dark .copyright-area .rbt-link-hover a:hover {
        color: var(--color-white)
    }

.rbt-footer.rbt-footer-dark .copyright-area .rbt-link-hover.variation-2 a {
    color: var(--color-gray-300)
}

    .rbt-footer.rbt-footer-dark .copyright-area .rbt-link-hover.variation-2 a:hover {
        color: var(--color-white)
    }

.rbt-footer.rbt-footer-dark .rbt-newsletter-form-one input:focus {
    border-color: var(--white-opacity)
}

.rbt-footer.rbt-footer-dark .rbt-quick-contact-box {
    border-color: var(--color-gray-700)
}

    .rbt-footer.rbt-footer-dark .rbt-quick-contact-box:hover {
        border-color: var(--color-gray-400)
    }

    .rbt-footer.rbt-footer-dark .rbt-quick-contact-box .rbt-quick-contact-info {
        border-color: var(--color-gray-700)
    }

.rbt-footer.rbt-footer-style-ten .rbt-watermark-text, .rbt-footer.rbt-footer-style-three .rbt-watermark-text {
    margin-bottom: -4px
}

@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-footer.rbt-footer-style-ten .rbt-watermark-text, .rbt-footer.rbt-footer-style-three .rbt-watermark-text {
        margin-bottom: 28px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-footer.rbt-footer-style-ten .rbt-watermark-text, .rbt-footer.rbt-footer-style-three .rbt-watermark-text {
        margin-bottom: 16px
    }
}

.rbt-footer.rbt-footer-style-seven .rbt-watermark-text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -152px
}

@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-footer.rbt-footer-style-seven .rbt-watermark-text {
        bottom: -110px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-footer.rbt-footer-style-seven .rbt-watermark-text {
        bottom: -48px
    }
}

.rbt-footer.rbt-footer-style-nine .rbt-breadcrumb-page-list .rbt-breadcrumb-item:not(.active) a {
    color: var(--color-white)
}

    .rbt-footer.rbt-footer-style-nine .rbt-breadcrumb-page-list .rbt-breadcrumb-item:not(.active) a:hover {
        color: var(--color-gray-400)
    }

.rbt-footer.rbt-footer-style-ten .footer-widget .ft-link .rbt-quick-contact-box .rbt-icon {
    font-size: var(--h2)
}

.rbt-footer.rbt-footer-style-ten .footer-widget .ft-link .rbt-quick-contact-box .rbt-quick-contact-info a {
    font-size: var(--h4);
    line-height: 1.5
}

@media only screen and (max-width: 767px) {
    .rbt-footer.rbt-footer-style-ten .footer-widget .ft-link .rbt-quick-contact-box .rbt-quick-contact-info a {
        font-size: 18px
    }
}

.rbt-footer.rbt-footer-style-four .footer-widget {
    padding: 32px
}

@media only screen and (min-width: 1600px) {
    .rbt-footer.rbt-footer-style-four .footer-widget {
        padding: 56px 0 56px 80px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-footer.rbt-footer-style-four .footer-widget {
        padding: 24px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-footer.rbt-footer-style-four .footer-widget {
        padding: 16px 8px
    }
}

.rbt-footer.has-footer-widget-border .footer-widget {
    border-left: 2px solid var(--color-border-2);
    height: 100%
}

@media only screen and (max-width: 767px) {
    .rbt-footer.has-footer-widget-border .footer-widget {
        border-left: 0
    }
}

.rbt-footer .logo {
    width: fit-content
}

.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/Z3XFE34WKNYq.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);
    justify-content: space-between;
}

@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-right: 12px;
    display: grid;
    border-right: 2px solid var(--color-gray-100);
    width: 100%;
    text-align: left;
}

    .rbt-quick-contact-box .rbt-quick-contact-info a {
        font-weight: var(--f-bold) !important
    }

.rbt-quick-contact-box:hover {
    border-color: var(--color-primary)
}

    .rbt-quick-contact-box:hover .rbt-icon {
        color: var(--color-primary)
    }

.rbt-footer-content .row {
    position: relative;
    z-index: 1
}

.rbt-footer-content .rbt-separator-mid {
    z-index: 0
}

.rbt-footer-image-wrapper img {
    position: absolute;
    right: -16%;
    bottom: 0;
    max-width: 722px;
    max-height: 596px
}

@media (min-width: 1400px) and (max-width:1699px) {
    .rbt-footer-image-wrapper img {
        right: 0;
        max-width: 44%
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .rbt-footer-image-wrapper img {
        right: 0;
        max-width: 44%
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-footer-image-wrapper img {
        right: 0
    }
}

@media only screen and (max-width: 767px),only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-footer-image-wrapper img {
        display: none
    }
}

.rbt-footer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

    .rbt-footer-overlay::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(177deg,rgba(5,5,31,0) 46.3%,rgba(5,5,31,.81) 83.99%)
    }

@-webkit-keyframes border-transform {
    0%,100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }

    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }

    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }

    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }

    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }

    70% {
        border-radius: var(--radius-full) 50% 34% 66%/56% 68% 32% 44%
    }

    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }
}

.paginacontainer {
    height: 3000px
}

.rbt-progress-parent {
    position: fixed;
    right: 30px;
    bottom: 30px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px var(--color-brand-100);
    z-index: 355;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    backdrop-filter: blur(2px);
    background: rgba(255,255,255,.4)
}

@media only screen and (max-width: 1199px) {
    .rbt-progress-parent {
        bottom: 56px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-progress-parent {
        bottom: 80px
    }
}

.rbt-progress-parent.rbt-backto-top-active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.rbt-progress-parent::after {
    position: absolute;
    font-family: "Font Awesome 7 Pro",sans-serif;
    content: "\f062";
    text-align: center;
    line-height: 46px;
    font-size: 20px;
    color: var(--color-primary);
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.rbt-progress-parent:hover::after {
    color: var(--color-primary)
}

.rbt-progress-parent::before {
    position: absolute;
    font-family: "Font Awesome 7 Pro",sans-serif;
    content: "\f062";
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    opacity: 0;
    background: #0d0d12;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    color: var(--color-primary)
}

.rbt-progress-parent svg path {
    fill: none
}

.rbt-progress-parent svg.rbt-back-circle path {
    stroke: var(--color-primary);
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    opacity: .6
}

:root {
    --splash-shadow: 0px 8px 100px 0px #EAEAEA
}

.splash-section-gap {
    padding: 120px 0
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .splash-section-gap {
        padding: 80px 0
    }
}

@media only screen and (max-width: 767px) {
    .splash-section-gap {
        padding: 48px 0
    }
}

.splash-section-gapTop {
    padding-top: 120px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .splash-section-gapTop {
        padding-top: 80px
    }
}

@media only screen and (max-width: 767px) {
    .splash-section-gapTop {
        padding-top: 48px
    }
}

.splash-section-gapBottom {
    padding-bottom: 120px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .splash-section-gapBottom {
        padding-bottom: 80px
    }
}

@media only screen and (max-width: 767px) {
    .splash-section-gapBottom {
        padding-bottom: 48px
    }
}

.splash-section-gap2 {
    padding: 100px 0
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .splash-section-gap2 {
        padding: 80px 0
    }
}

@media only screen and (max-width: 767px) {
    .splash-section-gap2 {
        padding: 48px 0
    }
}

.splash-section-gap2Top {
    padding-top: 100px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .splash-section-gap2Top {
        padding-top: 80px
    }
}

@media only screen and (max-width: 767px) {
    .splash-section-gap2Top {
        padding-top: 48px
    }
}

.splash-section-gap2Bottom {
    padding-bottom: 100px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .splash-section-gap2Bottom {
        padding-bottom: 80px
    }
}

@media only screen and (max-width: 767px) {
    .splash-section-gap2Bottom {
        padding-bottom: 48px
    }
}

.rbt-splash-common-sec-bg {
    background: #eff1f4
}

.rbt-splash-common-sec-bg-2 {
    background: #f9f9f9
}

.splash-page-bg {
    background-color: #f9f9f9
}

.rbt-sticky-section {
    --stickyheader-height: 112px;
    margin: 0 auto;
    position: sticky;
    top: calc(var(--stickyheader-height) + 0);
    transition: margin .3s ease
}

    .rbt-sticky-section.sticky-sec-1 {
        top: calc(var(--stickyheader-height) + 24px)
    }

    .rbt-sticky-section.sticky-sec-2 {
        top: calc(var(--stickyheader-height) + 48px)
    }

    .rbt-sticky-section.sticky-sec-3 {
        top: calc(var(--stickyheader-height) + 72px)
    }

@media only screen and (max-width: 767px) {
    .rbt-sticky-section {
        position: static
    }
}

.rbt-splash-section-title {
    margin-bottom: 40px;
    position: relative
}

    .rbt-splash-section-title .icons {
        font-size: 32px;
        display: flex;
        gap: 24px;
        margin-bottom: 24px
    }

    .rbt-splash-section-title .subtitle {
        font-size: 20px;
        display: inline-block;
        margin-bottom: 8px;
        color: var(--color-black);
        font-family: var(--font-primary);
        position: relative;
        z-index: 2
    }

    .rbt-splash-section-title .rbt-title {
        font-size: 52px;
        color: var(--color-black);
        line-height: 1;
        position: relative;
        z-index: 1
    }

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-splash-section-title .rbt-title {
        font-size: 44px
    }
}

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .rbt-splash-section-title .rbt-title {
        font-size: 32px
    }
}

.rbt-splash-section-title .rbt-title .rbt-title-sm-text {
    font-size: 40px;
    font-weight: var(--f-regular)
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-splash-section-title .rbt-title .rbt-title-sm-text {
        font-size: 36px
    }
}

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .rbt-splash-section-title .rbt-title .rbt-title-sm-text {
        font-size: 28px
    }
}

.rbt-splash-section-title .rbt-title .rbt-overlay-text {
    font-size: 280px;
    font-weight: 700;
    padding: 6px 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -54%;
    line-height: .7;
    z-index: -1;
    white-space: nowrap;
    user-select: none
}

    .rbt-splash-section-title .rbt-title .rbt-overlay-text.overlay-sm {
        font-size: 112px
    }

    .rbt-splash-section-title .rbt-title .rbt-overlay-text.overlay-text-color-var-2 {
        background: linear-gradient(180deg,#d8e8ff 0,#eff1f4 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .rbt-splash-section-title .rbt-title .rbt-overlay-text.overlay-text-color-var-3 {
        background: linear-gradient(180deg,#fff 0,rgba(255,255,255,0) 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        opacity: .1
    }

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-splash-section-title .rbt-title .rbt-overlay-text {
        font-size: 160px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-section-title .rbt-title .rbt-overlay-text {
        font-size: 110px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-splash-section-title .rbt-title .rbt-overlay-text {
        font-size: 80px
    }
}

.rbt-splash-section-title .rbt-title .rbt-text-sm {
    font-size: 40px;
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .rbt-splash-section-title .rbt-title .rbt-text-sm {
        font-size: 30px
    }
}

.rbt-splash-section-title p {
    color: #333
}

.rbt-splash-section-title .rbt-input-field {
    max-width: 580px;
    position: relative;
    margin: 0 auto
}

    .rbt-splash-section-title .rbt-input-field .rbt-icon {
        position: absolute;
        left: 16px;
        top: 50%;
        transform: translateY(-50%);
        line-height: 1
    }

    .rbt-splash-section-title .rbt-input-field input {
        border-radius: 100px;
        padding-left: 36px;
        color: var(--color-heading);
        box-shadow: none
    }

        .rbt-splash-section-title .rbt-input-field input::placeholder {
            color: var(--color-body)
        }

.rbt-overlay-counter {
    font-size: 280px;
    line-height: 1;
    font-weight: 700;
    user-select: none
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-overlay-counter {
        font-size: 160px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-overlay-counter {
        font-size: 110px
    }
}

@media only screen and (max-width: 479px) {
    .rbt-overlay-counter {
        font-size: 50px
    }
}

.rbt-overlay-counter .odometer .odometer-digit .odometer-value {
    background: linear-gradient(180deg,rgba(33,90,218,.3) 0,rgba(239,241,244,.3) 87.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-overlay-counter .counter-suffix {
    background: linear-gradient(180deg,rgba(33,90,218,.3) 0,rgba(239,241,244,.3) 87.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-overlay-counter.counter-sm {
    font-size: 112px
}

.rbt-overlay-counter.counter-md {
    font-size: 180px
}

    .rbt-overlay-counter.counter-md .counter-suffix {
        margin-left: -46px
    }

.rbt-overlay-counter.color-variation-2 .odometer .odometer-digit .odometer-value {
    background: linear-gradient(180deg,rgba(33,90,218,.6) 0,rgba(0,0,0,.6) 87.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-overlay-counter.color-variation-2 .counter-suffix {
    background: linear-gradient(180deg,rgba(33,90,218,.6) 0,rgba(0,0,0,.6) 87.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-splash-gradient-text {
    background: linear-gradient(to left,#4be53e,#302aef);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rbt-splash-bg-light {
    position: absolute;
    width: 262px;
    height: 262px;
    background: var(--color-primary);
    filter: blur(150px);
    border-radius: var(--radius-full)
}

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .rbt-splash-bg-light {
        width: 188px;
        height: 188px
    }
}

.rbt-splash-bg-light.bg-light-sm {
    width: 134px;
    height: 134px
}

.rbt-splash-bg-light.light-center-left {
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.rbt-splash-bg-light.light-center-right {
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.rbt-splash-bg-light.light-top-right {
    top: 20%;
    right: 0
}

.rbt-splash-bg-light.light-top-left {
    top: 20%;
    left: 0
}

.rbt-splash-bg-light.light-bottom-left {
    bottom: 20%;
    left: 0
}

.rbt-splash-bg-light.light-bottom-right {
    bottom: 10%;
    right: 0
}

.splash-header-campaign-area .icon-close.position-right {
    right: 16px
}

.rbt-splash-header-area .header-transparent {
    background: 0 0;
    position: absolute;
    width: 100%
}

.rbt-splash-header-area.rbt-header .header-transparent .rbt-mainmenu-nav .mainmenu > li > a {
    color: var(--color-white)
}

.rbt-splash-header-area.rbt-header .header-transparent .rbt-header-common-sticky-activation .rbt-mainmenu-nav .mainmenu li > a {
    color: var(--color-heading)
}

.rbt-intro-video-box {
    position: absolute;
    top: -12%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: 688px;
    height: 530px
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-intro-video-box {
        top: -5%
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-intro-video-box {
        top: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-intro-video-box {
        top: 24px;
        width: 568px;
        height: 504px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-intro-video-box {
        top: 24px;
        width: 300px;
        height: 284px
    }
}

@media only screen and (max-width: 575px) {
    .rbt-intro-video-box {
        width: 285px;
        height: 227px
    }
}

.rbt-intro-video-box .desktop {
    width: 100%;
    height: 398px;
    padding: 16px;
    background: linear-gradient(216deg,#b3b3b3,#a8a8a8);
    border-radius: 6px;
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translateX(-50%)
}

@media only screen and (max-width: 767px) {
    .rbt-intro-video-box .desktop {
        height: 228px;
        padding: 8px
    }
}

@media only screen and (max-width: 575px) {
    .rbt-intro-video-box .desktop {
        height: 170px;
        padding: 4px
    }
}

.rbt-intro-video-box .desktop img, .rbt-intro-video-box .desktop video {
    display: block;
    width: 100%;
    height: 100%
}

.rbt-intro-video-box .desktop .play-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 124px;
    width: 124px;
    border: 2px solid #e53e3e;
    border-radius: 50%;
    font-size: 40px;
    color: #e53e3e;
    background: rgba(255,255,255,.5);
    backdrop-filter: blur(3px);
    position: absolute;
    top: 36%;
    left: 42%
}

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .rbt-intro-video-box .desktop .play-btn {
        font-size: 24px;
        height: 80px;
        width: 80px
    }
}

@media only screen and (max-width: 575px) {
    .rbt-intro-video-box .desktop .play-btn {
        top: 27%;
        left: 39%
    }
}

.rbt-intro-video-box .desktop-stand {
    position: absolute;
    bottom: 0
}

.rbt-intro-video-box .desktop-shadow {
    position: absolute;
    top: calc(100% - 22px);
    left: 50%;
    transform: translateX(-50%);
    z-index: -1
}

@media only screen and (max-width: 767px) {
    .rbt-intro-video-box .desktop-shadow {
        top: calc(100% - 10px)
    }
}

.rbt-intro-video-box .mini-pc {
    position: absolute;
    right: 0;
    bottom: 0
}

@media only screen and (max-width: 767px) {
    .rbt-intro-video-box .mini-pc {
        max-width: 72px
    }
}

.rbt-splash-feature-area {
    padding-top: 348px;
    background: url(../images/yS0GU8XuS0pL.webp)
}

@media only screen and (max-width: 767px) {
    .rbt-splash-feature-area {
        padding-top: 290px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-feature-area .rbt-splash-section-title {
        margin-bottom: 0
    }
}

.rbt-splash-feature-area .rbt-splash-section-title .section-indicator {
    right: auto;
    left: -130px;
    top: -80px
}

@media only screen and (max-width: 767px) {
    .rbt-splash-feature-area .rbt-splash-section-title .section-indicator {
        left: 0;
        top: -32px !important;
        z-index: 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px),only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-splash-feature-area .rbt-splash-section-title .section-indicator {
        display: none
    }
}

.rbt-key-features {
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 1200px) and (max-width:1599px) {
    .rbt-key-features {
        margin-top: 184px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px) {
    .rbt-key-features {
        margin-top: 252px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-key-features {
        margin-top: 24px;
        gap: 12px
    }
}

.rbt-key-features .single-feature {
    width: fit-content;
    font-size: 20px;
    color: var(--color-black);
    max-height: 260px;
    min-width: 170px;
    width: 100%;
    text-align: center;
    position: relative
}

    .rbt-key-features .single-feature::before {
        content: "";
        position: absolute;
        width: calc(100% + 4px);
        height: 100%;
        background: linear-gradient(180deg,rgba(33,88,218,0),rgba(249,249,249,0));
        border-radius: 14px;
        top: -1px;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        opacity: 0;
        transition: var(--transition)
    }

    .rbt-key-features .single-feature .inner {
        padding: 56px 16px;
        background: linear-gradient(180deg,#e9f1fc 0,#f9f9f9 100%);
        border-radius: 12px;
        height: 100%
    }

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .rbt-key-features .single-feature .inner {
        padding: 24px 16px 32px
    }
}

.rbt-key-features .single-feature:nth-child(even) {
    margin-top: -24px
}

.rbt-key-features .single-feature:hover::before {
    top: -2px;
    opacity: 1;
    width: calc(100% + 4px);
    background: linear-gradient(180deg,#215ada,#f9f9f9)
}

.rbt-key-features .single-feature:hover:hover .hover-icon {
    opacity: 1;
    visibility: visible
}

.rbt-key-features .single-feature:hover:hover .default-icon {
    opacity: 0;
    visibility: hidden
}

.rbt-key-features .single-feature .icon {
    height: 72px;
    width: 72px;
    background: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 32px;
    color: var(--color-primary);
    margin: 0 auto;
    margin-bottom: 12px;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .rbt-key-features .single-feature .icon {
        height: 52px;
        width: 52px;
        font-size: 20px
    }
}

.rbt-key-features .single-feature .icon .default-icon {
    transition: var(--transition)
}

.rbt-key-features .single-feature .icon .hover-icon {
    max-width: 44px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: var(--transition)
}

.rbt-key-features .single-feature .icon.icon-1 img {
    max-width: 68px
}

.rbt-key-features .single-feature .icon.icon-2 img {
    width: 60px
}

.rbt-key-features .single-feature .icon.icon-3 img {
    max-width: 44px
}

.rbt-key-features .single-feature .icon.icon-4 img {
    max-width: 44px
}

.rbt-key-features .single-feature .rbt-description {
    font-size: 20px;
    color: var(--color-black);
    margin-bottom: 0
}

.rbt-key-features .rbt-single-key-feature-card {
    border-radius: var(--radius-12);
    background: #eff6ff;
    box-shadow: 0 8px 100px 0 #eaeaea;
    position: relative
}

    .rbt-key-features .rbt-single-key-feature-card::after {
        content: "";
        position: absolute;
        height: calc(100% + 2px);
        width: calc(100% + 2px);
        top: -1px;
        left: -1px;
        border-radius: var(--radius-12);
        z-index: -1
    }

    .rbt-key-features .rbt-single-key-feature-card .rbt-inner {
        position: relative;
        z-index: 1;
        border-radius: var(--radius-12)
    }

    .rbt-key-features .rbt-single-key-feature-card .rbt-content {
        padding: 24px 0 24px 24px
    }

        .rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-pre-title {
            color: var(--color-black);
            font-size: var(--font-size-b1);
            margin-bottom: 4px
        }

        .rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list {
            padding: 0;
            margin: 0;
            display: flex;
            gap: 10px;
            flex-wrap: wrap
        }

            .rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list li {
                padding: 4px 10px;
                margin: 0;
                display: flex;
                gap: 4px;
                align-items: center;
                font-size: var(--font-size-b4);
                line-height: 1.86;
                font-weight: var(--f-semi-bold);
                color: var(--color-black);
                background: rgba(219,235,255,.61);
                border-radius: 100px
            }

                .rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list li i {
                    color: var(--color-primary)
                }

                .rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list li .rbt-marquee {
                    overflow: hidden;
                    position: relative;
                    max-width: 72px;
                    white-space: nowrap;
                    font-weight: var(--f-regular)
                }

                    .rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list li .rbt-marquee:before {
                        content: "";
                        position: absolute;
                        left: 0;
                        top: 0;
                        height: 100%;
                        width: 20px;
                        background: linear-gradient(to right,#e3f0ff,rgba(255,255,255,0));
                        z-index: 2
                    }

                    .rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list li .rbt-marquee:after {
                        content: "";
                        position: absolute;
                        right: 0;
                        top: 0;
                        height: 100%;
                        width: 20px;
                        background: linear-gradient(to left,#e3f0ff,rgba(255,255,255,0));
                        z-index: 1
                    }

                    .rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list li .rbt-marquee span {
                        display: inline-flex;
                        position: relative;
                        z-index: 1;
                        line-height: 1.2;
                        font-weight: var(--f-regular);
                        animation: btnTxtMarqueeX 5s linear infinite
                    }

                        .rbt-key-features .rbt-single-key-feature-card .rbt-content .rbt-key-feature-list li .rbt-marquee span::after {
                            content: attr(data-text);
                            position: absolute;
                            white-space: nowrap;
                            top: 50%;
                            left: 100%;
                            transform: translate(15%,-50%)
                        }

    .rbt-key-features .rbt-single-key-feature-card .rbt-key-feature-thumb {
        position: relative;
        border-radius: 0 0 var(--radius-12) var(--radius-12);
        overflow: hidden
    }

    .rbt-key-features .rbt-single-key-feature-card.rbt-card-var-1 {
        background: url(../images/fVN6bKAY4X31.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/i9XTbpMwB69s.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/x83UwWN7ihQJ.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/0W7Cwf1xpaz2.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/8pfWUfzHOLHv.webp);
        mask-image: url(../images/8pfWUfzHOLHv.webp);
        background-image: url(../images/8pfWUfzHOLHv.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/Gj8kfaqjLbQh.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/liFinROx7Hf0.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/Cmb9G8X7sW7r.webp);
    mask-image: url(../images/Cmb9G8X7sW7r.webp);
    background-image: url(../images/Cmb9G8X7sW7r.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/8ZO5zxeEHeur.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/736XOdN6m7bR.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/k11gDeKvuxco.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/QqJHx0Ejd6ED.webp)
        }

        .rbt-header-builder-card .rbt-element-image.image-3 {
            background: url(../images/82Bjor0ZwHoR.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/N9LOyzPxecS1.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/wNcz2gg88h4U.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/JY64TxGJ4W3N.webp);
            background-size: cover;
            background-repeat: no-repeat
        }

        .rbt-purchase-option-card .option-card-top.card-bg-2 {
            background: url(../images/BsiRDwHJKhvR.webp);
            background-size: cover;
            background-repeat: no-repeat
        }

        .rbt-purchase-option-card .option-card-top.card-bg-3 {
            background: url(../images/JkGKWFmYlH2R.webp);
            background-size: cover;
            background-repeat: no-repeat
        }

        .rbt-purchase-option-card .option-card-top.card-bg-4 {
            background: url(../images/dsL4kt58rvPg.webp);
            background-size: cover;
            background-repeat: no-repeat
        }

        .rbt-purchase-option-card .option-card-top.card-bg-5 {
            background: url(../images/7tOylvHooiKJ.webp);
            background-size: cover;
            background-repeat: no-repeat
        }

        .rbt-purchase-option-card .option-card-top.card-bg-6 {
            background: url(../images/XbCYJOGZ7ucz.webp);
            background-size: cover;
            background-repeat: no-repeat
        }

        .rbt-purchase-option-card .option-card-top.card-bg-7 {
            background: url(../images/liwhel5Nd18b.webp);
            background-size: cover;
            background-repeat: no-repeat
        }

        .rbt-purchase-option-card .option-card-top.card-bg-8 {
            background: url(../images/6v3gglQqyawy.webp);
            background-size: cover;
            background-repeat: no-repeat
        }

        .rbt-purchase-option-card .option-card-top.card-bg-9 {
            background: url(../images/782UAy8Dro3s.webp);
            background-size: cover;
            background-repeat: no-repeat
        }

        .rbt-purchase-option-card .option-card-top.card-bg-10 {
            background: url(../images/VvA1PVaEcqq0.webp);
            background-size: cover;
            background-repeat: no-repeat
        }

        .rbt-purchase-option-card .option-card-top.card-bg-11 {
            background: url(../images/c7xEbccxGrC9.webp);
            background-size: cover;
            background-repeat: no-repeat
        }

        .rbt-purchase-option-card .option-card-top.card-bg-12 {
            background: url(../images/8IQShgZIdfef.webp);
            background-size: cover;
            background-repeat: no-repeat
        }

        .rbt-purchase-option-card .option-card-top.card-bg-13 {
            background: url(../images/F847C671AzCr.webp);
            background-size: cover;
            background-repeat: no-repeat
        }

        .rbt-purchase-option-card .option-card-top.card-bg-14 {
            background: url(../images/IxCiZULo9W44.webp);
            background-size: cover;
            background-repeat: no-repeat
        }

        .rbt-purchase-option-card .option-card-top.card-bg-15 {
            background: url(../images/XmGiSHGjvdex.webp);
            background-size: cover;
            background-repeat: no-repeat
        }

        .rbt-purchase-option-card .option-card-top::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(180deg,rgba(0,0,0,0) -15%,rgba(16,16,21,.7) 24%,#17171f 100%)
        }

        .rbt-purchase-option-card .option-card-top .purchase-option-image {
            position: absolute;
            z-index: 1
        }

            .rbt-purchase-option-card .option-card-top .purchase-option-image.image-position-center {
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%)
            }

            .rbt-purchase-option-card .option-card-top .purchase-option-image.image-position-top-right {
                top: 10%;
                right: 3%
            }

            .rbt-purchase-option-card .option-card-top .purchase-option-image.image-position-top-left {
                top: 10%;
                left: 3%
            }

        .rbt-purchase-option-card .option-card-top .rbt-overlay-indicator-text {
            position: absolute;
            align-items: end;
            top: 20%;
            left: 6%;
            z-index: 1
        }

            .rbt-purchase-option-card .option-card-top .rbt-overlay-indicator-text.rotate-in-right {
                right: 11%;
                left: auto;
                writing-mode: vertical-lr;
                display: flex;
                align-items: center;
                gap: 10px
            }

            .rbt-purchase-option-card .option-card-top .rbt-overlay-indicator-text.rotate-in-left {
                left: 11%;
                writing-mode: vertical-lr;
                rotate: 180deg;
                display: flex;
                align-items: center;
                gap: 8px
            }

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:1200px) and (max-width:1399px) {
    .rbt-purchase-option-card .option-card-top .rbt-overlay-indicator-text {
        top: 50%
    }
}

.rbt-purchase-option-card .option-card-top .rbt-overlay-indicator-text .overlay-text {
    font-family: var(--font-secondary)
}

.rbt-purchase-option-card .option-card-content {
    padding: 20px 40px 40px;
    min-height: 186px;
    background: #17171f;
    position: relative;
    margin-top: -2px
}

.rbt-pagination-card .pagination-card-top img {
    box-shadow: var(--shadow-1);
    border-radius: var(--radius-md);
    width: 100%
}

.rbt-pagination-card .pagination-card-content {
    padding: 24px 24px 0
}

@media only screen and (max-width: 767px) {
    .rbt-pagination-card .pagination-card-content {
        padding: 8px
    }
}

.rbt-pagination-card .pagination-card-content .rbt-title {
    margin-bottom: 8px;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .rbt-pagination-card .pagination-card-content .rbt-title {
        margin-bottom: 2px
    }
}

.rbt-search-option-list {
    margin: 0;
    padding: 0;
    display: grid;
    gap: 16px
}

    .rbt-search-option-list li {
        margin: 0;
        padding: 0
    }

    .rbt-search-option-list .single-option {
        background: var(--color-white);
        box-shadow: var(--shadow-1);
        border: 1px solid transparent;
        border-radius: var(--radius-12);
        padding: 28px;
        display: grid;
        gap: 12px;
        height: 88px;
        overflow: hidden;
        transition: var(--transition)
    }

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-search-option-list .single-option {
        height: 84px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-search-option-list .single-option {
        padding: 16px 12px;
        height: 62px
    }
}

.rbt-search-option-list .single-option.active {
    height: 145px;
    border-color: var(--color-primary)
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .rbt-search-option-list .single-option.active {
        height: 164px
    }
}

.rbt-search-option-list .single-option.active .rbt-description {
    transform: translateY(0)
}

.rbt-search-option-list .single-option .rbt-description {
    transform: translateY(12px);
    transition: var(--transition);
    color: var(--color-gray-700);
    font-size: var(--font-size-b1)
}

.rbt-search-option-list .single-option .single-opiton-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (max-width: 479px) {
    .rbt-search-option-list .single-option .single-opiton-header .rbt-title {
        width: 240px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media only screen and (max-width: 375px) {
    .rbt-search-option-list .single-option .single-opiton-header .rbt-title {
        width: 210px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.rbt-search-option-list .single-option .single-opiton-header i {
    font-size: 20px;
    color: var(--color-primary);
    margin-right: 4px
}

.rbt-search-option-layout-img-area {
    height: 100%;
    border-radius: var(--radius-12);
    overflow: hidden
}

    .rbt-search-option-layout-img-area .search-option-layout-img {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 640px
    }

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .rbt-search-option-layout-img-area .search-option-layout-img {
        min-height: 440px
    }
}

.rbt-search-option-layout-img-area .search-option-layout-img .layout-bg {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.rbt-search-option-layout-img-area .tab-pane {
    transform: translateY(0);
    opacity: 1
}

    .rbt-search-option-layout-img-area .tab-pane.show {
        animation: splashslideDown .5s ease-out forwards
    }

    .rbt-search-option-layout-img-area .tab-pane.fade:not(.show) {
        animation: splashslideUp .5s ease-out forwards
    }

@keyframes splashslideDown {
    from {
        transform: translateY(100px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes splashslideUp {
    from {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(-100px);
        opacity: 0
    }
}

@keyframes splashzoomIn {
    from {
        transform: scale(.8);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes splashzoomOut {
    from {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(.8);
        opacity: 0
    }
}

.tab-pane .layout-bg, .tab-pane .layout-img {
    opacity: 1
}

.tab-pane.show .layout-img {
    animation: splashslideDown .5s ease-out forwards
}

.tab-pane.fade:not(.show) .layout-img {
    animation: splashslideUp .5s ease-out forwards
}

.tab-pane.show .layout-bg {
    animation: splashzoomIn .5s ease-out forwards
}

.tab-pane.fade:not(.show) .layout-bg {
    animation: splashzoomOut .5s ease-out forwards
}

.rbt-splash-product-cart-layout-area .rbt-splash-section-title .section-indicator {
    top: 0
}

.rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active {
    padding: 40px 0;
    position: relative
}

    .rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 320px;
        height: 100%;
        z-index: 2;
        background: linear-gradient(90deg,#f9f9f9 0,rgba(249,249,249,0) 100%)
    }

@media only screen and (min-width: 992px) and (max-width:1199px),only screen and (min-width:1200px) and (max-width:1399px) {
    .rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active::before {
        width: 200px
    }
}

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active::before {
        content: none
    }
}

.rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 320px;
    height: 100%;
    z-index: 2;
    background: linear-gradient(270deg,#f9f9f9 0,rgba(249,249,249,0) 100%)
}

@media only screen and (min-width: 992px) and (max-width:1199px),only screen and (min-width:1200px) and (max-width:1399px) {
    .rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active::after {
        width: 200px
    }
}

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px) {
    .rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active::after {
        content: none
    }
}

.rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active .swiper-slide {
    width: fit-content
}

.rbt-splash-product-cart-layout-area .rbt-splash-cart-layout-active .rbt-swiper-arrow {
    box-shadow: var(--shadow-1)
}

.rbt-splash-product-cart-layout-area .rbt-splash-cart-layout {
    background: var(--color-white);
    padding: 72px 32px 0 32px;
    border-radius: var(--radius-12);
    box-shadow: var(--shadow-1);
    max-width: 452px;
    user-select: none
}

@media only screen and (min-width: 992px) and (max-width:1199px),only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-splash-product-cart-layout-area .rbt-splash-cart-layout {
        max-width: 380px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .rbt-splash-product-cart-layout-area .rbt-splash-cart-layout {
        padding: 56px 20px 0 20px;
        max-width: 300px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-product-cart-layout-area .rbt-splash-cart-layout {
        padding: 56px 16px 0 16px;
        max-width: 280px
    }
}

.rbt-splash-product-cart-layout-area .rbt-splash-cart-layout .cart-layout-header {
    position: relative
}

.rbt-splash-product-cart-layout-area .rbt-splash-cart-layout .rbt-overlay-text {
    font-size: 72px;
    font-weight: var(--f-bold);
    background: linear-gradient(181deg,rgba(33,90,218,.15) 6.68%,rgba(255,255,255,.06) 87.13%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    top: -60px
}

.splash-sticky-section {
    padding: 130px 0 140px
}

@media only screen and (max-width: 767px) {
    .splash-sticky-section {
        padding: 60px 0 140px
    }
}

.rbt-splash-wide-section-right {
    margin-right: -64px
}

@media only screen and (max-width: 767px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:1200px) and (max-width:1599px) {
    .rbt-splash-wide-section-right {
        margin-right: 0
    }
}

.splash-section-bg-yellow {
    background: url(../images/obAYT1oDjSiZ.png),#fbe523;
    background-size: cover
}

.splash-section-bg-blue {
    background: url(../images/EYQm5WcXs0ye.png),#2d67e8;
    background-size: cover
}

.splash-section-bg-green {
    background: url(../images/LJKL4zUtwd3K.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/XdUEOpyKJqXi.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/rHX7juP4UGAD.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/gXTsOWsmKoS7.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/IK20Qw0JjbF4.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/790dNmQAWB6S.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/uYCmdxs3ZOKE.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/feSPDxPHjpoO.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/Apkrcj9CORsX.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/37m04YhLCj4P.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/38IxXaH9sMyE.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/cJLssZSqhZS7.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/sXhW5enlV9qa.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/QyZsDXRFFzbG.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/KwU3YdGc5gBB.png);
        mask-image: url(../images/KwU3YdGc5gBB.png);
        background-image: url(../images/KwU3YdGc5gBB.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/icIvtRk6QpdA.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/6AQguPtu37ES.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/yhuSWkmhmdqp.png),var(--color-brand-50);
    background-size: cover
}

.rbt-splash-banner-bg-var-2 {
    background: url(../images/EYQm5WcXs0ye.png),url(../images/Emv8SZeeoxEC.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/l7y9Mi1cmx72.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/DM4YW5Y6KMEE.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-mask-image: url(../images/DM4YW5Y6KMEE.png);
    mask-image: url(../images/DM4YW5Y6KMEE.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
    }

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

html, body {
    max-width: 100%;
  /*  overflow-x: hidden;*/
}

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

.rbt-blog-content {
    text-align: center;
    padding-top: 15px;
}

.icon {
    width: 25px
}
.swiper-slide, .swiper-android .swiper-slide, .swiper-wrapper {
    max-height: 499px;
}
@media(max-width:800px){
    .swiper-slide, .swiper-android .swiper-slide, .swiper-wrapper {
        max-height: 390px;
    }
    .rbt-bold--text {
     
        font-size: 20px;
       
    }
}