* {
            box-sizing: border-box;
            font-smooth: always;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: auto;
            -webkit-tap-highlight-color: var(--focusRing);
            -webkit-nbsp-mode: normal
        }

        *,
        :focus {
            outline: none
        }

        .is-android * {
            max-height: 9999999px;
            -moz-text-size-adjust: none
        }

        body,
        html {
            width: 100%;
            margin: 0;
            padding: 0;
            -webkit-locale: "en";
            overscroll-behavior: none
        }

        html {
            -webkit-text-size-adjust: 100%;
            text-size-adjust: 100%;
            font-size: var(--1rem, 16px) !important;
            letter-spacing: var(--letterSpacing, normal) !important;
            touch-action: manipulation
        }

        body {
            position: relative;
            word-break: normal;
            background: var(--pageBackground, #fff);
            zoom: var(--zoom)
        }

        [contenteditable=true],
        body {
            overflow-wrap: anywhere
        }

        .page-background {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: -1;
            contain: strict;
            background-repeat: var(--pageBackgroundRepeat, repeat);
            background-position: var(--pageBackgroundPosition, center);
            background-size: var(--pageBackgroundSize, cover);
            background-image: var(--pageBackgroundImage)
        }

        .page-background--fixed {
            position: fixed;
            left: var(--fixedOffset);
            width: var(--100vw);
            height: var(--100lvh)
        }

        :is(a, button, input[type=submit], [tabindex="0"]):focus-visible {
            box-shadow: 0 0 0 4px var(--focusRing)
        }

        audio,
        canvas,
        embed,
        iframe,
        img,
        object,
        svg,
        video {
            display: block;
            vertical-align: middle;
            border-style: none
        }

        audio,
        canvas,
        embed,
        iframe,
        object {
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

        embed,
        iframe,
        img,
        input[type=image],
        object,
        table,
        video {
            aspect-ratio: attr(width)/attr(height)
        }

        p {
            margin: 0
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        ol,
        p,
        ul {
            margin: 0;
            margin-block: 0;
            margin-inline: 0
        }

        h1 {
            font-size: 3rem
        }

        h2 {
            font-size: 2.25rem
        }

        h3 {
            font-size: 1.875rem
        }

        h4 {
            font-size: 1.5rem
        }

        h5 {
            font-size: 1.25rem
        }

        h6 {
            font-size: 1rem
        }

        .element-text :is(h1, h2, h3, h4, h5, h6) {
            font-size: inherit
        }

        .element-text h1 {
            font-size: 1.15em
        }

        ol,
        ul {
            position: relative;
            margin: 0;
            padding: 0;
            list-style: none
        }

        .element-text ul {
            padding-inline-start: 2ch;
            list-style-type: none !important
        }

        .element-text ul>li:before {
            --s: 0.3125em;
            content: "";
            position: absolute;
            left: 0;
            width: var(--s);
            height: var(--s);
            background: currentColor;
            border-radius: 50%;
            margin-top: calc(.5lh - var(--s) / 2);
            margin-left: calc(1ch - var(--s) / 2)
        }

        .element-text ul[style*="list-style-type: square"] li:before {
            --s: 0.65ch;
            border-radius: 0
        }

        .element-text ol {
            padding-inline-start: 3ch;
            list-style-type: none !important
        }

        .element-text ol>li {
            counter-increment: item
        }

        .element-text ol>li:before {
            content: counter(item) ".";
            display: inline-flex;
            white-space: nowrap;
            justify-content: end;
            position: relative;
            text-align: right;
            padding-right: .4ch;
            width: 3ch;
            margin-left: -3ch;
            border-radius: 50%;
            font-variant-numeric: tabular-nums;
            box-sizing: border-box
        }

        :is(ul, ol, table, tr)>br {
            display: none
        }

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

        button,
        input {
            overflow: visible;
            line-height: normal
        }

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

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

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

        img,
        svg {
            max-width: 100%
        }

        svg {
            display: inline-block;
            max-height: 100%;
            fill: currentColor;
            fill-rule: evenodd;
            stroke: currentColor;
            stroke-width: 0
        }

        hr {
            border: 0;
            margin-top: .5em;
            margin-bottom: .5em;
            height: 1px;
            background: currentColor
        }

        .is-ios.is-safari .page-background--fixed {
            transform: translateZ(0)
        }

        [color-type=gradient] {
            display: inline-block;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent
        }

        [color-type=gradient] s,
        [color-type=gradient] u {
            text-decoration-color: var(--currentColor)
        }

        [color-type=gradient] a {
            opacity: 1 !important
        }

        [color-type=color]:not(:has([background-type])) {
            display: contents
        }

        [color-type=color] s,
        [color-type=color] u {
            text-decoration-color: initial
        }

        [background-type] {
            display: initial !important
        }

        body:not(.mode--editor) {
            min-height: var(--100vh)
        }

        body:not(.mode--editor) .only-editor {
            display: none
        }

        body:not(.show-hidden).adaptive-desktop [data-hidden=desktop],
        body:not(.show-hidden).adaptive-mobile [data-hidden=mobile],
        body:not(.show-hidden) [data-hidden=all] {
            display: none !important
        }

        .invisible {
            opacity: 0;
            visibility: hidden
        }

        .hidden-all,
        [data-hidden=true],
        [hidden],
        body.adaptive-desktop .hidden-desktop,
        body.adaptive-mobile .hidden-mobile,
        body:not(.adaptive-desktop) .visible-desktop,
        body:not(.adaptive-mobile) .visible-mobile {
            display: none !important
        }

        .adaptive-mobile .provide-panel-safe-area {
            padding-top: 59px
        }

        .widget-list {
            display: contents
        }

        @property --fixedOffset {
            syntax: "<length>";
            inherits: true;
            initial-value: 0
        }

        @property --zoom {
            syntax: "<number>";
            inherits: true;
            initial-value: 1
        }

        :root {
            --letterSpacing: 0;
            --1rem: 16px;
            --xsmallGap: 15px;
            --smallGap: 25px;
            --normalGap: 50px;
            --largeGap: 70px;
            --containerGutter: 25px;
            --containerWidth: 1150px;
            --containerMaxWidth: calc(var(--100vw) - var(--containerGutter) * 2);
            --headerElementsGap: 7px;
            --headerMaxWidth: calc(100% - 14px);
            --headerWidth: calc(var(--containerWidth) + 14px);
            --100cqi: 100cqi;
            --100cqb: 100cqb;
            --100vw: calc(100vw / var(--zoom));
            --100dvw: calc(100vw / var(--zoom));
            --100svw: calc(100vw / var(--zoom));
            --100lvw: calc(100vw / var(--zoom));
            --100vh: calc(100vh / var(--zoom));
            --100dvh: calc(100vh / var(--zoom));
            --100svh: calc(100vh / var(--zoom));
            --100lvh: calc(100vh / var(--zoom));
            --cover: var(--100svh);
            --heroHeight: var(--cover, var(--100lvh, 100vh));
            --heroHeightMin: 0vh;
            --heroHeightMax: 1000vh;
            --linkOpacity: 1;
            --linkColor: inherit;
            --linkDecoration: underline;
            --linkDecorationThickness: 1px;
            --linkHoverColor: inherit;
            --linkHoverOpacity: 0.75;
            --linkHoverDecoration: none;
            --transitionDuration: 0.3s;
            --transitionTiming: ease;
            --safeAreaTop: env(safe-area-inset-top);
            --safeAreaRight: env(safe-area-inset-right);
            --safeAreaBottom: env(safe-area-inset-bottom);
            --safeAreaLeft: env(safe-area-inset-left);
            --imageRendering: auto;
            --scrollbarWidth: 0px
        }

        @supports (width:100dvw) {
            :root {
                --100dvw: calc(100dvw / var(--zoom));
                --100svw: calc(100svw / var(--zoom));
                --100lvw: calc(100lvw / var(--zoom));
                --100dvh: calc(100dvh / var(--zoom));
                --100svh: calc(100svh / var(--zoom));
                --100lvh: calc(100lvh / var(--zoom))
            }
        }

        :root {
            --lightColor: #fff;
            --lightColor_contrast: #000;
            --darkColor: #000;
            --darkColor_contrast: #fff;
            --lightText: #fff;
            --lightText_contrast: #060607;
            --darkText: #060607;
            --darkText_contrast: #fff;
            --currentColor: #060607;
            --currentContrast: #060607;
            --contrastColor: #fff;
            --focusRing: rgba(0, 149, 255, .35)
        }

        :root:has(body.adaptive-mobile) {
            --containerGutter: 15px;
            --containerWidth: 360px;
            --headerMaxWidth: calc(100% - 10px);
            --headerWidth: calc(var(--containerWidth) + 4px);
            --headerElementsGap: 2px;
            --xsmallGap: 10px;
            --smallGap: 20px;
            --normalGap: 30px;
            --largeGap: 50px
        }

        [data-contrast] {
            color: var(--currentColor)
        }

        [data-contrast=dark] {
            --currentColor: var(--darkText);
            --currentContrast: var(--darkColor);
            --contrastColor: var(--darkText_contrast)
        }

        [data-contrast=light] {
            --currentColor: var(--lightText);
            --currentContrast: var(--lightColor);
            --contrastColor: var(--lightText_contrast)
        }

        @font-face {
            font-family: Roboto-Ruble;
            font-style: normal;
            font-weight: 300;
            src: url("../_s/files/fonts/roboto-ruble-300.woff2") format("woff2");
            font-display: swap;
            unicode-range: u+20bd
        }

        @font-face {
            font-family: Roboto-Ruble;
            font-style: normal;
            font-weight: 400;
            src: url("../_s/files/fonts/roboto-ruble-400.woff2") format("woff2");
            font-display: swap;
            unicode-range: u+20bd
        }

        @font-face {
            font-family: Roboto-Ruble;
            font-style: normal;
            font-weight: 500;
            src: url("../_s/files/fonts/roboto-ruble-500.woff2") format("woff2");
            font-display: swap;
            unicode-range: u+20bd
        }

        @font-face {
            font-family: Roboto-Ruble;
            font-style: normal;
            font-weight: 700;
            src: url("../_s/files/fonts/roboto-ruble-700.woff2") format("woff2");
            font-display: swap;
            unicode-range: u+20bd
        }

        .apply-text-style,
        [class*=font-family-],
        [class*=text-style-] {
            font-family: var(--customFontFamily, var(--fontFamily))
        }

        .apply-text-style,
        [class*=text-style-] {
            font-size: var(--fontSize);
            font-weight: var(--fontWeight);
            line-height: var(--lineHeight);
            letter-spacing: var(--letterSpacing);
            font-style: var(--fontStyle);
            -webkit-text-decoration: var(--textDecoration);
            text-decoration: var(--textDecoration);
            text-transform: var(--textTransform);
            text-align: var(--textAlign, inherit);
            color: var(--currentColor, currentColor)
        }

        .adaptive-mobile .apply-text-style,
        .adaptive-mobile [class*=text-style-] {
            font-family: var(--customFontFamily_mobile, var(--fontFamily));
            font-size: var(--fontSize_mobile, var(--fontSize));
            font-weight: var(--fontWeight_mobile, var(--fontWeight));
            line-height: var(--lineHeight_mobile, var(--lineHeight));
            letter-spacing: var(--letterSpacing_mobile, var(--letterSpacing));
            text-align: var(--textAlign_mobile, var(--textAlign, inherit));
            color: var(--currentColor_mobile, var(--currentColor))
        }

        a {
            text-decoration: none;
            hyphens: manual;
            pointer-events: all
        }

        a,
        a:active,
        a:visited {
            color: inherit;
            outline: none
        }

        .element-text a,
        .style-link,
        p a {
            color: var(--linkColor);
            -webkit-text-decoration: var(--linkDecoration);
            text-decoration: var(--linkDecoration);
            -webkit-text-decoration-skip: ink;
            text-decoration-skip-ink: auto;
            text-decoration-thickness: var(--linkDecorationThickness);
            opacity: var(--linkOpacity);
            transition: all .3s cubic-bezier(.21, .67, .58, 1);
            cursor: pointer
        }

        .element-text a:active,
        .element-text a:visited,
        .style-link:active,
        .style-link:visited,
        p a:active,
        p a:visited {
            color: var(--linkColor)
        }

        .is-pointer .element-text a:hover,
        .is-pointer .style-link:hover,
        .is-pointer p a:hover {
            color: var(--linkHoverColor);
            -webkit-text-decoration: var(--linkHoverDecoration);
            text-decoration: var(--linkHoverDecoration);
            opacity: var(--linkHoverOpacity)
        }

        ol img,
        p img,
        ul img {
            height: auto !important
        }

        figure,
        pre {
            margin: 0
        }

        .close-times {
            font-size: 14px;
            width: 2em;
            height: 2em;
            margin-top: -.5em;
            margin-right: -.5em;
            z-index: 99;
            background-repeat: no-repeat;
            background-position: 50%;
            cursor: pointer;
            color: currentColor;
            opacity: 1;
            transition: opacity .18s cubic-bezier(.21, .67, .58, 1);
            transform: translateZ(0);
            pointer-events: all;
            will-change: transform, opacity;
            outline: none
        }

        .is-pointer .close-times:hover {
            text-decoration: none;
            opacity: .65
        }

        .close-times:after,
        .close-times:before {
            display: block;
            content: "";
            width: 2px;
            height: 1.3em;
            background: currentColor;
            position: absolute;
            left: -1px;
            right: 0;
            top: 0;
            margin-top: .35em;
            margin-left: 1em
        }

        .close-times:before {
            transform: rotate(45deg)
        }

        .close-times:after {
            transform: rotate(-45deg)
        }

        .slider-button {
            display: none
        }

        .is-screenshoter,
        .mode--editor {
            --focusRing: transparent
        }

        @media (min-width:768px) and (max-width:1200px) {
            html {
                overflow-x: auto
            }
        }

        .container-list {
            overflow: hidden
        }

        .is-modal-open .container-list {
            z-index: 1
        }

        .container {
            position: relative;
            width: var(--containerWidth) !important;
            max-width: min(var(--containerMaxWidth), 100%) !important;
            margin: 0 auto
        }

        body.adaptive-desktop .container.full-width {
            width: 100% !important;
            max-width: 100% !important
        }

        .cover {
            min-height: var(--heroHeight, 100vh);
            min-height: min(max(var(--heroHeightMin), var(--heroHeight)), var(--heroHeightMax));
            height: auto;
            align-items: center;
            align-content: center
        }

        .col-2,
        [data-cols="2"] {
            flex-basis: 8.33333333%;
            max-width: 8.33333333%
        }

        .col-3,
        [data-cols="3"] {
            flex-basis: 12.5%;
            max-width: 12.5%
        }

        .col-4,
        [data-cols="4"] {
            flex-basis: 16.66666667%;
            max-width: 16.66666667%
        }

        .col-5,
        [data-cols="5"] {
            flex-basis: 20.83333333%;
            max-width: 20.83333333%
        }

        .col-6,
        [data-cols="6"] {
            flex-basis: 25%;
            max-width: 25%
        }

        .col-7,
        [data-cols="7"] {
            flex-basis: 29.16666667%;
            max-width: 29.16666667%
        }

        .col-8,
        [data-cols="8"] {
            flex-basis: 33.33333333%;
            max-width: 33.33333333%
        }

        .col-9,
        [data-cols="9"] {
            flex-basis: 37.5%;
            max-width: 37.5%
        }

        .col-10,
        [data-cols="10"] {
            flex-basis: 41.66666667%;
            max-width: 41.66666667%
        }

        .col-11,
        [data-cols="11"] {
            flex-basis: 45.83333333%;
            max-width: 45.83333333%
        }

        .col-12,
        [data-cols="12"] {
            flex-basis: 50%;
            max-width: 50%
        }

        .col-13,
        [data-cols="13"] {
            flex-basis: 54.16666667%;
            max-width: 54.16666667%
        }

        .col-14,
        [data-cols="14"] {
            flex-basis: 58.33333333%;
            max-width: 58.33333333%
        }

        .col-15,
        [data-cols="15"] {
            flex-basis: 62.5%;
            max-width: 62.5%
        }

        .col-16,
        [data-cols="16"] {
            flex-basis: 66.66666667%;
            max-width: 66.66666667%
        }

        .col-17,
        [data-cols="17"] {
            flex-basis: 70.83333333%;
            max-width: 70.83333333%
        }

        .col-18,
        [data-cols="18"] {
            flex-basis: 75%;
            max-width: 75%
        }

        .col-19,
        [data-cols="19"] {
            flex-basis: 79.16666667%;
            max-width: 79.16666667%
        }

        .col-20,
        [data-cols="20"] {
            flex-basis: 83.33333333%;
            max-width: 83.33333333%
        }

        .col-21,
        [data-cols="21"] {
            flex-basis: 87.5%;
            max-width: 87.5%
        }

        .col-22,
        [data-cols="22"] {
            flex-basis: 91.66666667%;
            max-width: 91.66666667%
        }

        .col-23,
        [data-cols="23"] {
            flex-basis: 95.83333333%;
            max-width: 95.83333333%
        }

        .col-24,
        [data-cols="24"] {
            flex-basis: 100%;
            max-width: 100%
        }

        .col-auto {
            flex-grow: 1
        }

        .layout-type-header {
            display: flex;
            flex-flow: column;
            gap: 10px;
            pointer-events: none;
            z-index: 1000
        }

        .layout-type-header .element-item {
            pointer-events: all
        }

        .layout-type-section-title {
            margin-bottom: var(--sectionTitleGap, 50px)
        }

        .layout-type-section-footer {
            margin-top: var(--normalGap, 50px)
        }

        body.adaptive-desktop .layout-type-section-title:has(.content-zone[data-hidden=all]),
        body.adaptive-desktop .layout-type-section-title:has(.content-zone[data-hidden=desktop]) {
            margin-bottom: 0
        }

        body.adaptive-desktop .layout-type-section-footer:has(.content-zone[data-hidden=all]),
        body.adaptive-desktop .layout-type-section-footer:has(.content-zone[data-hidden=desktop]) {
            margin-top: 0
        }

        body.adaptive-mobile .layout-type-section-title:has(.content-zone[data-hidden=all]),
        body.adaptive-mobile .layout-type-section-title:has(.content-zone[data-hidden=mobile]) {
            margin-bottom: 0
        }

        body.adaptive-mobile .layout-type-section-footer:has(.content-zone[data-hidden=all]),
        body.adaptive-mobile .layout-type-section-footer:has(.content-zone[data-hidden=mobile]) {
            margin-top: 0
        }

        .layout-type-cards,
        .layout-type-column,
        .layout-type-section-footer,
        .layout-type-section-title,
        .layout-type-tabs {
            z-index: 1000
        }

        .gap-container {
            margin: calc(var(--gapSize) / -2);
            max-width: calc(100% + var(--gapSize));
            pointer-events: none
        }

        .gap-item {
            margin: calc(var(--gapSize) / 2);
            pointer-events: auto
        }

        .gap-zero {
            --gapSize: 0px
        }

        .gap-small {
            --gapSize: var(--smallGap)
        }

        .gap-normal {
            --gapSize: var(--normalGap)
        }

        .gap-large {
            --gapSize: var(--largeGap)
        }

        .b_block,
        .container-fluid {
            position: relative
        }

        .b_block {
            z-index: auto;
            width: 100%
        }

        .b_block.hidden {
            display: none
        }

        .b_block[data-abtest-variant]:not([data-abtest-active]) {
            display: none !important
        }

        body:not(.mode--editor) .b_block.pointerless {
            pointer-events: none !important
        }

        body:not(.mode--editor) .b_block[data-overlayed] {
            position: absolute
        }

        body:not(.is-editor) .b_block[data-overlayed] {
            pointer-events: none
        }

        .adaptive-mobile .cards-am-1,
        .cards-1 {
            --columns: 1
        }

        .cards-1 .flexbe-card {
            flex-basis: calc(100% - var(--gapSize));
            max-width: calc(100% - var(--gapSize))
        }

        .adaptive-mobile .cards-am-2,
        .cards-2 {
            --columns: 2
        }

        .cards-2 .flexbe-card {
            flex-basis: calc(50% - var(--gapSize));
            max-width: calc(50% - var(--gapSize))
        }

        .adaptive-mobile .cards-am-3,
        .cards-3 {
            --columns: 3
        }

        .cards-3 .flexbe-card {
            flex-basis: calc(33.33333333% - var(--gapSize));
            max-width: calc(33.33333333% - var(--gapSize))
        }

        .adaptive-mobile .cards-am-4,
        .cards-4 {
            --columns: 4
        }

        .cards-4 .flexbe-card {
            flex-basis: calc(25% - var(--gapSize));
            max-width: calc(25% - var(--gapSize))
        }

        .adaptive-mobile .cards-am-5,
        .cards-5 {
            --columns: 5
        }

        .cards-5 .flexbe-card {
            flex-basis: calc(20% - var(--gapSize));
            max-width: calc(20% - var(--gapSize))
        }

        .adaptive-mobile .cards-am-6,
        .cards-6 {
            --columns: 6
        }

        .cards-6 .flexbe-card {
            flex-basis: calc(16.66666667% - var(--gapSize));
            max-width: calc(16.66666667% - var(--gapSize))
        }

        .flexbe-cards-root {
            display: flex;
            flex-flow: column;
            align-items: center;
            position: relative;
            flex-shrink: 0
        }

        .flexbe-cards-root .slider-pagination--cards {
            --paginationMargin: 20px;
            width: 100%
        }

        .flexbe-cards-root .slider-pagination--cards.type--fraction {
            --paginationMargin: 15px
        }

        .flexbe-cards-root .slider-pagination--cards.position--outside {
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            justify-content: center;
            text-align: center
        }

        .flexbe-cards-root .slider-button--cards {
            pointer-events: none
        }

        .flexbe-cards-root .slider-button--cards.position--under {
            position: relative;
            left: 0;
            right: 0;
            padding: var(--sliderButtonMargin) calc(var(--sliderButtonMargin) / 2) 0
        }

        .flexbe-cards-root .slider-button--cards.position--under.swiper-button-prev {
            margin-left: auto
        }

        .flexbe-cards-root .slider-button--cards.position--under.swiper-button-next {
            margin-right: auto
        }

        .flexbe-cards-root.slider-disabled .slider-button--cards,
        .flexbe-cards-root.slider-disabled .slider-pagination--cards {
            display: none
        }

        .flexbe-cards-root.slider-enabled .flexbe-cards {
            flex-wrap: nowrap;
            justify-content: start
        }

        .flexbe-cards-root.slider-enabled .flexbe-card,
        .flexbe-cards-root.slider-enabled .flexbe-cards-slider {
            margin-top: 0;
            margin-bottom: 0
        }

        .flexbe-cards-container {
            width: 100%;
            min-height: 20px;
            position: relative;
            flex-shrink: 0;
            flex-flow: row wrap
        }

        .flexbe-cards-container,
        .flexbe-cards-slider {
            flex-grow: 1;
            display: flex
        }

        .flexbe-cards-slider.swiper-effect-fade {
            margin: 0;
            max-width: 100%
        }

        .flexbe-cards-slider.swiper-effect-fade .flexbe-cards {
            --gapSize: 0
        }

        .flexbe-cards-slider.swiper-effect-fade .swiper-slide-hidden {
            pointer-events: none
        }

        body.adaptive-desktop .flexbe-cards-slider:not(.flexbe-cards-slider--desktop)>.swiper-wrapper {
            flex-wrap: wrap !important
        }

        body.adaptive-desktop .flexbe-cards-slider--desktop>.flexbe-cards {
            flex-wrap: nowrap;
            justify-content: start
        }

        .flexbe-cards-wrapper {
            width: 100%;
            display: flex
        }

        .hide-overflow>.swiper {
            overflow-x: hidden;
            overflow-x: clip
        }

        .show-overflow .flexbe-cards-slider.swiper-effect-slide .flexbe-card.swiper-slide {
            opacity: 1;
            transition: all var(--transitionDuration) var(--transitionTiming, ease) var(--transitionDelay, 0s)
        }

        .show-overflow .flexbe-cards-slider.swiper-effect-slide .flexbe-card.swiper-slide-hidden {
            cursor: pointer;
            pointer-events: all
        }

        .is-pointer .show-overflow .flexbe-cards-slider.swiper-effect-slide .flexbe-card.swiper-slide-hidden:hover {
            opacity: .8;
            transition: opacity .18s ease
        }

        .show-overflow--opacity .swiper-slide-hidden {
            transition: opacity .3s ease !important
        }

        .show-overflow--opacity .swiper-slide-hidden * {
            pointer-events: none !important
        }

        .show-overflow--opacity .flexbe-cards-slider.swiper-effect-slide .flexbe-card.swiper-slide-hidden {
            opacity: .55
        }

        .flexbe-cards {
            width: 100%;
            flex-flow: row wrap
        }

        .flexbe-card,
        .flexbe-cards {
            display: flex;
            flex-shrink: 0;
            flex-grow: 1
        }

        .flexbe-card .component-ico {
            transition: none
        }

        .adaptive-desktop .layout-type-cards.full-width,
        .adaptive-mobile .layout-type-cards.am-full-width {
            padding: 0 var(--edgeGap, var(--gapSize))
        }

        .flexbe-cards-root .slider-button--cards.position--outside {
            --sliderButtonOffset: min(0px, calc((var(--100vw) / 2) - var(--sliderButtonSize) - var(--sliderButtonMargin) - 50%))
        }

        .flexbe-cards-root .slider-button--cards.position--overlap {
            --sliderButtonOffset: max(0px, calc((var(--sliderButtonSize) / 2) - (var(--100vw) / 2 - var(--sliderButtonMargin) - 50%)))
        }

        .element-item {
            --zIndex: 0;
            --zIndexValue: calc(1000 + var(--zIndex, 0));
            --elementPosition: relative;
            --elementOverflow: visible;
            --elementAlignX: flex-start;
            --elementAlignY: flex-start;
            --elementX: 0;
            --elementY: 0;
            --elementWidth: auto;
            --elementMinWidth: auto;
            --elementHeight: auto;
            --elementMinHeight: auto;
            --elementMaxHeight: none;
            --elementTopLeftRadius: 0;
            --elementTopRightRadius: 0;
            --elementBottomRightRadius: 0;
            --elementBottomLeftRadius: 0;
            --elementPaddingTop: 0px;
            --elementPaddingBottom: 0px;
            --elementPaddingRight: 0px;
            --elementPaddingLeft: 0px;
            --elementRotate: 0deg;
            position: var(--elementPosition) !important;
            display: flex;
            z-index: var(--zIndexValue);
            mix-blend-mode: var(--blendMode)
        }

        .element-item.no-gutter {
            --zIndexValue: var(--bgZIndex);
            padding: 0;
            margin-left: calc(var(--paddingLeft, 0px) * -1);
            margin-right: calc(var(--paddingRight, 0px) * -1);
            width: -moz-available;
            width: -webkit-fill-available;
            max-width: none
        }

        .element-item.no-gutter.is-first-child {
            margin-top: calc(var(--paddingTop) * -1) !important
        }

        .element-item.no-gutter.is-last-child {
            margin-bottom: calc(var(--paddingBottom) * -1) !important
        }

        .element-item.entity-state--hover>.element-content {
            --elementOpacity: 1 !important
        }

        .element-item.fill-space {
            flex-grow: 1
        }

        .element-item.fill-space:not(:has(>.elements-list)) {
            --elementAlign: stretch
        }

        .element-content {
            display: flex;
            flex-flow: row wrap;
            justify-content: var(--elementJustify, inherit);
            align-items: var(--elementAlign, inherit);
            text-align: var(--elementTextAlign, inherit);
            overflow: var(--elementOverflow, visible);
            opacity: var(--elementOpacity, 1);
            position: relative;
            width: 100%;
            border-top-left-radius: var(--elementTopLeftRadius, 0);
            border-top-right-radius: var(--elementTopRightRadius, 0);
            border-bottom-right-radius: var(--elementBottomRightRadius, 0);
            border-bottom-left-radius: var(--elementBottomLeftRadius, 0)
        }

        body:not(.mode--editor) .element-content.pointerless,
        body:not(.mode--editor) .element-content.pointerless * {
            pointer-events: none !important;
            -webkit-user-select: none !important;
            -moz-user-select: none !important;
            user-select: none !important
        }

        [data-is-container=inline] {
            container-type: inline-size !important;
            contain-intrinsic-width: 10px
        }

        [data-is-container=inline] * {
            min-width: -moz-min-content;
            min-width: min-content
        }

        [data-element-justify=start] {
            --elementJustify: flex-start;
            --elementTextAlign: left
        }

        [data-element-justify=center] {
            --elementJustify: center;
            --elementTextAlign: center
        }

        [data-element-justify=end] {
            --elementJustify: flex-end;
            --elementTextAlign: right
        }

        [data-element-justify=between] {
            --elementJustify: space-between;
            --elementTextAlign: left
        }

        [data-element-align=start] {
            --elementAlign: flex-start
        }

        [data-element-align=center] {
            --elementAlign: center
        }

        [data-element-align=end] {
            --elementAlign: flex-end
        }

        body.adaptive-desktop [data-mr="1"] {
            --sideMarginRight: 5%
        }

        body.adaptive-desktop [data-ml="1"] {
            --sideMarginLeft: 5%
        }

        body.adaptive-desktop [data-mr="2"] {
            --sideMarginRight: 10%
        }

        body.adaptive-desktop [data-ml="2"] {
            --sideMarginLeft: 10%
        }

        body.adaptive-desktop [data-mr="3"] {
            --sideMarginRight: 15%
        }

        body.adaptive-desktop [data-ml="3"] {
            --sideMarginLeft: 15%
        }

        body.adaptive-desktop [data-mr="4"] {
            --sideMarginRight: 20%
        }

        body.adaptive-desktop [data-ml="4"] {
            --sideMarginLeft: 20%
        }

        body.adaptive-desktop [data-mr="5"] {
            --sideMarginRight: 25%
        }

        body.adaptive-desktop [data-ml="5"] {
            --sideMarginLeft: 25%
        }

        body.adaptive-desktop [data-mr="6"] {
            --sideMarginRight: 30%
        }

        body.adaptive-desktop [data-ml="6"] {
            --sideMarginLeft: 30%
        }

        body.adaptive-desktop [data-mr="7"] {
            --sideMarginRight: 35%
        }

        body.adaptive-desktop [data-ml="7"] {
            --sideMarginLeft: 35%
        }

        body.adaptive-desktop [data-mr="8"] {
            --sideMarginRight: 40%
        }

        body.adaptive-desktop [data-ml="8"] {
            --sideMarginLeft: 40%
        }

        body.adaptive-desktop [data-mr="9"] {
            --sideMarginRight: 45%
        }

        body.adaptive-desktop [data-ml="9"] {
            --sideMarginLeft: 45%
        }

        body.adaptive-desktop [data-mr="10"] {
            --sideMarginRight: 50%
        }

        body.adaptive-desktop [data-ml="10"] {
            --sideMarginLeft: 50%
        }

        body.adaptive-desktop [data-mr="11"] {
            --sideMarginRight: 55%
        }

        body.adaptive-desktop [data-ml="11"] {
            --sideMarginLeft: 55%
        }

        body.adaptive-desktop [data-mr="12"] {
            --sideMarginRight: 60%
        }

        body.adaptive-desktop [data-ml="12"] {
            --sideMarginLeft: 60%
        }

        body.adaptive-desktop [data-mr="13"] {
            --sideMarginRight: 65%
        }

        body.adaptive-desktop [data-ml="13"] {
            --sideMarginLeft: 65%
        }

        body.adaptive-desktop [data-mr="14"] {
            --sideMarginRight: 70%
        }

        body.adaptive-desktop [data-ml="14"] {
            --sideMarginLeft: 70%
        }

        body.adaptive-desktop [data-mr="15"] {
            --sideMarginRight: 75%
        }

        body.adaptive-desktop [data-ml="15"] {
            --sideMarginLeft: 75%
        }

        body.adaptive-desktop [data-mr="16"] {
            --sideMarginRight: 80%
        }

        body.adaptive-desktop [data-ml="16"] {
            --sideMarginLeft: 80%
        }

        body.adaptive-desktop [data-mr="17"] {
            --sideMarginRight: 85%
        }

        body.adaptive-desktop [data-ml="17"] {
            --sideMarginLeft: 85%
        }

        body.adaptive-desktop [data-mr="18"] {
            --sideMarginRight: 90%
        }

        body.adaptive-desktop [data-ml="18"] {
            --sideMarginLeft: 90%
        }

        body.adaptive-desktop [data-mr="19"] {
            --sideMarginRight: 95%
        }

        body.adaptive-desktop [data-ml="19"] {
            --sideMarginLeft: 95%
        }

        .element-background-color,
        .element-background-image,
        .element-border {
            position: absolute !important;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            pointer-events: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            border-top-left-radius: var(--elementTopLeftRadius, 0) !important;
            border-top-right-radius: var(--elementTopRightRadius, 0) !important;
            border-bottom-right-radius: var(--elementBottomRightRadius, 0) !important;
            border-bottom-left-radius: var(--elementBottomLeftRadius, 0) !important
        }

        .element-background-color {
            background-color: var(--elementBackgroundColor, transparent);
            z-index: 2
        }

        .element-background-image {
            --proportion: 0;
            z-index: 1
        }

        .element-border {
            border: var(--elementBorderWidth, 0) var(--elementBorderStyle, solid) var(--elementBorderColor, transparent);
            z-index: 2000
        }

        .element-item--explicit-sizing {
            --elementFlexGrow: 0;
            --elementFlexGrowY: 0;
            --elementFlexBasis: auto;
            --elementFlexBasisY: auto;
            --elementAlignSelf: auto;
            --elementAlignSelfY: auto
        }

        .element-item--explicit-sizing,
        .element-item--explicit-sizing.allow-proportion {
            --elementHeightPx: var(--elementHeight)
        }

        .element-item--explicit-sizing-static {
            --elementMaxWidth: none;
            max-width: var(--elementMaxWidth, none) !important
        }

        .fillwidth-desktop,
        .fillwidth-mobile {
            --elementMinWidth: 10px
        }

        .fillheight-desktop,
        .fillheight-mobile {
            --elementMinHeight: 10px
        }

        body.adaptive-desktop .element-item--explicit-sizing.autowidth-desktop>.element-content {
            container-type: revert
        }

        body.adaptive-desktop .element-item--explicit-sizing.allow-proportion.autowidth-desktop {
            --elementWidth: calc(var(--elementHeightPx) / var(--elementProportion)) !important
        }

        body.adaptive-desktop .element-item--explicit-sizing.fillwidth-desktop {
            --elementWidth: auto !important
        }

        body.adaptive-desktop .element-item--explicit-sizing.fillheight-desktop {
            --elementHeight: auto !important
        }

        body.adaptive-desktop .stack-container[data-direction=column]>.element-item--explicit-sizing-static.fillheight-desktop {
            --elementFlexGrowY: 1;
            --elementFlexBasisY: 0
        }

        body.adaptive-desktop .stack-container[data-direction=row]>.element-item--explicit-sizing-static.fillwidth-desktop {
            --elementFlexGrow: 1;
            --elementFlexBasis: 0
        }

        body.adaptive-desktop .stack-container[data-direction=column]>.element-item--explicit-sizing-static.fillwidth-desktop {
            --elementAlignSelf: stretch
        }

        body.adaptive-desktop .stack-container[data-direction=row]>.element-item--explicit-sizing-static.fillheight-desktop {
            --elementAlignSelfY: stretch
        }

        body.adaptive-mobile .element-item--explicit-sizing.autowidth-mobile>.element-content {
            container-type: revert
        }

        body.adaptive-mobile .element-item--explicit-sizing.allow-proportion.autowidth-mobile {
            --elementWidth: calc(var(--elementHeightPx) / var(--elementProportion)) !important
        }

        body.adaptive-mobile .element-item--explicit-sizing.fillwidth-mobile {
            --elementWidth: auto !important
        }

        body.adaptive-mobile .element-item--explicit-sizing.fillheight-mobile {
            --elementHeight: auto !important
        }

        body.adaptive-mobile .stack-container[data-am-direction=row]>.element-item--explicit-sizing-static.fillwidth-mobile {
            --elementFlexGrow: 1;
            --elementFlexBasis: 0
        }

        body.adaptive-mobile .stack-container[data-am-direction=column]>.element-item--explicit-sizing-static.fillheight-mobile {
            --elementFlexGrowY: 1;
            --elementFlexBasisY: 0
        }

        body.adaptive-mobile .stack-container[data-am-direction=column]>.element-item--explicit-sizing-static.fillwidth-mobile {
            --elementAlignSelf: stretch
        }

        body.adaptive-mobile .stack-container[data-am-direction=row]>.element-item--explicit-sizing-static.fillheight-mobile {
            --elementAlignSelfY: stretch
        }

        .free-area {
            position: absolute !important
        }

        .element-item--free,
        .free-area {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            pointer-events: none !important
        }

        .element-item--free {
            --elementPosition: absolute;
            margin: auto;
            justify-content: var(--elementAlignX, inherit) !important;
            align-items: var(--elementAlignY, inherit) !important;
            contain: layout style size
        }

        .element-item--free[data-overflow] {
            overflow: hidden;
            contain: strict;
            border-radius: calc(var(--topLeftRadius, var(--elementTopLeftRadius, 0)) - var(--borderWidth, 0)) calc(var(--topRightRadius, var(--elementTopRightRadius, 0)) - var(--borderWidth, 0)) calc(var(--bottomRightRadius, var(--elementBottomRightRadius, 0)) - var(--borderWidth, 0)) calc(var(--bottomLeftRadius, var(--elementBottomLeftRadius, 0)) - var(--borderWidth, 0))
        }

        .element-content--free {
            position: relative;
            flex-shrink: 0;
            pointer-events: auto !important;
            top: var(--elementY, 0);
            left: var(--elementX, 0);
            width: var(--elementWidth, auto) !important;
            min-width: var(--elementMinWidth, 1px) !important;
            max-width: var(--elementMaxWidth, none) !important;
            height: var(--elementHeight, auto) !important;
            min-height: var(--elementMinHeight, 1px) !important;
            max-height: var(--elementMaxHeight, none) !important;
            transform: rotate(var(--elementRotate, 0));
            contain: style layout
        }

        .element-item.element-with-animation {
            contain: none
        }

        .element-item.element-with-animation.has-scroll-fixed-animation[data-overflow] {
            clip-path: inset(0)
        }

        .has-animation {
            contain: none;
            will-change: transform
        }

        [data-containment=layout] {
            width: var(--containerWidth) !important;
            max-width: var(--containerMaxWidth) !important
        }

        .element-item--descent {
            --zIndexValue: calc(10 + var(--zIndex, 0))
        }

        body.adaptive-desktop .element-item--free[data-snap-to] {
            height: 0
        }

        body.adaptive-desktop .element-item--free[data-snap-to=top] {
            bottom: unset
        }

        body.adaptive-desktop .element-item--free[data-snap-to=bottom] {
            top: unset
        }

        body.adaptive-mobile .element-item--free[data-am-snap-to] {
            height: 0
        }

        body.adaptive-mobile .element-item--free[data-am-snap-to=top] {
            bottom: unset
        }

        body.adaptive-mobile .element-item--free[data-am-snap-to=bottom] {
            top: unset
        }

        .element-item--static {
            --elementWidth: 100%;
            width: var(--elementWidth, 100%);
            min-width: var(--elementMinWidth, 0);
            max-width: var(--elementMaxWidth, 100%);
            height: var(--elementHeight, auto);
            min-height: var(--elementMinHeight, 0);
            max-height: var(--elementMaxHeight, none);
            padding: var(--elementPaddingTop, var(--elementMarginTop, 0)) var(--elementPaddingRight, var(--sideMarginRight, 0)) var(--elementPaddingBottom, var(--elementMarginBottom, 0)) var(--elementPaddingLeft, var(--sideMarginLeft, 0))
        }

        .element-content--static {
            transform: rotate(var(--elementRotate, 0deg))
        }

        .element-item--static:not(.element-item--explicit-sizing-static, .element-item--in-header) {
            --elementWidth: 100% !important
        }

        .flexbe-row {
            width: 100%;
            width: -moz-available;
            width: -webkit-fill-available;
            max-width: calc(100% + var(--gapSize));
            flex-flow: row nowrap;
            margin: 0 calc(var(--gapSize) / -2);
            pointer-events: none
        }

        .flexbe-column,
        .flexbe-row {
            display: flex;
            flex-grow: 1;
            flex-shrink: 0
        }

        .flexbe-column.gap-item {
            margin: 0;
            padding: calc(var(--gapSize) / 2)
        }

        body.adaptive-desktop .flexbe-row.first-row .flexbe-column {
            padding-top: 0
        }

        body.adaptive-desktop .flexbe-row.last-row .flexbe-column {
            padding-bottom: 0
        }

        .adaptive-desktop .layout-type-column.full-width,
        .adaptive-mobile .layout-type-column.am-full-width {
            padding: 0 var(--edgeGap, var(--gapSize))
        }

        body.adaptive-desktop .clasp-columns .flexbe-column.first-column .content-zone {
            --topRightRadius: 0px;
            --bottomRightRadius: 0px
        }

        body.adaptive-desktop .clasp-columns .flexbe-column:not(.first-column):not(.last-column) .content-zone {
            --topRightRadius: 0px;
            --bottomRightRadius: 0px;
            --topLeftRadius: 0px;
            --bottomLeftRadius: 0px
        }

        body.adaptive-desktop .clasp-columns .flexbe-column.last-column .content-zone {
            --topLeftRadius: 0px;
            --bottomLeftRadius: 0px
        }

        .header-area {
            position: relative;
            width: 100%
        }

        .header-wrapper {
            position: relative;
            width: inherit;
            will-change: scroll-position
        }

        .floating-header-background {
            display: block !important;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            pointer-events: none;
            z-index: -1;
            opacity: 0;
            visibility: hidden;
            background: var(--contrastColor);
            transition: all .15s ease
        }

        [data-fixed-animation] .floating-header-background {
            transition: none
        }

        .header-separator {
            position: relative;
            margin: 0 auto;
            height: 1px;
            width: var(--containerWidth);
            background-color: var(--currentColor);
            z-index: 2
        }

        body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .b_block[data-overlayed]:not(:has(.position-fixed)) {
            z-index: 2499
        }

        body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .b_block .fixed-area {
            z-index: 2500
        }

        .b_block .position-fixed {
            position: fixed;
            top: 0;
            left: var(--fixedOffset, 0);
            width: var(--100vw);
            z-index: 2500;
            transition: top .15s ease
        }

        .b_block .position-fixed .hidden-when-fixed,
        .b_block .position-fixed .hide-floating-separator {
            display: none
        }

        .b_block .position-fixed .floating-header-background {
            visibility: visible;
            opacity: 1
        }

        .b_block .position-sticky {
            z-index: 2501
        }

        .b_block .fade-out {
            animation: slideDown 1 .12s cubic-bezier(.21, .67, .58, 1) reverse, fadeIn 1 .12s cubic-bezier(.21, .67, .58, 1) reverse;
            animation-fill-mode: forwards
        }

        .b_block .fade-in {
            animation: slideDown 1 .2s cubic-bezier(.42, 0, .79, .33), fadeIn 1 .2s cubic-bezier(.42, 0, .79, .33);
            animation-fill-mode: forwards
        }

        .modal-list {
            display: none;
            width: 100%;
            height: 100%;
            position: fixed;
            content-visibility: hidden;
            overflow: hidden;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 3000;
            pointer-events: none
        }

        .modal-list.rise {
            z-index: 100000
        }

        .modal-list.show {
            display: flex;
            content-visibility: visible
        }

        .m_modal {
            position: absolute;
            z-index: 0;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            display: none;
            content-visibility: hidden
        }

        .m_modal.hide,
        .m_modal.show {
            content-visibility: visible;
            display: block;
            z-index: 1
        }

        .m_modal .modal-data {
            position: relative;
            z-index: 1;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .m_modal .modal-data>.close-times {
            position: fixed;
            top: 40px;
            right: 40px
        }

        .m_modal .scroller {
            padding: var(--normalGap) 0;
            max-height: var(--100vh);
            width: 100%;
            height: 100%;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            position: relative;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            pointer-events: all
        }

        .m_modal .modal-content {
            position: relative;
            margin: auto
        }

        .m_modal .close.rise {
            z-index: 100000 !important
        }

        body:not(.mode--editor) .m_modal.pointerless .scroller {
            pointer-events: none
        }

        .stack-container {
            position: relative;
            display: flex;
            row-gap: var(--containerGapY, 0);
            column-gap: var(--containerGapX, 0);
            flex-wrap: var(--containerWrap, nowrap);
            flex-direction: var(--containerDirection, inherit);
            justify-content: var(--containerJustify, inherit);
            align-items: var(--containerAlign, inherit);
            align-content: var(--containerAlign, inherit);
            padding: var(--containerPaddingTop, 0) var(--containerPaddingRight, 0) var(--containerPaddingBottom, 0) var(--containerPaddingLeft, 0)
        }

        .stack-container>.element-item--explicit-sizing-static {
            flex-shrink: 0
        }

        body.adaptive-desktop .stack-container[data-direction=column]>.element-item--explicit-sizing-static {
            flex-grow: var(--elementFlexGrowY, 0);
            flex-basis: var(--elementFlexBasisY, auto);
            align-self: var(--elementAlignSelf, auto)
        }

        body.adaptive-desktop .stack-container[data-direction=row]>.element-item--explicit-sizing-static {
            flex-grow: var(--elementFlexGrow, 0);
            flex-basis: var(--elementFlexBasis, auto);
            align-self: var(--elementAlignSelfY, auto)
        }

        body.adaptive-desktop .is-container.autoheight-desktop:has(>.elements-list--empty),
        body.adaptive-desktop .is-container.autowidth-desktop:has(>.elements-list--empty) {
            --elementMinWidth: 50px;
            --elementMinHeight: 50px
        }

        body.adaptive-mobile .stack-container[data-am-direction=column]>.element-item--explicit-sizing-static {
            flex-grow: var(--elementFlexGrowY, 0);
            flex-basis: var(--elementFlexBasisY, auto);
            align-self: var(--elementAlignSelf, auto)
        }

        body.adaptive-mobile .stack-container[data-am-direction=row]>.element-item--explicit-sizing-static {
            flex-grow: var(--elementFlexGrow, 0);
            flex-basis: var(--elementFlexBasis, auto);
            align-self: var(--elementAlignSelfY, auto)
        }

        body.adaptive-mobile .is-container.autoheight-desktop:has(>.elements-list--empty),
        body.adaptive-mobile .is-container.autowidth-desktop:has(>.elements-list--empty) {
            --elementMinWidth: 50px;
            --elementMinHeight: 50px
        }

        body.adaptive-mobile .layout-type-header {
            gap: 5px
        }

        body.adaptive-mobile .container.am-full-width {
            width: 100% !important;
            max-width: 100% !important
        }

        body.adaptive-mobile .col-am-4 {
            flex-basis: 16.66666667%;
            max-width: 16.66666667%
        }

        body.adaptive-mobile .col-am-5 {
            flex-basis: 20.83333333%;
            max-width: 20.83333333%
        }

        body.adaptive-mobile .col-am-6 {
            flex-basis: 25%;
            max-width: 25%
        }

        body.adaptive-mobile .col-am-7 {
            flex-basis: 29.16666667%;
            max-width: 29.16666667%
        }

        body.adaptive-mobile .col-am-8 {
            flex-basis: 33.33333333%;
            max-width: 33.33333333%
        }

        body.adaptive-mobile .col-am-9 {
            flex-basis: 37.5%;
            max-width: 37.5%
        }

        body.adaptive-mobile .col-am-10 {
            flex-basis: 41.66666667%;
            max-width: 41.66666667%
        }

        body.adaptive-mobile .col-am-11 {
            flex-basis: 45.83333333%;
            max-width: 45.83333333%
        }

        body.adaptive-mobile .col-am-12 {
            flex-basis: 50%;
            max-width: 50%
        }

        body.adaptive-mobile .col-am-13 {
            flex-basis: 54.16666667%;
            max-width: 54.16666667%
        }

        body.adaptive-mobile .col-am-14 {
            flex-basis: 58.33333333%;
            max-width: 58.33333333%
        }

        body.adaptive-mobile .col-am-15 {
            flex-basis: 62.5%;
            max-width: 62.5%
        }

        body.adaptive-mobile .col-am-16 {
            flex-basis: 66.66666667%;
            max-width: 66.66666667%
        }

        body.adaptive-mobile .col-am-17 {
            flex-basis: 70.83333333%;
            max-width: 70.83333333%
        }

        body.adaptive-mobile .col-am-18 {
            flex-basis: 75%;
            max-width: 75%
        }

        body.adaptive-mobile .col-am-19 {
            flex-basis: 79.16666667%;
            max-width: 79.16666667%
        }

        body.adaptive-mobile .col-am-20 {
            flex-basis: 83.33333333%;
            max-width: 83.33333333%
        }

        body.adaptive-mobile .col-am-21 {
            flex-basis: 87.5%;
            max-width: 87.5%
        }

        body.adaptive-mobile .col-am-22 {
            flex-basis: 91.66666667%;
            max-width: 91.66666667%
        }

        body.adaptive-mobile .col-am-23 {
            flex-basis: 95.83333333%;
            max-width: 95.83333333%
        }

        body.adaptive-mobile .col-am-24 {
            flex-basis: 100%;
            max-width: 100%
        }

        body.adaptive-mobile .gap-am-zero {
            --gapSize: 0px
        }

        body.adaptive-mobile .gap-am-10,
        body.adaptive-mobile .gap-am-xsmall {
            --gapSize: var(--xsmallGap)
        }

        body.adaptive-mobile .gap-am-small {
            --gapSize: var(--smallGap)
        }

        body.adaptive-mobile .gap-am-normal {
            --gapSize: var(--normalGap)
        }

        body.adaptive-mobile .gap-am-large {
            --gapSize: var(--largeGap)
        }

        body.adaptive-mobile .hor-padding-am-0 {
            --edgeGap: 0px
        }

        body.adaptive-mobile .hor-padding-am-1 {
            --edgeGap: 1px
        }

        body.adaptive-mobile .hor-padding-am-2 {
            --edgeGap: 2px
        }

        body.adaptive-mobile .hor-padding-am-3 {
            --edgeGap: 3px
        }

        body.adaptive-mobile .hor-padding-am-4 {
            --edgeGap: 4px
        }

        body.adaptive-mobile .hor-padding-am-5 {
            --edgeGap: 5px
        }

        body.adaptive-mobile .hor-padding-am-6 {
            --edgeGap: 6px
        }

        body.adaptive-mobile .hor-padding-am-7 {
            --edgeGap: 7px
        }

        body.adaptive-mobile .hor-padding-am-8 {
            --edgeGap: 8px
        }

        body.adaptive-mobile .hor-padding-am-9 {
            --edgeGap: 9px
        }

        body.adaptive-mobile .hor-padding-am-10 {
            --edgeGap: 10px
        }

        body.adaptive-mobile .hor-padding-am-11 {
            --edgeGap: 11px
        }

        body.adaptive-mobile .hor-padding-am-12 {
            --edgeGap: 12px
        }

        body.adaptive-mobile .hor-padding-am-13 {
            --edgeGap: 13px
        }

        body.adaptive-mobile .hor-padding-am-14 {
            --edgeGap: 14px
        }

        body.adaptive-mobile .hor-padding-am-15 {
            --edgeGap: 15px
        }

        body.adaptive-mobile .hor-padding-am-16 {
            --edgeGap: 16px
        }

        body.adaptive-mobile .hor-padding-am-17 {
            --edgeGap: 17px
        }

        body.adaptive-mobile .hor-padding-am-18 {
            --edgeGap: 18px
        }

        body.adaptive-mobile .hor-padding-am-19 {
            --edgeGap: 19px
        }

        body.adaptive-mobile .hor-padding-am-20 {
            --edgeGap: 20px
        }

        body.adaptive-mobile .cards-am-1 .flexbe-card {
            flex-basis: calc(100% - var(--gapSize));
            max-width: calc(100% - var(--gapSize))
        }

        body.adaptive-mobile .cards-am-2 .flexbe-card {
            flex-basis: calc(50% - var(--gapSize));
            max-width: calc(50% - var(--gapSize))
        }

        body.adaptive-mobile .cards-am-3 .flexbe-card {
            flex-basis: calc(33.33333333% - var(--gapSize));
            max-width: calc(33.33333333% - var(--gapSize))
        }

        body.adaptive-mobile .cards-am-4 .flexbe-card {
            flex-basis: calc(25% - var(--gapSize));
            max-width: calc(25% - var(--gapSize))
        }

        body.adaptive-mobile .card-am-flexible {
            max-width: none !important
        }

        body.adaptive-mobile .flexbe-cards-root .slider-pagination--cards {
            --paginationMargin: 10px
        }

        body.adaptive-mobile .flexbe-cards-wrapper {
            overflow: visible
        }

        body.adaptive-mobile .flexbe-cards-slider:not(.flexbe-cards-slider--mobile) .swiper-wrapper {
            flex-wrap: wrap !important
        }

        body.adaptive-mobile .flexbe-cards-slider--mobile>.flexbe-cards {
            flex-wrap: nowrap;
            justify-content: start
        }

        body.adaptive-mobile [data-am-element-justify=start] {
            --elementJustify: flex-start;
            --elementTextAlign: left
        }

        body.adaptive-mobile [data-am-element-justify=center] {
            --elementJustify: center;
            --elementTextAlign: center
        }

        body.adaptive-mobile [data-am-element-justify=end] {
            --elementJustify: flex-end;
            --elementTextAlign: right
        }

        body.adaptive-mobile [data-am-element-align=start] {
            --elementAlign: flex-start
        }

        body.adaptive-mobile [data-am-element-align=center] {
            --elementAlign: center
        }

        body.adaptive-mobile [data-am-element-align=end] {
            --elementAlign: flex-end
        }

        body.adaptive-mobile .flexbe-row {
            flex-wrap: wrap;
            margin: 0
        }

        body.adaptive-mobile .flexbe-row.first-row .first-column {
            --gapSizeTop: 0
        }

        body.adaptive-mobile .flexbe-row.last-row .last-column {
            --gapSizeBottom: 0
        }

        body.adaptive-mobile .flexbe-row.reverse-on-mobile {
            flex-wrap: wrap-reverse
        }

        body.adaptive-mobile .flexbe-row.reverse-on-mobile .first-column {
            --gapSizeTop: calc(var(--gapSize) / 2);
            --gapSizeBottom: 0
        }

        body.adaptive-mobile .flexbe-row.reverse-on-mobile .last-column {
            --gapSizeTop: 0;
            --gapSizeBottom: calc(var(--gapSize) / 2)
        }

        body.adaptive-mobile .flexbe-column {
            --gapSizeTop: calc(var(--gapSize) / 2);
            --gapSizeBottom: calc(var(--gapSize) / 2);
            width: 100%;
            max-width: 100%;
            flex-basis: 100%;
            padding: var(--gapSizeTop) 0 var(--gapSizeBottom)
        }

        body.adaptive-mobile .flexbe-column:has(+.last-column>[data-hidden=all]),
        body.adaptive-mobile .flexbe-column:has(+.last-column>[data-hidden=mobile]) {
            --gapSizeBottom: 0
        }

        body.adaptive-mobile .flexbe-column:has([data-hidden=mobile], [data-hidden=all]) {
            --gapSizeTop: 0;
            --gapSizeBottom: 0
        }

        body.adaptive-mobile .am-clasp-columns .flexbe-column.first-column .content-zone {
            --bottomLeftRadius: 0px;
            --bottomRightRadius: 0px
        }

        body.adaptive-mobile .am-clasp-columns .flexbe-column:not(.first-column):not(.last-column) .content-zone {
            --bottomLeftRadius: 0px;
            --bottomRightRadius: 0px;
            --topRightRadius: 0px;
            --topLeftRadius: 0px
        }

        body.adaptive-mobile .am-clasp-columns .flexbe-column.last-column .content-zone {
            --topRightRadius: 0px;
            --topLeftRadius: 0px
        }

        body.adaptive-mobile .m_modal .modal-data>.close-times {
            display: block !important;
            top: 0;
            right: var(--fixedOffset);
            margin-top: 20px;
            margin-right: 10px
        }

        body.adaptive-mobile .m_modal .component-bg {
            left: var(--fixedOffset);
            width: var(--100vw)
        }

        body.adaptive-mobile .m_modal .scroller {
            min-height: 100%;
            padding: 0
        }

        body.adaptive-mobile .m_modal .modal-data {
            justify-content: stretch;
            align-items: stretch
        }

        .flex {
            display: flex
        }

        .flex-row {
            flex-direction: row
        }

        .flex-col {
            flex-direction: column
        }

        .justify-center {
            justify-content: center
        }

        .justify-between {
            justify-content: space-between
        }

        .items-center {
            align-items: center
        }

        .flex-grow {
            flex-grow: 1
        }

        .overflow {
            overflow: hidden
        }

        .noanimate,
        .noanimate * {
            transition: none !important;
            animation: none !important
        }

        .scrollable {
            pointer-events: all;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch
        }

        .invisible-scrollbar {
            scrollbar-width: none
        }

        .invisible-scrollbar::-webkit-scrollbar {
            display: none
        }

        .whitespace-normal {
            word-break: keep-all;
            word-wrap: normal;
            overflow-wrap: normal
        }

        .whitespace-nowrap {
            white-space: nowrap
        }

        .justify-content-start {
            justify-content: flex-start
        }

        .justify-content-end {
            justify-content: flex-end
        }

        .justify-content-center {
            justify-content: center
        }

        .align-items-start {
            align-items: flex-start;
            align-content: flex-start
        }

        .align-items-end {
            align-items: flex-end;
            align-content: flex-end
        }

        .align-items-center {
            align-items: center;
            align-content: center
        }

        .align-items-stretch {
            align-items: stretch;
            align-content: stretch
        }

        .fr-dib {
            display: block;
            margin: 0 auto
        }

        .fr-dib.fr-fil {
            margin-left: 0
        }

        .fr-dib.fr-fir {
            margin-right: 0
        }

        .fr-dii {
            display: inline-block;
            margin: .5em
        }

        .fr-dii.fr-fil {
            float: left;
            margin-left: 0
        }

        .fr-dii.fr-fir {
            float: right;
            margin-right: 0
        }

        </number></length>
    

        .component-bg {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: -1px;
            overflow: hidden;
            pointer-events: none;
            z-index: 0
        }

        .component-bg .layer {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        .component-bg .color-holder {
            background: var(--componentBgVideoPreview, transparent)
        }

        .component-bg .image-holder,
        .component-bg .preview-holder {
            background-repeat: no-repeat;
            background-size: cover
        }

        .component-bg .image-holder {
            image-rendering: var(--imageRendering, auto)
        }

        .component-bg .preview-holder {
            transition: opacity .3s ease, visibility .3s ease
        }

        .component-bg .video-holder {
            opacity: 0;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .component-bg .video-holder iframe,
        .component-bg .video-holder video {
            flex-shrink: 0
        }

        .component-bg .parallax-holder+.image-holder {
            animation: none !important
        }

        .component-bg .parallax-holder.ready+.image-holder {
            opacity: 0;
            visibility: hidden
        }

        .component-bg .blur-holder {
            z-index: 10;
            backdrop-filter: var(--componentBgBlur, none)
        }

        .component-bg .overlay {
            background: var(--componentBgColor, transparent);
            opacity: var(--componentBgOpacity, 1)
        }

        .component-bg.image-loaded .preview-holder {
            opacity: 0;
            visibility: hidden
        }

        .component-bg.video-loaded .color-holder,
        .component-bg.video-loaded .image-holder {
            opacity: 0;
            visibility: hidden;
            display: none
        }

        .component-bg.video-loaded .video-holder {
            opacity: 1
        }

        .component-bg[data-type=video][data-effect] {
            clip-path: inset(0)
        }

        .component-bg[data-type=video][data-effect] .image-holder,
        .component-bg[data-type=video][data-effect] .video-holder {
            position: fixed;
            height: max(100vh, var(--100vh))
        }

        .component-bg[data-type=video][data-effect=parallax] .image-holder,
        .component-bg[data-type=video][data-effect=parallax] .video-holder {
            transform: translateZ(0);
            will-change: transform
        }

        .component-bg[data-type=image][data-effect=fixed] .image-holder {
            transform: none !important;
            transition: none !important;
            animation: none !important;
            will-change: unset !important;
            contain: none !important
        }

        .component-bg[data-type=image][data-effect=fixed] .image-holder,
        .component-bg[data-type=image][data-effect=fixed] .preview-holder {
            background-attachment: fixed
        }

        body:is(.is-ios, .is-osx.is-touch, .is-safari, .adaptive-mobile) .component-bg[data-effect=fixed] {
            clip-path: inset(0)
        }

        body:is(.is-ios, .is-osx.is-touch, .is-safari, .adaptive-mobile) .component-bg[data-effect=fixed] .image-holder,
        body:is(.is-ios, .is-osx.is-touch, .is-safari, .adaptive-mobile) .component-bg[data-effect=fixed] .preview-holder {
            position: fixed;
            background-attachment: scroll;
            left: var(--fixedOffset);
            width: var(--100vw);
            height: var(--100lvh);
            will-change: transform;
            transform: translateZ(0)
        }

        .m_modal .modal-data>.component-bg,
        .w_widget>.component-bg {
            backdrop-filter: var(--componentBgBlur, none)
        }

        body:is(.is-ios, .is-osx.is-touch, .is-safari) .m_modal .modal-data>.component-bg,
        body:is(.is-ios, .is-osx.is-touch, .is-safari) .w_widget>.component-bg {
            -webkit-backdrop-filter: var(--componentBgBlur, none)
        }

        body:is(.is-ios, .is-osx.is-touch, .is-safari) .component-bg .blur-holder {
            z-index: 10;
            -webkit-backdrop-filter: var(--componentBgBlur, none)
        }

        .b_block .component-bg .overlay[data-alpha="1"] {
            opacity: 1 !important
        }

        body.adaptive-mobile .component-bg[data-mobile-video-enabled=false] .video-holder {
            display: none !important
        }

        body.adaptive-mobile .component-bg[data-mobile-video-enabled=false] .image-holder {
            opacity: 1;
            visibility: visible;
            display: block
        }

        body.adaptive-mobile .component-bg[data-effect-mobile=off] .layer {
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            width: 100% !important;
            height: 100% !important;
            background-attachment: scroll !important;
            transform: none !important;
            will-change: auto !important
        }

        body.adaptive-mobile .component-bg[data-effect-mobile=off] .image-holder {
            opacity: 1 !important;
            visibility: visible !important
        }

        body.adaptive-mobile .component-bg[data-effect-mobile=off] .parallax-holder {
            display: none !important
        }

        body.adaptive-mobile .component-bg[data-effect-mobile=off] .overlay {
            --componentBgOpacity: revert !important
        }
    

        .bg-element {
            position: relative;
            box-sizing: border-box;
            --bgColor: none;
            --bgImage: none;
            --bgAverageColor: none;
            --bgShadingColor: none;
            --bgPositionX: 50%;
            --bgPositionY: 50%;
            --bgShadow: none;
            --borderWidth: 0px;
            --borderColor: transparent;
            --bgShadowZIndex: 997;
            --bgZIndex: 998;
            --bgZBorder: 999;
            --hoverFadeInFrom: 0;
            --hoverFadeInTo: 1;
            z-index: auto
        }

        .bg-border,
        .bg-border-hover,
        .bg-fill,
        .bg-fill-hover,
        .bg-glare-hover,
        .bg-preview,
        .bg-shadow {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: var(--topLeftRadius, 0) var(--topRightRadius, 0) var(--bottomRightRadius, 0) var(--bottomLeftRadius, 0);
            pointer-events: none
        }

        .bg-glare-hover {
            overflow: hidden;
            contain: strict;
            z-index: var(--bgZIndex)
        }

        .bg-glare-hover:before {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: "";
            aspect-ratio: 1/1;
            border-radius: 100%;
            transform: translate(calc(var(--bgGlareX, 0) - 50%), calc(var(--bgGlareY, 0) - 50%));
            background: var(--bgGlareColor);
            filter: blur(var(--bgGlareBlur, 100px));
            z-index: auto;
            width: 0;
            transition: width max(var(--transitionDuration), .1s) var(--transitionTiming, ease)
        }

        .bg-fill {
            z-index: var(--bgZIndex);
            background: var(--bgColor)
        }

        .bg-fill[data-img-ext=png] {
            background-color: transparent
        }

        .bg-fill[data-type=image] {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: var(--bgPositionX) var(--bgPositionY)
        }

        .bg-fill[data-type=image]:before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            background: var(--bgShadingColor);
            border-radius: inherit
        }

        .bg-fill-hover {
            display: none;
            z-index: var(--bgZIndex);
            background: var(--hoverBgColor)
        }

        .bg-fill-hover[data-img-ext=png] {
            background-color: transparent
        }

        .bg-fill-hover[data-type=image] {
            background-size: cover;
            background-repeat: no-repeat;
            background-color: var(--hoverBgAverageColor);
            background-position: var(--hoverBgPositionX) var(--hoverBgPositionY)
        }

        .bg-fill-hover[data-type=image]:before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            background-color: var(--hoverBgShadingColor);
            border-radius: inherit
        }

        .bg-preview {
            z-index: var(--bgZIndex);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: var(--bgPositionX) var(--bgPositionY);
            background-color: var(--bgAverageColor);
            transition: opacity .4s ease, visibility .4s ease
        }

        .bg-border {
            border: var(--borderWidth) solid var(--borderColor);
            z-index: var(--bgZBorder)
        }

        .bg-border.is-gradient {
            background: var(--borderGradient);
            border-radius: 0;
            border: 0
        }

        .bg-border-hover {
            display: none;
            z-index: var(--bgZBorder);
            border: var(--borderWidth) solid var(--hoverBorderColor)
        }

        .bg-border-hover.is-gradient {
            background: var(--hoverBorderGradient);
            border-radius: 0;
            border: 0
        }

        .bg-shadow {
            box-shadow: var(--bgShadow);
            z-index: var(--bgShadowZIndex)
        }

        .is-touch .bg-glare-hover {
            display: none !important
        }
    

        .component-button {
            --bgZIndex: 0;
            --bgZBorder: 1;
            --iconMargin: 10px;
            --iconSize: 1rem;
            --textAlign: center;
            --justifyContent: center;
            --buttonWide: auto;
            background: none;
            border: none;
            color: var(--currentColor);
            font: inherit;
            outline: inherit;
            display: inline-flex;
            position: relative;
            padding: var(--gapY, 0) var(--gapX, 0);
            border-radius: var(--topLeftRadius, 0) var(--topRightRadius, 0) var(--bottomRightRadius, 0) var(--bottomLeftRadius, 0);
            min-width: 15px;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            text-align: var(--textAlign);
            justify-content: var(--justifyContent);
            align-items: center;
            vertical-align: middle;
            max-width: 100%;
            word-break: normal;
            hyphens: none;
            width: var(--buttonWide, "auto") !important
        }

        .component-button:is([data-action-target], [data-action]) {
            cursor: pointer
        }

        .component-button a[data-action] {
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            width: 100%;
            height: 100%;
            position: absolute;
            z-index: 1;
            cursor: pointer
        }

        .component-button.wide {
            --buttonWide: 100%
        }

        .component-button.high {
            height: 100% !important
        }

        .component-button .btn-icon {
            min-height: min(var(--iconSize), 1lh)
        }

        .component-button .btn-icon,
        .component-button .btn-text {
            transition: var(--transitionDuration) var(--transitionTiming);
            transition-property: color, opacity
        }

        .component-button .btn-text {
            position: relative;
            min-height: 1lh;
            word-break: keep-all;
            overflow-wrap: normal
        }

        .component-button .btn-text.text-gradient {
            background: var(--currentGradient, var(--currentColor));
            background-clip: text !important;
            -webkit-background-clip: text !important;
            text-decoration-color: var(--currentContrast);
            -webkit-text-decoration-color: var(--currentContrast);
            color: transparent;
            -webkit-text-fill-color: transparent
        }

        .component-button :is(.btn-icon, .btn-text) {
            z-index: 2
        }

        .component-button .btn-icon.icon-right {
            order: 2
        }

        .component-button .btn-icon.icon-right+.btn-text {
            margin-right: var(--iconMargin)
        }

        .component-button .btn-icon.icon-left+.btn-text {
            margin-left: var(--iconMargin)
        }

        .component-button .in-cart-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 18px;
            opacity: 0;
            visibility: hidden;
            transform: translate3d(-50%, -50%, 0) scale(.6)
        }

        .component-button.animate-add-to-cart {
            pointer-events: none
        }

        .component-button.animate-add-to-cart .btn-text,
        .component-button.animate-add-to-cart .component-icon {
            transition: none;
            opacity: 0;
            will-change: transform
        }

        .component-button.animate-add-to-cart .in-cart-icon {
            opacity: 1;
            transform: translate3d(-50%, -50%, 0) scale(1);
            visibility: visible;
            will-change: transform;
            transition: opacity .45s, visibility .45s, transform .3s cubic-bezier(.25, 1, .1, 3)
        }

        body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .component-button.hover {
            color: var(--currentColorHover, var(--currentColor))
        }

        body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .component-button.hover .btn-text.text-gradient {
            background: var(--currentColor)
        }

        body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .component-button.hover .component-icon {
            color: var(--iconColorHover, var(--iconColor, var(--currentColor)))
        }

        body.adaptive-mobile .component-button {
            width: var(--buttonWide_mobile, var(--buttonWide)) !important;
            text-align: var(--textAlign_mobile, var(--textAlign));
            justify-content: var(--justifyContent_mobile, var(--justifyContent))
        }

        .component-button.submitting,
        .component-button.success {
            pointer-events: none
        }

        .component-button.submitting .btn-text,
        .component-button.submitting .component-icon,
        .component-button.success .btn-text,
        .component-button.success .component-icon {
            opacity: 0
        }

        .component-button.submitting .submitting-icon,
        .component-button.success .success-icon {
            display: block;
            opacity: 1
        }

        .component-button .submitting-icon,
        .component-button .success-icon {
            position: absolute;
            width: 18px;
            height: 18px;
            top: 50%;
            left: 50%;
            margin: auto;
            transform: translate(-50%, -50%);
            display: none;
            opacity: 0;
            transition: opacity .3s ease
        }

        .text-underline {
            pointer-events: none;
            position: absolute;
            left: 0;
            right: 0;
            transition: var(--transitionDuration) var(--transitionTiming)
        }

        .text-underline:not(.is-static) {
            bottom: calc(var(--hoverUnderlineBorder) * -1);
            height: var(--hoverUnderlineBorder);
            background: var(--hoverUnderlineColor)
        }

        .text-underline:not(.is-static).is-underlined {
            transform: translateY(4px);
            opacity: 0
        }

        .text-underline:not(.is-static).is-animated {
            left: auto;
            right: 0;
            width: 0
        }

        .text-underline:not(.is-static).is-change {
            opacity: 0
        }

        .text-underline.is-static {
            bottom: calc(var(--underlineBorder) * -1);
            height: var(--underlineBorder);
            background: var(--underlineColor)
        }

        .text-underline.is-static.is-underlined {
            transform: translateY(0);
            opacity: 1
        }

        .text-underline.is-static.is-animated {
            left: 0;
            right: auto;
            width: 100%
        }

        body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover-underline:hover .text-underline.is-change,
        body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover-underline:hover .text-underline:not(.is-static) {
            bottom: calc(var(--hoverUnderlineBorder) * -1);
            height: var(--hoverUnderlineBorder);
            background: var(--hoverUnderlineColor)
        }

        body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover-underline:hover .text-underline:not(.is-static).is-underlined {
            transform: translateY(0);
            opacity: 1
        }

        body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover-underline:hover .text-underline:not(.is-static).is-animated {
            left: 0;
            right: auto;
            width: 100%
        }

        body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover-underline:hover .text-underline.is-static.is-underlined {
            transform: translateY(4px);
            opacity: 0
        }

        body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover-underline:hover .text-underline.is-static.is-animated {
            left: auto;
            right: 0;
            width: 0
        }
    

        :root {
            --iconSize: 60px;
            --iconBorderSize: 1px;
            --iconBorderRadius: 15%;
            --transitionDuration: 0.2s;
            --transitionTiming: ease
        }

        .component-icon {
            --iconScaling: var(--scaling, 56%);
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0;
            overflow: hidden;
            width: var(--iconSize);
            color: var(--iconColor, var(--currentColor));
            max-width: 100%;
            flex-shrink: 0
        }

        .component-icon[data-action-target] {
            cursor: pointer
        }

        .component-icon [data-action] {
            position: absolute;
            inset: 0;
            z-index: 2
        }

        .component-icon:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: none;
            content: "";
            border-radius: inherit;
            box-sizing: border-box;
            z-index: 0
        }

        .component-icon .icon-wrap {
            display: flex;
            position: relative;
            width: 100%;
            padding-bottom: 100%;
            z-index: 1
        }

        .component-icon .icon {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: 50%
        }

        .component-icon .icon.hover-icon {
            opacity: 0
        }

        .component-icon.style--bordered.border--medium {
            --iconBorderSize: 2px
        }

        .component-icon.style--bordered.border--large {
            --iconBorderSize: 3px
        }

        .component-icon.style--bordered.border--xlarge {
            --iconBorderSize: 5px
        }

        .component-icon.size--xsmall {
            --iconSize: 26px
        }

        .component-icon.size--small {
            --iconSize: 40px
        }

        .component-icon.size--medium {
            --iconSize: 60px
        }

        .component-icon.size--large {
            --iconSize: 80px
        }

        .component-icon.size--custom {
            width: var(--iconSizeFallback, var(--iconSize))
        }

        .component-icon.style--bordered:after,
        .component-icon.style--filled:after {
            display: block
        }

        .component-icon.style--bordered .icon,
        .component-icon.style--filled .icon {
            width: var(--iconScaling);
            height: var(--iconScaling);
            top: calc((100% - var(--iconScaling)) / 2);
            left: calc((100% - var(--iconScaling)) / 2)
        }

        .component-icon.style--filled:after {
            background: var(--iconColor, var(--currentColor))
        }

        .component-icon.style--filled .icon-wrap {
            color: var(--iconColor_contrast, var(--contrastColor))
        }

        .component-icon.style--bordered:after {
            border: var(--iconBorderSize) solid var(--iconColor, var(--currentColor));
            z-index: 1
        }

        .component-icon.shape--round {
            border-radius: 50%
        }

        .component-icon.shape--rounded {
            border-radius: var(--iconBorderRadius)
        }

        .component-icon.scale--cover .icon {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover
        }

        .component-icon.color--dark {
            --currentColor: var(--darkText);
            --contrastColor: var(--darkText_contrast)
        }

        .component-icon.color--light {
            --currentColor: var(--lightText);
            --contrastColor: var(--lightText_contrast)
        }

        .component-icon.hover--opacity .icon-wrap,
        .component-icon.hover--opacity:after {
            transition: opacity var(--transitionDuration) var(--transitionTiming)
        }

        .component-icon.hover--opacity:hover .icon-wrap,
        .component-icon.hover--opacity:hover:after {
            opacity: .7
        }

        .component-icon.hover--zoom {
            overflow: visible
        }

        .component-icon.hover--zoom .icon-wrap,
        .component-icon.hover--zoom:after {
            transition: transform var(--transitionDuration) var(--transitionTiming)
        }

        .component-icon.hover--zoom:hover.style--none .icon-wrap,
        .component-icon.hover--zoom:hover:after {
            transform: scale(1.12)
        }

        .component-icon.hover--color .icon-wrap {
            transition: color var(--transitionDuration) var(--transitionTiming)
        }

        .component-icon.hover--color .icon {
            transition: opacity var(--transitionDuration) var(--transitionTiming)
        }

        .component-icon.hover--color:after {
            transition: color var(--transitionDuration) var(--transitionTiming), opacity var(--transitionDuration) var(--transitionTiming), background-color var(--transitionDuration) var(--transitionTiming), border-color var(--transitionDuration) var(--transitionTiming)
        }

        .component-icon.hover--color:not(.style--filled).color--gradient:hover .icon.hover-icon {
            opacity: 1
        }

        .component-icon.hover--color:not(.style--filled).color--gradient:hover .icon.hover-icon+.icon {
            opacity: 0
        }
    

        .component-logo {
            --logoSize: 180px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            height: 100%;
            width: var(--logoSize, 100%);
            aspect-ratio: var(--ratio)
        }

        .component-logo a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        .component-logo-img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: contain;
            -webkit-user-drag: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            fill-rule: revert
        }

        body.adaptive-mobile .component-logo {
            --logoSizeAdaptive: 180px;
            width: var(--logoSizeAdaptive, 100%)
        }
    

        .component-image {
            width: 100%;
            position: relative;
            overflow: hidden;
            contain: layout;
            display: flex;
            padding-bottom: 0 !important
        }

        .component-image:not(.thumb-item, .component-slider__item) {
            border-radius: var(--radius, 0)
        }

        .component-image.loading {
            background-color: var(--imageAverageColor, transparent)
        }

        .component-image.empty .component-image__image {
            background: currentColor;
            opacity: .15
        }

        .component-image.round {
            --radius: 50% !important;
            --ratio: 1 !important
        }

        .component-image[data-action-target] {
            cursor: pointer
        }

        .component-image [data-action] {
            position: absolute;
            inset: 0;
            z-index: 3
        }

        .is-pointer .component-image[data-effect=zoom] .component-image__image {
            transition: transform .5s ease;
            left: -1px;
            right: -1px;
            bottom: -1px;
            top: -1px
        }

        .is-pointer .component-image[data-effect=zoom]:hover {
            will-change: transform
        }

        .is-pointer .component-image[data-effect=zoom]:hover .component-image__image {
            transform: scale(1.06);
            transition: transform 1.35s cubic-bezier(.45, .16, 0, .57)
        }

        .component-image__image {
            image-rendering: var(--imageRendering, auto);
            z-index: 0;
            opacity: 1;
            visibility: visible;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            -webkit-user-drag: none;
            text-indent: -9999px;
            border-radius: inherit;
            min-width: 100%;
            min-height: unset;
            max-width: 100%;
            max-height: 100%;
            aspect-ratio: var(--ratio, calc(100% / var(--proportion)));
            object-position: var(--imagePositionX, 50%) var(--imagePositionY, 50%);
            background-repeat: no-repeat;
            background-position: var(--imagePositionX, 50%) var(--imagePositionY, 50%)
        }

        .component-image__image:not([src]) {
            visibility: hidden
        }

        .component-image__contain {
            background-size: contain;
            object-fit: contain
        }

        .component-image__cover {
            background-size: cover;
            object-fit: cover
        }

        .component-slider__wrapper {
            display: flex;
            flex-flow: row nowrap;
            max-width: 100%;
            overflow: auto
        }

        .component-image__scroll {
            position: absolute;
            z-index: 2;
            text-align: left;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            overflow-x: hidden;
            overflow-y: auto;
            transition: opacity .35s ease .15s;
            --titleSize: 1.375rem;
            --descSize: 0.875rem
        }

        .component-image__scroll[data-size=large] {
            --titleSize: 1.875rem;
            --descSize: 1rem
        }

        .component-image__scroll[data-size=small] {
            --titleSize: 1.125rem
        }

        .component-image__scroll[data-size=xsmall] {
            --titleSize: 0.9375rem;
            --descSize: 0.8125rem
        }

        .component-image__content {
            position: relative;
            width: 100%;
            min-height: 100%;
            display: flex;
            flex-flow: column;
            padding: min(5%, 30px)
        }

        body.adaptive-mobile .component-image__content {
            padding: 10px
        }

        .component-image__content[data-position=auto] {
            --textAlign: auto
        }

        .component-image__content[data-position*=top] {
            justify-content: flex-start
        }

        .component-image__content[data-position*=bottom] {
            justify-content: flex-end
        }

        .component-image__content[data-position*=left] {
            align-items: flex-start;
            --textAlign: left
        }

        .component-image__content[data-position*=right] {
            align-items: flex-end;
            --textAlign: right
        }

        .component-image__content[data-position^=center] {
            justify-content: center
        }

        .component-image__content[data-position$=center] {
            align-items: center;
            --textAlign: center
        }

        .component-image__overlay {
            z-index: 0;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none
        }

        .component-image__title {
            font-size: var(--fontSizeTitle, var(--titleSize));
            line-height: var(--lineHeightTitle, 1.15);
            font-weight: var(--fontWeightTitle, 700);
            text-align: var(--textAlignTitle, var(--textAlign, center));
            letter-spacing: var(--letterSpacingTitle, 0);
            font-style: var(--fontStyleTitle, normal);
            -webkit-text-decoration: var(--textDecorationTitle, auto);
            text-decoration: var(--textDecorationTitle, auto);
            transform: translateY(4px);
            transition: transform .3s ease .15s
        }

        .component-image__desc,
        .component-image__title {
            z-index: 1;
            word-break: normal;
            word-wrap: normal;
            overflow-wrap: normal
        }

        .component-image__desc {
            font-size: var(--fontSizeDesc, var(--descSize));
            line-height: var(--lineHeightDesc, 1.3);
            font-weight: var(--fontWeightDesc, 700);
            text-align: var(--textAlignDesc, var(--textAlign, center));
            letter-spacing: var(--letterSpacingDesc, 0);
            font-style: var(--fontStyleDesc, normal);
            -webkit-text-decoration: var(--textDecorationDesc, auto);
            text-decoration: var(--textDecorationDesc, auto);
            display: block;
            transform: translateY(7px);
            transition: transform .35s ease .15s
        }

        .component-image__title~.component-image__desc {
            margin-top: .4em
        }

        .component-image.hover .component-image__scroll,
        .component-image__scroll[data-type=static] {
            opacity: 1;
            transition-delay: 0s
        }

        .component-image.hover .component-image__scroll :is(.component-image__title, .component-image__desc),
        .component-image__scroll[data-type=static] :is(.component-image__title, .component-image__desc) {
            transform: translateZ(0);
            transition-delay: 0s
        }