@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
        body {
            --fiola-color: #6c5bd9;
            --light-fiola-color: #8a9eea;
            --BK: #21324e;
            --BK-8: rgba(33, 50, 78, .8);
            --BK-5: rgba(33, 50, 78, .5);
            --dark-grey: #747d9d;
            --dark-grey-8: rgba(116, 125, 157, .8);
            --ultra-dark-grey: #42495a;
            --ultra-dark-grey-8: rgba(66, 73, 90, .8);
            --light-grey: #c0bdc9;
            --ultra-light-grey: #f1f3fc;
            --green: #51f0d8;
            --blue-sky: #cde7ff;
            --white: #fcfcfc;
            --white-5: hsla(0, 0%, 99%, .5);
            --error: #ca3f3f;
            --error-8: rgba(202, 63, 63, .8);
            --font-family-primary: Gilroy, sans-serif;
            --font-family-secondary: Inter, sans-serif;
            --content-max-width: 950px;
            --content-margin: 72px
        }

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        blockquote,
        body,
        dd,
        dl,
        figcaption,
        figure,
        h1,
        h2,
        h3,
        h4,
        p {
            margin: 0
        }

        body {
            line-height: 1.5;
            min-height: 100vh;
            scroll-behavior: smooth;
            text-rendering: optimizeSpeed
        }

        a:not([class]) {
            -webkit-text-decoration-skip: ink;
            text-decoration-skip-ink: auto
        }

        img {
            display: block;
            max-width: 100%
        }

        article>*+* {
            margin-top: 1em
        }

        button,
        input,
        select,
        textarea {
            font: inherit
        }

        @media (prefers-reduced-motion:reduce) {
            * {
                animation-duration: .01ms !important;
                animation-iteration-count: 1 !important;
                scroll-behavior: auto !important;
                transition-duration: .01ms !important
            }
        }

        * {
            border: none;
            margin: 0;
            padding: 0
        }

        *,
        :after,
        :before {
            box-sizing: border-box
        }

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

        aside,
        footer,
        header,
        main,
        nav,
        section {
            display: block
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p {
            font-size: inherit;
            font-weight: inherit
        }

        ul,
        ul>li {
            list-style: none
        }

        img {
            vertical-align: top
        }

        img,
        svg {
            height: auto;
            max-width: 100%
        }

        address {
            font-style: normal
        }

        button,
        input,
        select,
        textarea {
            background-color: transparent;
            color: inherit;
            font-family: inherit;
            font-size: inherit
        }

        input::-ms-clear {
            display: none
        }

        button,
        input[type=submit] {
            background-color: transparent;
            background: none;
            box-shadow: none;
            cursor: pointer;
            display: inline-block
        }

        button:active,
        button:focus,
        input:active,
        input:focus {
            outline: none
        }

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

        label {
            cursor: pointer
        }

        legend {
            display: block
        }

        .app-section {
            margin-left: auto;
            margin-right: auto;
            margin-top: 112px;
            max-width: var(--content-max-width)
        }

        body * {
            color: var(--BK)
        }

        .main-page h2,
        .main-page h3 {
            transform: scale(.9)
        }

        .overflow-hidden {
            overflow: hidden
        }

        .title {
            font-size: 39.2px;
            line-height: 43.12px
        }

        .title,
        .title-2 {
            font-weight: 500;
            letter-spacing: -.4315620065px
        }

        .title-2 {
            color: var(--BK);
            font-size: 29px;
            line-height: 31.68px
        }

        .text-p {
            color: var(--BK);
            font-size: 16.8px;
            font-weight: 500;
            letter-spacing: .200000003px;
            line-height: 20.16px
        }

        .main-content {
            margin: 0 auto;
            width: 100%
        }

        .app-btn {
            align-items: center;
            border-radius: 39px;
            box-sizing: border-box;
            display: flex;
            font-size: 17px;
            font-weight: 600;
            justify-content: center;
            padding-bottom: 16px;
            padding-top: 16px;
            transition: background-color .2s ease-in-out, color .2s ease-in-out;
            width: 100%
        }

        .app-btn:not(.app-btn--outline) {
            background-color: var(--fiola-color);
            color: #fff
        }

        .app-btn:hover {
            background-color: var(--light-fiola-color)
        }

        .app-btn:disabled {
            background-color: var(--light-grey);
            color: var(--white);
            cursor: not-allowed
        }

        .app-btn--outline {
            background-color: transparent;
            border: 2px solid var(--fiola-color);
            color: var(--fiola-color);
            padding-bottom: 12.8px;
            padding-top: 12.8px
        }

        .app-btn--outline:hover {
            background-color: var(--light-fiola-color);
            border-color: var(--light-fiola-color);
            color: #fff
        }

        .app-btn--gradient {
            animation: Gradient 5s ease infinite !important;
            background: linear-gradient(-45deg, #6c5bd9, #4894e7, #51f0d8);
            background-size: 400% !important;
            border-radius: 100px;
            transition: background .3s
        }

        @keyframes Gradient {
            0% {
                background-position: 0 50%
            }
            50% {
                background-position: 100% 50%
            }
            to {
                background-position: 0 50%
            }
        }

        .app-btn--gradient:hover {
            background: var(--fiola-color)
        }

        .app-input {
            height: -moz-max-content;
            height: max-content
        }

        .app-input * {
            font-family: Gilroy, sans-serif
        }

        .app-input__input-wrapper {
            background-color: var(--ultra-light-grey);
            border-radius: 20px;
            display: block;
            height: 56px;
            margin-top: 6px;
            position: relative
        }

        .app-input__input-wrapper input,
        .app-input__input-wrapper textarea {
            border: 1px solid transparent;
            border-radius: 20px;
            box-sizing: border-box;
            font-size: 16px;
            font-weight: 500;
            height: 100%;
            letter-spacing: .2px;
            line-height: 24.36px;
            padding-left: 20px;
            padding-right: 8px;
            transition: .3s;
            width: 100%
        }

        .app-input__input-wrapper input::-moz-placeholder,
        .app-input__input-wrapper textarea::-moz-placeholder {
            color: var(--dark-grey-8)
        }

        .app-input__input-wrapper input::placeholder,
        .app-input__input-wrapper textarea::placeholder {
            color: var(--dark-grey-8)
        }

        .app-input__input-wrapper input:focus,
        .app-input__input-wrapper textarea:focus {
            border: 1px solid #21324e
        }

        .app-input__input-wrapper i {
            position: absolute;
            right: 12.8px;
            top: 50%;
            transform: translateY(-50%)
        }

        .app-input__label {
            color: var(--BK);
            font-size: 18px;
            font-weight: 600;
            line-height: 1.2;
            letter-spacing: 0.02em;
            display: block;
            margin-bottom: 6px;
        }

        .app-input label {
            display: flex;
            flex-direction: column;
            width: 100%;
        }

        .app-input__counter {
            font-weight: 500;
            letter-spacing: .200000003px
        }

        .app-input__counter {
            bottom: 9.6px;
            color: var(--ultra-dark-grey-8);
            font-size: 9.6px;
            line-height: 14.28px;
            position: absolute;
            right: 19.2px
        }

        .app-input__error {
            color: var(--error-8);
            display: none;
            font-size: 12.8px;
            font-weight: 500;
            letter-spacing: .200000003px;
            line-height: 14.8px;
            margin-top: 6.4px
        }

        .app-input--textarea .app-input__input-wrapper {
            height: -moz-max-content;
            height: max-content
        }

        .app-input--textarea textarea {
            outline: none;
            padding: 22.4px 8px 9.6px 22.4px;
            resize: none
        }

        .app-input--textarea textarea::-moz-placeholder {
            color: var(--dark-grey-8)
        }

        .app-input--textarea textarea::placeholder {
            color: var(--dark-grey-8)
        }

        .app-input--invalid input {
            border: 2px solid var(--error) !important
        }

        .app-input--invalid .app-input__label {
            color: var(--error-8)
        }

        .app-input--invalid .app-input__error {
            display: block
        }

        .app-checkbox {
            align-items: flex-start;
            cursor: default;
            display: flex;
            gap: 9.6px
        }

        .app-checkbox input {
            display: none
        }

        .app-checkbox input:checked~.app-checkbox__box:after {
            background-color: var(--BK);
            border-radius: 4px;
            bottom: 1px;
            content: "";
            left: 1px;
            position: absolute;
            right: 1px;
            top: 1px
        }

        .app-checkbox__box {
            border: 1px solid var(--BK);
            border-radius: 4px;
            cursor: pointer;
            display: inline-block;
            min-height: 12.8px;
            min-width: 12.8px;
            position: relative
        }

        .app-checkbox__label {
            color: var(--BK);
            font-size: 12.8px;
            font-weight: 400;
            letter-spacing: .200000003px;
            line-height: 17.92px
        }

        .app-checkbox__label--link {
            cursor: pointer;
            display: inline-block;
            text-decoration: underline
        }

        .app-checkbox__label.error,
        .app-checkbox__label.error * {
            color: red
        }

        .app-arrow-btn {
            cursor: pointer
        }

        .app-arrow-btn svg path {
            fill: var(--BK);
            transition: .3s
        }

        .app-arrow-btn:hover svg path {
            fill: var(--fiola-color)
        }

        .app-arrow-btn:disabled svg path {
            fill: var(--dark-grey)
        }

        .app-overlay {
            background-color: var(--BK);
            height: 100vh;
            left: 0;
            opacity: 0;
            position: fixed;
            right: 0;
            top: 0;
            transform: translateY(-100%);
            transition: opacity .3s;
            z-index: 2
        }

        .app-overlay--show {
            opacity: .6;
            transform: translateY(0)
        }

        @media (max-width:800px) {
            .app-section {
                margin-top: 68px
            }
        }

        @media (max-width:700px) {
            .app-section {
                margin-left: 24px !important;
                margin-right: 24px !important
            }
            .title {
                font-size: 26px;
                line-height: 28.6px
            }
            .title-2 {
                font-size: 20px;
                line-height: 22px !important
            }
            .app-btn {
                font-size: 16px;
                height: 55px
            }
            .app-input__label {
                font-size: 14px;
                line-height: 15px
            }
            .app-input__input-wrapper {
                border-radius: 12px;
                height: 50px;
                margin-top: 4px
            }
            .app-input__input-wrapper input,
            .app-input__input-wrapper textarea {
                border-radius: 12px;
                font-size: 16px;
                padding-left: 16px
            }
            .app-input__input-wrapper textarea {
                padding-top: 16px
            }
        }

        @media (max-width:600px) {
            .app-overlay {
                display: block
            }
        }

        .animation-scale-in {
            animation-duration: .5s;
            animation-name: scale-in;
            animation-timing-function: ease-out
        }

        @keyframes scale-in {
            0% {
                opacity: 0;
                transform: scale(.2)
            }
            to {
                opacity: 1;
                transform: scale(1)
            }
        }

        @keyframes blinking {
            0% {
                background-color: #fff
            }
            90% {
                background-color: var(--green)
            }
        }

        @keyframes fall {
            0% {
                opacity: 0;
                transform: translateY(-500px) rotate(-180deg)
            }
            50% {
                opacity: 1;
                transform: translateY(-10px)
            }
            to {
                opacity: 1;
                transform: translateY(0) rotate(var(--rotation))
            }
        }

        .animation-delay-9 {
            animation-delay: .9s
        }

        .animation-duration-6 {
            animation-duration: .6s
        }

        .animation-forwards {
            animation-fill-mode: forwards
        }

        .title-animation {
            animation-duration: 1s;
            animation-fill-mode: forwards;
            animation-name: title-scale-animation;
            animation-timing-function: ease-in-out
        }

        @keyframes title-scale-animation {
            0% {
                transform: scale(.9)
            }
            to {
                transform: scale(1)
            }
        }

        @keyframes animate-tape-x {
            0% {
                transform: translateX(var(--translate-start))
            }
            to {
                transform: translateX(var(--translate-end))
            }
        }

        @keyframes animate-tape-y {
            0% {
                transform: translateY(var(--translate-start))
            }
            to {
                transform: translateY(var(--translate-end))
            }
        }

        @keyframes change-anchor-position {
            0% {
                transform: translateY(var(--anchor-translate-y-from))
            }
            to {
                transform: translateY(var(--anchor-translate-y-to))
            }
        }

        * {
            font-family: Gilroy, sans-serif;
            outline: none !important
        }

        a {
            cursor: pointer
        }

        body {
            background: var(--primary-white);
            color: var(--primary-black);
            font-style: normal;
            line-height: normal;
            max-width: 100%;
            overflow-x: hidden;
            transition-duration: .3s
        }

        .el-overlay {
            -webkit-backdrop-filter: blur(11px);
            backdrop-filter: blur(11px);
            background: rgba(60, 75, 97, .6)
        }

        .component-enter-active,
        .component-leave-active {
            transition: all .4s ease
        }

        .component-enter-from {
            opacity: 0;
            transform: translateX(100px)
        }

        .component-leave-to {
            opacity: 0;
            transform: translateX(-100px)
        }

        .page-enter-active {
            transition: all .4s ease
        }

        .page-leave-active {
            transition: all .2s ease
        }

        .page-enter-from {
            opacity: 0;
            transform: translateX(20px) translateY(0)
        }

        .page-leave-to {
            opacity: 0;
            transform: translateX(-20px)
        }

        .opacity-enter-active {
            transition: all .4s ease
        }

        .opacity-leave-active {
            transition: all .2s ease
        }

        .opacity-enter-from,
        .opacity-leave-to {
            opacity: 0
        }

        .opacity-scale-height-enter-active {
            max-height: 900px;
            transform-origin: left;
            transition: max-height .4s, opacity .5s ease, transform .6s ease
        }

        .opacity-scale-height-leave-active {
            max-height: 900px;
            transition: max-height .3s, opacity .3s ease, transform .3s ease
        }

        .opacity-scale-height-enter-from,
        .opacity-scale-height-leave-to {
            max-height: 0;
            opacity: 0;
            transform: scale(0)
        }

        .opacity-scale-height-enter-to,
        .opacity-scale-height-leave-from {
            max-height: 900px;
            opacity: 1;
            transform: scale(1)
        }
    


        .ps {
            overflow: hidden !important;
            overflow-anchor: none;
            -ms-overflow-style: none;
            touch-action: auto;
            -ms-touch-action: auto
        }

        .ps__rail-x {
            bottom: 0;
            height: 15px
        }

        .ps__rail-x,
        .ps__rail-y {
            display: none;
            opacity: 0;
            position: absolute;
            transition: background-color .2s linear, opacity .2s linear;
            -webkit-transition: background-color .2s linear, opacity .2s linear
        }

        .ps__rail-y {
            right: 0;
            width: 15px
        }

        .ps--active-x>.ps__rail-x,
        .ps--active-y>.ps__rail-y {
            background-color: transparent;
            display: block
        }

        .ps--focus>.ps__rail-x,
        .ps--focus>.ps__rail-y,
        .ps--scrolling-x>.ps__rail-x,
        .ps--scrolling-y>.ps__rail-y,
        .ps:hover>.ps__rail-x,
        .ps:hover>.ps__rail-y {
            opacity: .6
        }

        .ps .ps__rail-x.ps--clicking,
        .ps .ps__rail-x:focus,
        .ps .ps__rail-x:hover,
        .ps .ps__rail-y.ps--clicking,
        .ps .ps__rail-y:focus,
        .ps .ps__rail-y:hover {
            background-color: #eee;
            opacity: .9
        }

        .ps__thumb-x {
            bottom: 2px;
            height: 6px;
            transition: background-color .2s linear, height .2s ease-in-out;
            -webkit-transition: background-color .2s linear, height .2s ease-in-out
        }

        .ps__thumb-x,
        .ps__thumb-y {
            background-color: #aaa;
            border-radius: 6px;
            position: absolute
        }

        .ps__thumb-y {
            right: 2px;
            transition: background-color .2s linear, width .2s ease-in-out;
            -webkit-transition: background-color .2s linear, width .2s ease-in-out;
            width: 6px
        }

        .ps__rail-x.ps--clicking .ps__thumb-x,
        .ps__rail-x:focus>.ps__thumb-x,
        .ps__rail-x:hover>.ps__thumb-x {
            background-color: #999;
            height: 11px
        }

        .ps__rail-y.ps--clicking .ps__thumb-y,
        .ps__rail-y:focus>.ps__thumb-y,
        .ps__rail-y:hover>.ps__thumb-y {
            background-color: #999;
            width: 11px
        }

        @supports (-ms-overflow-style:none) {
            .ps {
                overflow: auto !important
            }
        }

        @media (-ms-high-contrast:none),
        screen and (-ms-high-contrast:active) {
            .ps {
                overflow: auto !important
            }
        }

        .ps {
            position: relative
        }
    


        .base-button[data-v-182cb3e1] {
            background: #6c5bd9;
            border: 2px solid #6c5bd9;
            border-radius: 39px;
            height: 56px;
            justify-content: center;
            padding-left: 44px;
            padding-right: 44px
        }

        .base-button[data-v-182cb3e1],
        .base-button>span[data-v-182cb3e1] {
            align-items: center;
            display: flex
        }

        .base-button>span[data-v-182cb3e1] {
            color: #fcfcfc;
            font-family: Gilroy, sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            gap: 6px;
            letter-spacing: .2px;
            line-height: 145%
        }

        .base-button.outline[data-v-182cb3e1] {
            background: transparent;
            border: 2px solid #21324e
        }

        .base-button.outline>span[data-v-182cb3e1] {
            color: #21324e
        }

        .base-button.dark[data-v-182cb3e1] {
            background: #21324e;
            border-color: #21324e
        }

        @media screen and (max-width:768px) {
            .base-button.dark[data-v-182cb3e1] {
                height: 40px
            }
        }
    


        @charset "UTF-8";
        :root {
            --el-color-white: #fff;
            --el-color-black: #000;
            --el-color-primary-rgb: 64, 158, 255;
            --el-color-success-rgb: 103, 194, 58;
            --el-color-warning-rgb: 230, 162, 60;
            --el-color-danger-rgb: 245, 108, 108;
            --el-color-error-rgb: 245, 108, 108;
            --el-color-info-rgb: 144, 147, 153;
            --el-font-size-extra-large: 20px;
            --el-font-size-large: 18px;
            --el-font-size-medium: 16px;
            --el-font-size-base: 14px;
            --el-font-size-small: 13px;
            --el-font-size-extra-small: 12px;
            --el-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
            --el-font-weight-primary: 500;
            --el-font-line-height-primary: 24px;
            --el-index-normal: 1;
            --el-index-top: 1000;
            --el-index-popper: 2000;
            --el-border-radius-base: 4px;
            --el-border-radius-small: 2px;
            --el-border-radius-round: 20px;
            --el-border-radius-circle: 100%;
            --el-transition-duration: 0.3s;
            --el-transition-duration-fast: 0.2s;
            --el-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
            --el-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
            --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
            --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
            --el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
            --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
            --el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
            --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
            --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
            --el-component-size-large: 40px;
            --el-component-size: 32px;
            --el-component-size-small: 24px;
            color-scheme: light;
            --el-color-primary: #409eff;
            --el-color-primary-light-3: #79bbff;
            --el-color-primary-light-5: #a0cfff;
            --el-color-primary-light-7: #c6e2ff;
            --el-color-primary-light-8: #d9ecff;
            --el-color-primary-light-9: #ecf5ff;
            --el-color-primary-dark-2: #337ecc;
            --el-color-success: #67c23a;
            --el-color-success-light-3: #95d475;
            --el-color-success-light-5: #b3e19d;
            --el-color-success-light-7: #d1edc4;
            --el-color-success-light-8: #e1f3d8;
            --el-color-success-light-9: #f0f9eb;
            --el-color-success-dark-2: #529b2e;
            --el-color-warning: #e6a23c;
            --el-color-warning-light-3: #eebe77;
            --el-color-warning-light-5: #f3d19e;
            --el-color-warning-light-7: #f8e3c5;
            --el-color-warning-light-8: #faecd8;
            --el-color-warning-light-9: #fdf6ec;
            --el-color-warning-dark-2: #b88230;
            --el-color-danger: #f56c6c;
            --el-color-danger-light-3: #f89898;
            --el-color-danger-light-5: #fab6b6;
            --el-color-danger-light-7: #fcd3d3;
            --el-color-danger-light-8: #fde2e2;
            --el-color-danger-light-9: #fef0f0;
            --el-color-danger-dark-2: #c45656;
            --el-color-error: #f56c6c;
            --el-color-error-light-3: #f89898;
            --el-color-error-light-5: #fab6b6;
            --el-color-error-light-7: #fcd3d3;
            --el-color-error-light-8: #fde2e2;
            --el-color-error-light-9: #fef0f0;
            --el-color-error-dark-2: #c45656;
            --el-color-info: #909399;
            --el-color-info-light-3: #b1b3b8;
            --el-color-info-light-5: #c8c9cc;
            --el-color-info-light-7: #dedfe0;
            --el-color-info-light-8: #e9e9eb;
            --el-color-info-light-9: #f4f4f5;
            --el-color-info-dark-2: #73767a;
            --el-bg-color: #fff;
            --el-bg-color-page: #f2f3f5;
            --el-bg-color-overlay: #fff;
            --el-text-color-primary: #303133;
            --el-text-color-regular: #606266;
            --el-text-color-secondary: #909399;
            --el-text-color-placeholder: #a8abb2;
            --el-text-color-disabled: #c0c4cc;
            --el-border-color: #dcdfe6;
            --el-border-color-light: #e4e7ed;
            --el-border-color-lighter: #ebeef5;
            --el-border-color-extra-light: #f2f6fc;
            --el-border-color-dark: #d4d7de;
            --el-border-color-darker: #cdd0d6;
            --el-fill-color: #f0f2f5;
            --el-fill-color-light: #f5f7fa;
            --el-fill-color-lighter: #fafafa;
            --el-fill-color-extra-light: #fafcff;
            --el-fill-color-dark: #ebedf0;
            --el-fill-color-darker: #e6e8eb;
            --el-fill-color-blank: #fff;
            --el-box-shadow: 0px 12px 32px 4px #0000000a, 0px 8px 20px #00000014;
            --el-box-shadow-light: 0px 0px 12px #0000001f;
            --el-box-shadow-lighter: 0px 0px 6px #0000001f;
            --el-box-shadow-dark: 0px 16px 48px 16px #00000014, 0px 12px 32px #0000001f, 0px 8px 16px -8px #00000029;
            --el-disabled-bg-color: var(--el-fill-color-light);
            --el-disabled-text-color: var(--el-text-color-placeholder);
            --el-disabled-border-color: var(--el-border-color-light);
            --el-overlay-color: #000c;
            --el-overlay-color-light: #000000b3;
            --el-overlay-color-lighter: #00000080;
            --el-mask-color: #ffffffe6;
            --el-mask-color-extra-light: #ffffff4d;
            --el-border-width: 1px;
            --el-border-style: solid;
            --el-border-color-hover: var(--el-text-color-disabled);
            --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
            --el-svg-monochrome-grey: var(--el-border-color)
        }

        .fade-in-linear-enter-active,
        .fade-in-linear-leave-active {
            transition: var(--el-transition-fade-linear)
        }

        .fade-in-linear-enter-from,
        .fade-in-linear-leave-to {
            opacity: 0
        }

        .el-fade-in-linear-enter-active,
        .el-fade-in-linear-leave-active {
            transition: var(--el-transition-fade-linear)
        }

        .el-fade-in-linear-enter-from,
        .el-fade-in-linear-leave-to {
            opacity: 0
        }

        .el-fade-in-enter-active,
        .el-fade-in-leave-active {
            transition: all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
        }

        .el-fade-in-enter-from,
        .el-fade-in-leave-active {
            opacity: 0
        }

        .el-zoom-in-center-enter-active,
        .el-zoom-in-center-leave-active {
            transition: all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
        }

        .el-zoom-in-center-enter-from,
        .el-zoom-in-center-leave-active {
            opacity: 0;
            transform: scaleX(0)
        }

        .el-zoom-in-top-enter-active,
        .el-zoom-in-top-leave-active {
            opacity: 1;
            transform: scaleY(1);
            transform-origin: center top;
            transition: var(--el-transition-md-fade)
        }

        .el-zoom-in-top-enter-active[data-popper-placement^=top],
        .el-zoom-in-top-leave-active[data-popper-placement^=top] {
            transform-origin: center bottom
        }

        .el-zoom-in-top-enter-from,
        .el-zoom-in-top-leave-active {
            opacity: 0;
            transform: scaleY(0)
        }

        .el-zoom-in-bottom-enter-active,
        .el-zoom-in-bottom-leave-active {
            opacity: 1;
            transform: scaleY(1);
            transform-origin: center bottom;
            transition: var(--el-transition-md-fade)
        }

        .el-zoom-in-bottom-enter-from,
        .el-zoom-in-bottom-leave-active {
            opacity: 0;
            transform: scaleY(0)
        }

        .el-zoom-in-left-enter-active,
        .el-zoom-in-left-leave-active {
            opacity: 1;
            transform: scale(1);
            transform-origin: top left;
            transition: var(--el-transition-md-fade)
        }

        .el-zoom-in-left-enter-from,
        .el-zoom-in-left-leave-active {
            opacity: 0;
            transform: scale(.45)
        }

        .collapse-transition {
            transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
        }

        .el-collapse-transition-enter-active,
        .el-collapse-transition-leave-active {
            transition: var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
        }

        .horizontal-collapse-transition {
            transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out, var(--el-transition-duration) padding-right ease-in-out
        }

        .el-list-enter-active,
        .el-list-leave-active {
            transition: all 1s
        }

        .el-list-enter-from,
        .el-list-leave-to {
            opacity: 0;
            transform: translateY(-30px)
        }

        .el-list-leave-active {
            position: absolute !important
        }

        .el-opacity-transition {
            transition: opacity var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
        }

        .el-icon-loading {
            animation: rotating 2s linear infinite
        }

        .el-icon--right {
            margin-left: 5px
        }

        .el-icon--left {
            margin-right: 5px
        }

        @keyframes rotating {
            0% {
                transform: rotate(0deg)
            }
            to {
                transform: rotate(1turn)
            }
        }

        .el-icon {
            --color: inherit;
            align-items: center;
            display: inline-flex;
            height: 1em;
            justify-content: center;
            line-height: 1em;
            position: relative;
            width: 1em;
            fill: currentColor;
            color: var(--color);
            font-size: inherit
        }

        .el-icon.is-loading {
            animation: rotating 2s linear infinite
        }

        .el-icon svg {
            height: 1em;
            width: 1em
        }
    


        .el-badge {
            --el-badge-bg-color: var(--el-color-danger);
            --el-badge-radius: 10px;
            --el-badge-font-size: 12px;
            --el-badge-padding: 6px;
            --el-badge-size: 18px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            width: fit-content
        }

        .el-badge__content {
            align-items: center;
            background-color: var(--el-badge-bg-color);
            border: 1px solid var(--el-bg-color);
            border-radius: var(--el-badge-radius);
            color: var(--el-color-white);
            display: inline-flex;
            font-size: var(--el-badge-font-size);
            height: var(--el-badge-size);
            justify-content: center;
            padding: 0 var(--el-badge-padding);
            white-space: nowrap
        }

        .el-badge__content.is-fixed {
            position: absolute;
            right: calc(1px + var(--el-badge-size)/2);
            top: 0;
            transform: translateY(-50%) translateX(100%);
            z-index: var(--el-index-normal)
        }

        .el-badge__content.is-fixed.is-dot {
            right: 5px
        }

        .el-badge__content.is-dot {
            border-radius: 50%;
            height: 8px;
            padding: 0;
            right: 0;
            width: 8px
        }

        .el-badge__content--primary {
            background-color: var(--el-color-primary)
        }

        .el-badge__content--success {
            background-color: var(--el-color-success)
        }

        .el-badge__content--warning {
            background-color: var(--el-color-warning)
        }

        .el-badge__content--info {
            background-color: var(--el-color-info)
        }

        .el-badge__content--danger {
            background-color: var(--el-color-danger)
        }
    


        .el-message {
            --el-message-bg-color: var(--el-color-info-light-9);
            --el-message-border-color: var(--el-border-color-lighter);
            --el-message-padding: 11px 15px;
            --el-message-close-size: 16px;
            --el-message-close-icon-color: var(--el-text-color-placeholder);
            --el-message-close-hover-color: var(--el-text-color-secondary);
            align-items: center;
            background-color: var(--el-message-bg-color);
            border-color: var(--el-message-border-color);
            border-radius: var(--el-border-radius-base);
            border-style: var(--el-border-style);
            border-width: var(--el-border-width);
            box-sizing: border-box;
            display: flex;
            gap: 8px;
            left: 50%;
            max-width: calc(100% - 32px);
            padding: var(--el-message-padding);
            position: fixed;
            top: 20px;
            transform: translateX(-50%);
            transition: opacity var(--el-transition-duration), transform .4s, top .4s;
            width: fit-content
        }

        .el-message.is-center {
            justify-content: center
        }

        .el-message.is-plain {
            background-color: var(--el-bg-color-overlay);
            border-color: var(--el-bg-color-overlay);
            box-shadow: var(--el-box-shadow-light)
        }

        .el-message p {
            margin: 0
        }

        .el-message--success {
            --el-message-bg-color: var(--el-color-success-light-9);
            --el-message-border-color: var(--el-color-success-light-8);
            --el-message-text-color: var(--el-color-success)
        }

        .el-message--success .el-message__content {
            color: var(--el-message-text-color);
            overflow-wrap: break-word
        }

        .el-message .el-message-icon--success {
            color: var(--el-message-text-color)
        }

        .el-message--info {
            --el-message-bg-color: var(--el-color-info-light-9);
            --el-message-border-color: var(--el-color-info-light-8);
            --el-message-text-color: var(--el-color-info)
        }

        .el-message--info .el-message__content {
            color: var(--el-message-text-color);
            overflow-wrap: break-word
        }

        .el-message .el-message-icon--info {
            color: var(--el-message-text-color)
        }

        .el-message--warning {
            --el-message-bg-color: var(--el-color-warning-light-9);
            --el-message-border-color: var(--el-color-warning-light-8);
            --el-message-text-color: var(--el-color-warning)
        }

        .el-message--warning .el-message__content {
            color: var(--el-message-text-color);
            overflow-wrap: break-word
        }

        .el-message .el-message-icon--warning {
            color: var(--el-message-text-color)
        }

        .el-message--error {
            --el-message-bg-color: var(--el-color-error-light-9);
            --el-message-border-color: var(--el-color-error-light-8);
            --el-message-text-color: var(--el-color-error)
        }

        .el-message--error .el-message__content {
            color: var(--el-message-text-color);
            overflow-wrap: break-word
        }

        .el-message .el-message-icon--error {
            color: var(--el-message-text-color)
        }

        .el-message .el-message__badge {
            position: absolute;
            right: -8px;
            top: -8px
        }

        .el-message__content {
            font-size: 14px;
            line-height: 1;
            padding: 0
        }

        .el-message__content:focus {
            outline-width: 0
        }

        .el-message .el-message__closeBtn {
            color: var(--el-message-close-icon-color);
            cursor: pointer;
            font-size: var(--el-message-close-size)
        }

        .el-message .el-message__closeBtn:focus {
            outline-width: 0
        }

        .el-message .el-message__closeBtn:hover {
            color: var(--el-message-close-hover-color)
        }

        .el-message-fade-enter-from,
        .el-message-fade-leave-to {
            opacity: 0;
            transform: translate(-50%, -100%)
        }
    


        :root {
            --el-loading-spinner-size: 42px;
            --el-loading-fullscreen-spinner-size: 50px
        }

        .el-loading-parent--relative {
            position: relative !important
        }

        .el-loading-parent--hidden {
            overflow: hidden !important
        }

        .el-loading-mask {
            background-color: var(--el-mask-color);
            bottom: 0;
            left: 0;
            margin: 0;
            position: absolute;
            right: 0;
            top: 0;
            transition: opacity var(--el-transition-duration);
            z-index: 2000
        }

        .el-loading-mask.is-fullscreen {
            position: fixed
        }

        .el-loading-mask.is-fullscreen .el-loading-spinner {
            margin-top: calc((0px - var(--el-loading-fullscreen-spinner-size))/2)
        }

        .el-loading-mask.is-fullscreen .el-loading-spinner .circular {
            height: var(--el-loading-fullscreen-spinner-size);
            width: var(--el-loading-fullscreen-spinner-size)
        }

        .el-loading-spinner {
            margin-top: calc((0px - var(--el-loading-spinner-size))/2);
            position: absolute;
            text-align: center;
            top: 50%;
            width: 100%
        }

        .el-loading-spinner .el-loading-text {
            color: var(--el-color-primary);
            font-size: 14px;
            margin: 3px 0
        }

        .el-loading-spinner .circular {
            animation: loading-rotate 2s linear infinite;
            display: inline;
            height: var(--el-loading-spinner-size);
            width: var(--el-loading-spinner-size)
        }

        .el-loading-spinner .path {
            animation: loading-dash 1.5s ease-in-out infinite;
            stroke-dasharray: 90, 150;
            stroke-dashoffset: 0;
            stroke-width: 2;
            stroke: var(--el-color-primary);
            stroke-linecap: round
        }

        .el-loading-spinner i {
            color: var(--el-color-primary)
        }

        .el-loading-fade-enter-from,
        .el-loading-fade-leave-to {
            opacity: 0
        }

        @keyframes loading-rotate {
            to {
                transform: rotate(1turn)
            }
        }

        @keyframes loading-dash {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }
            50% {
                stroke-dasharray: 90, 150;
                stroke-dashoffset: -40px
            }
            to {
                stroke-dasharray: 90, 150;
                stroke-dashoffset: -120px
            }
        }
    


        .app-footer[data-v-1d6a5239] {
            margin-left: auto;
            margin-right: auto
        }

        .app-footer__content[data-v-1d6a5239] {
            align-items: center;
            display: flex;
            justify-content: space-between;
            position: relative
        }

        .app-footer__title[data-v-1d6a5239] {
            color: var(--BK)
        }

        .app-footer__title-row[data-v-1d6a5239] {
            align-items: center;
            display: flex
        }

        .app-footer__title[data-v-1d6a5239] i {
            background-color: #8a9eea;
            border-radius: 44px;
            display: inline-block;
            height: 38.4px;
            margin-bottom: -7px;
            width: 64px
        }

        @media screen and (max-width:700px) {
            .app-footer__title[data-v-1d6a5239] i {
                height: 20px;
                margin-bottom: -2px;
                width: 30px
            }
        }

        .app-footer__form[data-v-1d6a5239] {
            margin-top: 25.6px;
            max-width: 352px
        }

        .app-footer__input i[data-v-1d6a5239] {
            right: 19.2px
        }

        .app-footer__input input[data-v-1d6a5239] {
            padding-right: 48px
        }

        .app-footer__checkbox[data-v-1d6a5239] {
            margin-top: 16px
        }

        .app-footer__socials[data-v-1d6a5239] {
            display: flex;
            gap: 19.2px;
            margin-top: 25.6px
        }

        .app-footer__social[data-v-1d6a5239] {
            transition: .2s
        }

        .app-footer__social>img[data-v-1d6a5239] {
            height: 43px;
            -o-object-fit: contain;
            object-fit: contain;
            width: 32px
        }

        .app-footer__social[data-v-1d6a5239]:hover {
            transform: scale(1.2)
        }

        .app-footer__row[data-v-1d6a5239] {
            display: flex;
            justify-content: space-between
        }

        .app-footer__title-1[data-v-1d6a5239] {
            align-items: center;
            align-self: stretch;
            display: flex;
            flex: 1;
            justify-content: flex-end;
            position: relative;
            top: 40px
        }

        .app-footer__title-1-content[data-v-1d6a5239] {
            color: var(--BK);
            flex: 1;
            font-size: 32px;
            font-weight: 500;
            line-height: 41.6px;
            max-width: 352.8px;
            text-transform: uppercase
        }

        .app-footer__title-1[data-v-1d6a5239] a {
            color: var(--BK);
            position: relative;
            transition: .3s
        }

        .app-footer__title-1[data-v-1d6a5239] a:after {
            background-color: var(--BK);
            bottom: 0;
            content: "";
            height: 2px;
            left: 0;
            position: absolute;
            right: 0;
            transition: .3s
        }

        .app-footer__title-1[data-v-1d6a5239] a:hover {
            color: var(--fiola-color)
        }

        .app-footer__title-1[data-v-1d6a5239] a:hover:after {
            background-color: var(--fiola-color)
        }

        .app-footer__title-1[data-v-1d6a5239]:after {
            background: var(--Grad1, radial-gradient(828.48% 141.42% at 0 0, #f0fcfe 0, #d8f9fd 29.49%, #ccf6fe 64.21%, #ddf1ec 100%));
            border-radius: 516px;
            content: "";
            filter: blur(70px);
            height: 200px;
            max-width: calc(100% + 60px);
            opacity: .5;
            position: absolute;
            right: 50%;
            top: 50%;
            transform: translate(50%, -50%);
            width: 100%;
            z-index: -1
        }

        .app-footer__links[data-v-1d6a5239] {
            display: flex;
            gap: 32px;
            margin-top: 112px
        }

        .app-footer__link a[data-v-1d6a5239] {
            color: var(--BK);
            font-size: 16.8px;
            font-weight: 500;
            line-height: 24px;
            text-transform: uppercase;
            transition: .3s
        }

        .app-footer__link:hover a[data-v-1d6a5239] {
            color: var(--fiola-color)
        }

        .app-footer__logo[data-v-1d6a5239] {
            margin-top: 36.8px;
            width: 120.8px
        }

        @media (max-width:1100px) {
            .app-footer__content[data-v-1d6a5239] {
                align-items: flex-start;
                flex-direction: column
            }
            .app-footer__title-1[data-v-1d6a5239] {
                align-self: unset;
                flex: unset;
                height: unset;
                padding-bottom: 48px;
                padding-top: 48px
            }
            .app-footer__title-1[data-v-1d6a5239]:after {
                height: 120px
            }
            .app-footer__links[data-v-1d6a5239] {
                margin-top: 20px
            }
        }

        @media (max-width:1050px) {
            .app-footer__links[data-v-1d6a5239] {
                display: grid;
                grid-template-columns: 1fr 1fr
            }
        }

        @media (max-width:850px) {
            .app-footer[data-v-1d6a5239] {
                margin-right: 0
            }
            .app-footer__title[data-v-1d6a5239] {
                font-size: 40px;
                line-height: 45px
            }
        }

        @media (max-width:700px) {
            .app-footer[data-v-1d6a5239] {
                margin-left: 24px;
                margin-right: 24px;
                padding-bottom: 48px
            }
            .app-footer__title[data-v-1d6a5239] {
                font-size: 26px;
                line-height: 28.6px
            }
            .app-footer__title-1[data-v-1d6a5239] {
                background-position: 10px 0;
                background-size: cover
            }
            .app-footer__title-1-content[data-v-1d6a5239] {
                font-size: 24px;
                line-height: 33.6px;
                max-width: 250px
            }
            .app-footer__form[data-v-1d6a5239] {
                margin-top: 24px
            }
            .app-footer__form .app-input i[data-v-1d6a5239] {
                height: 24px;
                width: 24px
            }
            .app-footer__socials[data-v-1d6a5239] {
                gap: 20px;
                margin-top: 22px
            }
            .app-footer__social[data-v-1d6a5239],
            .app-footer__social svg[data-v-1d6a5239] {
                height: 28px;
                width: 28px
            }
            .app-footer__links[data-v-1d6a5239] {
                grid-row-gap: 20px
            }
            .app-footer__link a[data-v-1d6a5239] {
                font-size: 16px;
                line-height: 16px
            }
            .app-footer__logo[data-v-1d6a5239] {
                margin-top: 32px;
                width: 108px
            }
        }

        @media (max-width:390px) {
            .app-footer__title-row[data-v-1d6a5239] {
                flex-wrap: wrap
            }
        }
    


        .error-page {
            align-items: center;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
            justify-content: center;
            min-width: 100%;
            padding: 0 24px
        }

        .error-page__main {
            padding-bottom: 20px;
            padding-top: 113px;
            position: relative;
            text-align: center
        }

        .error-page__main>p {
            color: var(--BK, #21324e);
            font-family: Gilroy;
            font-size: 36px;
            font-style: normal;
            font-weight: 400;
            letter-spacing: -.296px;
            line-height: 110%;
            margin-top: 10px;
            text-align: center
        }

        .error-page__main>button {
            height: 70px !important;
            margin: 24px auto 0;
            padding: 20px 44px !important
        }

        .error-page__main>button>span {
            font-size: 21px !important
        }

        .error-page__title {
            align-items: center;
            color: #21324e;
            display: flex;
            font-family: Gilroy;
            font-size: 164px;
            font-weight: 400;
            justify-content: space-between;
            letter-spacing: -.3px;
            line-height: 100%;
            position: relative;
            text-transform: capitalize;
            width: 310px
        }

        .error-page__title img {
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(calc(-50% + 10px), calc(-50% - 4px));
            width: 210px
        }

        .error-page__ellipse {
            filter: blur(70px);
            left: 50%;
            position: absolute;
            top: 50%;
            width: 1571.8px;
            z-index: -1
        }

        .error-page__ellipse--first {
            background: radial-gradient(100% 822.42% at 0 0, #f0fcfe 0, #d8f9fd 29.49%, #ccf6fe 64.21%, #ddf1ec 100%);
            height: 266.74px;
            transform: translate(-50%, -50%) rotate(16.76deg)
        }

        .error-page__ellipse--second {
            background: radial-gradient(100% 822.42% at 0 0, #eff7ff 0, #d3ecfd 31.5%, #c9e3ff 66.67%, #ddecff 100%);
            height: 286.82px;
            opacity: .8;
            transform: translate(-50%, -50%) rotate(-15deg)
        }

        @media (max-width:768px) {
            .error-page {
                justify-content: end
            }
            .error-page__main {
                align-items: center;
                display: flex;
                flex: 1;
                flex-direction: column;
                justify-content: center
            }
            .error-page__main>p {
                font-size: 20px;
                font-weight: 500;
                margin-top: 0
            }
            .error-page__main>button {
                height: 55px !important;
                width: 100%
            }
            .error-page__main>button>span {
                font-size: 16px !important
            }
            .error-page__title {
                font-size: 96px;
                width: 172px
            }
            .error-page__title img {
                transform: translate(calc(-50% + 6px), -50%);
                width: 110px
            }
            .error-page__ellipse {
                filter: blur(51.1px);
                width: 674.4px
            }
            .error-page__ellipse--first {
                background: radial-gradient(100% 822.42% at 0 0, #f0fcfe 0, #d8f9fd 29.49%, #ccf6fe 64.21%, #ddf1ec 100%);
                height: 114.45px;
                transform: translate(-50%, -50%) rotate(109.53deg)
            }
            .error-page__ellipse--second {
                background: radial-gradient(100% 822.42% at 0 0, #eff7ff 0, #d3ecfd 31.5%, #c9e3ff 66.67%, #ddecff 100%);
                height: 123.06px;
                transform: translate(-50%, -50%) rotate(72.33deg)
            }
        }

        .error-page .subscribe-section {
            width: 100%
        }
    


        .default-layout {
            display: flex;
            flex-direction: column;
            min-height: 100vh
        }

        .default-layout__content {
            flex: 1
        }

        .default-layout__header {
            height: 99.2px
        }

        @media (max-width:990px) {
            .default-layout__header {
                height: 64px
            }
        }

        .default-layout.page-commerce-slug .app-footer:not(.subscribe-section) {
            max-width: 100%;
            padding-left: 72px;
            padding-right: 72px
        }

        .default-layout.page-commerce-slug .app-footer:not(.subscribe-section) .app-footer__main {
            margin: 0 auto;
            max-width: 1252px
        }

        @media (max-width:900px) {
            .default-layout.page-commerce-slug .app-footer:not(.subscribe-section) {
                margin: 0 !important;
                padding-left: 24px;
                padding-right: 24px
            }
        }

        .default-layout.page-about .app-footer:not(.subscribe-section),
        .default-layout.page-pricing .app-footer:not(.subscribe-section) {
            max-width: 1136px;
            padding-left: 24px;
            padding-right: 24px
        }

        .scroll-to-top {
            background-color: #333;
            border: none;
            border-radius: 50%;
            bottom: 30px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
            color: #fff;
            cursor: pointer;
            font-size: 20px;
            padding: 12px 16px;
            position: fixed;
            right: 30px;
            transition: opacity .3s ease;
            z-index: 1000
        }

        @media screen and (max-width:768px) {
            .scroll-to-top {
                display: none
            }
        }

        .scroll-to-top:hover {
            background-color: #555
        }
    


        .app-header {
            height: 99.2px
        }

        .app-header,
        .app-header__content {
            align-items: center;
            display: flex;
            width: 100%
        }

        .app-header__content {
            background-color: #fff;
            flex: 1;
            height: 64px;
            justify-content: space-between;
            margin: 0 auto;
            max-width: 1500px;
            padding-left: 57.6px;
            padding-right: 57.6px;
            z-index: 11
        }

        .app-header__menu {
            display: flex;
            gap: 32px
        }

        .app-header__menu-item {
            cursor: pointer;
            font-size: 16.8px;
            font-weight: 500;
            letter-spacing: .200000003px;
            line-height: 24.34px;
            transition: .3s
        }

        .app-header__menu-item a {
            display: block;
            height: 100%
        }

        .app-header__menu-item a:focus-visible {
            color: var(--fiola-color)
        }

        .app-header__menu-item:hover a {
            color: var(--fiola-color)
        }

        .app-header__btn {
            flex-shrink: 0;
            max-width: 177.6px
        }

        .app-header--sticky {
            animation-duration: .5s;
            animation-name: sticky-header;
            animation-timing-function: ease-in-out;
            background-color: var(--white);
            box-shadow: 0 5px 10px 0 rgba(3, 2, 9, .102);
            height: 64px;
            position: fixed;
            top: 0;
            z-index: 1000
        }

        .app-header--sticky.no-shadow {
            box-shadow: none
        }

        .app-header--sticky .app-header__btn {
            border-color: var(--BK);
            color: var(--BK)
        }

        .app-header--sticky .app-header__btn:hover {
            border-color: var(--light-fiola-color);
            color: #fff
        }

        @keyframes sticky-header {
            0% {
                transform: translateY(-100%)
            }
            to {
                transform: translateY(0)
            }
        }

        .app-header__mobile-menu {
            background-color: #fcfcfc;
            border-bottom-left-radius: 16px;
            border-bottom-right-radius: 16px;
            display: flex;
            flex-direction: column;
            gap: 44px;
            height: calc(100dvh - 64px);
            left: 0;
            overflow: hidden;
            padding: 0 26px 27px;
            position: fixed;
            right: 0;
            top: 0;
            transform: translateY(-100%);
            transition: transform .5s;
            z-index: 10
        }

        .app-header__mobile-menu:after {
            transform: rotate(-15deg)
        }

        .app-header__mobile-menu:after,
        .app-header__mobile-menu:before {
            background: var(--Grad1, radial-gradient(828.48% 141.42% at 0 0, #f0fcfe 0, #d8f9fd 29.49%, #ccf6fe 64.21%, #ddf1ec 100%));
            border-radius: 460px;
            content: "";
            filter: blur(40px);
            height: 350px;
            left: 45%;
            opacity: .8;
            position: absolute;
            top: 60px;
            width: 90px;
            z-index: -1
        }

        .app-header__mobile-menu:before {
            transform: rotate(15deg)
        }

        .app-header__mobile-menu .app-header__menu {
            display: flex;
            flex-direction: column;
            flex-grow: 1;
            gap: 12px
        }

        .app-header__mobile-menu .app-header__menu-item {
            font-size: 32px;
            letter-spacing: .2px;
            line-height: 58px
        }

        .app-header__mobile-menu .app-header__btn {
            color: #fff;
            max-width: unset
        }

        .app-header__burger-box {
            display: none;
            height: 24px;
            width: 24px;
            z-index: 2
        }

        .app-header__burger-box.offset {
            position: absolute;
            right: 20px;
            top: 70px
        }

        .app-header__burger-box.display-none {
            display: none
        }

        .app-header__burger {
            height: 14px;
            position: relative;
            transform: rotate(0deg);
            transition: .2s ease-in-out;
            width: 16px
        }

        .app-header__burger span {
            background: var(--BK);
            border-radius: 1px;
            display: block;
            height: 2px;
            left: 0;
            opacity: 1;
            position: absolute;
            transform: rotate(0deg);
            transition: .2s ease-out;
            transition-delay: .3s;
            width: 100%
        }

        .app-header__burger span:first-child {
            top: 0
        }

        .app-header__burger span:nth-child(2),
        .app-header__burger span:nth-child(3) {
            top: 5px
        }

        .app-header__burger span:nth-child(4) {
            top: 10px
        }

        .app-header--opened,
        .app-header--opened .app-header__content {
            background-color: var(--white)
        }

        .app-header--opened .app-header__mobile-menu {
            transform: translateY(64px)
        }

        .app-header--opened .app-header__mobile-menu .app-header__menu {
            display: flex
        }

        .app-header--opened .app-header__mobile-menu .app-header__btn {
            display: block
        }

        .app-header--opened .app-header__burger span:first-child {
            left: 50%;
            top: 5px;
            width: 0
        }

        .app-header--opened .app-header__burger span:nth-child(2) {
            transform: rotate(45deg)
        }

        .app-header--opened .app-header__burger span:nth-child(3) {
            transform: rotate(-45deg)
        }

        .app-header--opened .app-header__burger span:nth-child(4) {
            left: 50%;
            top: 5px;
            width: 0
        }

        @media (max-width:1200px) {
            .app-header__content {
                padding-left: 24px;
                padding-right: 24px
            }
            .app-header__inner {
                gap: unset;
                justify-content: space-between;
                margin-left: 100px
            }
            .app-header__menu {
                gap: 20px
            }
        }

        @media (max-width:990px) {
            .app-header {
                height: 64px
            }
            .app-header__logo {
                display: block;
                height: 24px;
                width: 120px;
                z-index: 2
            }
            .app-header__logo svg {
                height: inherit;
                width: inherit
            }
            .app-header__burger-box {
                align-items: center;
                display: none;
                justify-content: center
            }
            .app-header__btn {
                display: flex;
                width: max-content;
                padding: 0 16px;
                font-size: 14px;
            }
            .app-header__menu {
                display: none
            }
            .app-header__content {
                height: 100%
            }
            .app-header--sticky .app-header__content {
                height: 64px
            }
            .app-header--sticky.app-header--opened .app-header__content {
                box-shadow: none
            }
        }
    


        .solutions-popover__content[data-v-255b194a] {
            display: flex;
            gap: 10px
        }

        .solutions-popover__sidebar[data-v-255b194a] {
            display: flex;
            flex-direction: column
        }

        .solutions-popover__sidebar button[data-v-255b194a] {
            border-radius: 16px;
            color: #21324e;
            font-family: Gilroy, sans-serif;
            font-size: 16.8px;
            font-weight: 600;
            height: 44px;
            margin-top: 4px;
            overflow: hidden;
            padding-left: 20px;
            padding-right: 20px;
            text-align: left;
            text-overflow: ellipsis;
            transition: .2s;
            white-space: nowrap;
            width: 160px
        }

        .solutions-popover__sidebar button.active[data-v-255b194a],
        .solutions-popover__sidebar button[data-v-255b194a]:focus-visible {
            background: #f0f3fc
        }

        .solutions-popover__links[data-v-255b194a] {
            background: #f0f3fc;
            border-radius: 16px;
            display: flex;
            flex-direction: column;
            padding: 20px;
            width: 100%
        }

        .solutions-popover__link[data-v-255b194a] {
            align-items: center;
            display: flex;
            margin-bottom: 2px;
            transition: background-color .2s
        }

        .solutions-popover__link a[data-v-255b194a] {
            align-items: center;
            border-radius: 12px;
            color: #21324e;
            display: flex;
            font-family: Gilroy, sans-serif;
            font-size: 16.8px;
            font-weight: 500;
            letter-spacing: .2px;
            line-height: 18px;
            min-height: 44px;
            padding: 0 12px;
            width: 100%
        }

        .solutions-popover__link a span[data-v-255b194a] {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            opacity: .8;
            overflow: hidden;
            text-overflow: ellipsis;
            transition: .2s
        }

        .solutions-popover__link a[data-v-255b194a]:focus-visible,
        .solutions-popover__link a[data-v-255b194a]:hover {
            background-color: var(--white-5)
        }

        .solutions-popover__link a:focus-visible span[data-v-255b194a],
        .solutions-popover__link a:hover span[data-v-255b194a] {
            color: var(--fiola-color);
            opacity: 1
        }

        .solutions-popover__link[data-v-255b194a]:last-child {
            margin-bottom: 0
        }

        .solutions-popover__link--hide[data-v-255b194a] {
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
            clip: rect(0, 0, 0, 0);
            border: 0;
            white-space: nowrap
        }

        .solutions-popover__text[data-v-255b194a] {
            align-items: center;
            color: #21324e;
            display: flex;
            gap: 3px
        }

        .solutions-popover__text.is-open[data-v-255b194a] {
            color: #6c5bd9
        }

        .solutions-popover__text[data-v-255b194a]:focus-visible {
            color: var(--fiola-color)
        }
    


        .solutions-popover__popover {
            border-radius: 16px !important
        }
    


        .app-header__mobile-menu[data-v-618d09e5] {
            overflow-y: scroll
        }

        .app-header__mobile-menu .solution-link[data-v-618d09e5] {
            align-items: center;
            display: flex;
            justify-content: space-between;
            width: 100%
        }

        .app-header__mobile-menu .solution-link[data-v-618d09e5]:focus-visible {
            color: var(--fiola-color)
        }

        .app-header__mobile-menu .arrow-icon[data-v-618d09e5] path {
            stroke-width: 2px
        }

        .solutions-menu[data-v-618d09e5] {
            display: flex;
            flex-direction: column;
            gap: 12px
        }

        .solutions-menu__header[data-v-618d09e5] {
            display: flex;
            justify-content: space-between
        }

        .solutions-menu__header>span[data-v-618d09e5] {
            color: #6c5bd9;
            font-family: Gilroy;
            font-size: 24px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: .2px;
            line-height: 145%;
            text-align: center
        }

        .solutions-menu__header .arrow-icon[data-v-618d09e5] {
            transform: rotate(180deg)
        }

        .solutions-menu__header .arrow-icon[data-v-618d09e5] path {
            stroke-width: 2px
        }

        .solutions-menu__header .close-icon[data-v-618d09e5] {
            height: 24px;
            width: 24px
        }

        .solutions-menu__item--title[data-v-618d09e5] {
            align-items: center;
            display: flex;
            justify-content: space-between
        }

        .solutions-menu__item--title>span[data-v-618d09e5] {
            color: #21324e;
            font-family: Gilroy, sans-serif;
            font-size: 32px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            overflow: hidden;
            text-align: center;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .solutions-menu__item--title[data-v-618d09e5] svg {
            min-width: 8px
        }

        .solutions-menu__item--title[data-v-618d09e5] svg path {
            stroke-width: 2px
        }

        .solutions-menu__sub-items--content[data-v-618d09e5] {
            display: flex;
            flex-direction: column;
            gap: 18px;
            padding-bottom: 18px;
            padding-top: 18px
        }

        .solutions-menu__sub-items--content>a[data-v-618d09e5] {
            color: #21324e;
            display: block;
            display: -webkit-box;
            font-family: Gilroy, sans-serif;
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: var(--letter-spacing-0_2, .2px);
            line-height: 24px;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            opacity: .8;
            overflow: hidden;
            text-overflow: ellipsis
        }
    


        .landing .editor-content {
            margin: 0 auto
        }

        @media (max-width:1094px) {
            .landing .subscribe-section {
                margin-left: 72px !important;
                margin-right: 72px !important
            }
        }

        @media (max-width:1044px) {
            .landing .base-collapse-list {
                margin: 0 72px !important
            }
        }

        @media (max-width:980px) {
            .landing .subscribe-section {
                margin-left: 24px !important;
                margin-right: 24px !important
            }
        }

        @media (max-width:900px) {
            .landing .editor-content {
                margin: 0 24px !important
            }
        }

        @media (max-width:800px) {
            .landing .subscribe-section {
                margin-top: 68px !important
            }
        }

        @media (max-width:700px) {
            .landing .subscribe-section {
                margin-left: 24px !important;
                margin-right: 24px !important
            }
            .landing .base-collapse-list {
                margin: 0 24px !important
            }
        }
    


        .app-footer[data-v-bfef9469] {
            margin: 112px auto 0;
            max-width: 950px;
            padding-bottom: calc(104.8px + var(--cta-height, 0));
            transition: .2s;
            width: 100%
        }

        @media screen and (max-width:980px) {
            .app-footer[data-v-bfef9469] {
                padding-left: 24px;
                padding-right: 24px
            }
        }

        @media screen and (max-width:800px) {
            .app-footer[data-v-bfef9469] {
                margin-top: 68px
            }
        }

        .app-footer__links[data-v-bfef9469] {
            display: flex;
            gap: 32px
        }

        .app-footer__link a[data-v-bfef9469] {
            color: var(--BK);
            font-size: 16.8px;
            font-weight: 500;
            line-height: 24px;
            text-transform: uppercase;
            transition: .3s
        }

        .app-footer__link:hover a[data-v-bfef9469] {
            color: var(--fiola-color)
        }

        .app-footer__logo[data-v-bfef9469] {
            margin-top: 36.8px;
            width: 120.8px
        }

        @media (max-width:1050px) {
            .app-footer__links[data-v-bfef9469] {
                display: grid;
                grid-template-columns: 1fr 1fr
            }
        }

        @media (max-width:700px) {
            .app-footer[data-v-bfef9469] {
                padding-bottom: calc(48px + var(--cta-height, 0))
            }
            .app-footer__links[data-v-bfef9469] {
                grid-row-gap: 20px
            }
            .app-footer__link a[data-v-bfef9469] {
                font-size: 16px;
                line-height: 16px
            }
            .app-footer__logo[data-v-bfef9469] {
                margin-top: 32px;
                width: 108px
            }
        }
    


        .contact-form-section {
            margin: 0;
            max-width: 100%;
            padding: 20px 0 40px
        }

        .contact-form-section__form {
            display: block;
            padding-bottom: 40px;
            padding-top: 24px;
            width: 100%
        }

        @media (max-width:800px) {
            .base-modal__body .contact-form-section .contact-form-section__mobile-email-btn {
                color: red;
                display: none !important
            }
        }

        .base-modal__padding-change {
            padding: 5px 48px
        }
    


        .base-modal__overlay {
            align-items: center;
            -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
            background: rgba(33, 50, 78, .7);
            display: flex;
            inset: 0;
            justify-content: center;
            position: fixed;
            z-index: 2000
        }

        .base-modal__dialog {
            background: var(--color-secondary, #fcfcfc);
            border-radius: 30px;
            max-width: 86vw;
            outline: none;
            padding: 40px 48px;
            position: relative
        }

        .base-modal__header {
            align-items: center;
            display: flex;
            gap: 12px;
            justify-content: space-between
        }

        .base-modal__title {
            font-family: var(--font-family-primary, "Gilroy"), sans-serif;
            font-size: 24px;
            font-weight: 700;
            margin: 0
        }

        .base-modal__close {
            align-items: center;
            border-radius: 50%;
            color: #747d9d;
            cursor: pointer;
            display: flex;
            font-size: 24px;
            font-weight: bolder;
            height: 56px;
            justify-content: center;
            position: absolute;
            right: 16px;
            top: 16px;
            transition: background-color .2s;
            width: 56px;
            z-index: 1000
        }

        .base-modal__close:hover {
            background: rgba(33, 50, 78, .1)
        }

        .base-modal__body {
            margin-top: 16px
        }

        .base-modal__footer {
            margin-top: 24px
        }

        body.base-modal--locked {
            overflow: hidden
        }

        @media (max-width:980px) {
            .base-modal__close {
                height: 16px;
                width: 16px
            }
            .base-modal__dialog.base-modal__dialog--mobile-fullscreen {
                border-radius: 0;
                max-height: 100%;
                max-width: 100%;
                min-height: 100%;
                min-width: 100%;
                overflow-y: auto;
                padding: 24px 20px
            }
        }
    


        .success-modal {
            align-items: center;
            display: flex;
            flex-direction: column;
            text-align: center
        }

        .success-modal__title {
            margin-top: 24px
        }

        .success-modal__subtitle {
            font-size: 21px !important;
            font-weight: 500 !important
        }

        .success-modal__actions {
            margin-top: 32px
        }

        @media (max-width:800px) {
            .base-modal__body .success-modal .success-modal__actions {
                width: 100%
            }
            .base-modal__body .success-modal .success-modal__subtitle {
                font-size: 16px !important
            }
        }
    


        .call-to-action-widget[data-v-c63d52ca] {
            background: #cde7ff;
            border-radius: 12px 12px 0 0;
            bottom: 0;
            left: 0;
            position: fixed;
            right: 0;
            z-index: 200
        }

        .call-to-action-widget__wrapper[data-v-c63d52ca] {
            padding: 24px
        }

        .call-to-action-widget__header[data-v-c63d52ca] {
            align-items: flex-start;
            display: flex;
            gap: 12px;
            margin-bottom: 20px
        }

        .call-to-action-widget__description[data-v-c63d52ca] {
            color: #21324e;
            flex: 1;
            font-family: Gilroy, sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: .2px;
            line-height: 120%;
            text-align: center
        }

        .call-to-action-widget__content[data-v-c63d52ca] {
            align-items: center;
            display: flex;
            gap: 12px
        }

        .call-to-action-widget__content button[data-v-c63d52ca] {
            align-items: center;
            border-radius: 39px;
            display: flex;
            flex: 1;
            gap: 8px;
            height: 56px;
            justify-content: center;
            transition: 0s
        }

        .call-to-action-widget__content button span[data-v-c63d52ca] {
            color: var(--White, #fcfcfc);
            font-family: Gilroy, sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            letter-spacing: .2px;
            line-height: 145%
        }

        .call-to-action-widget__content button[data-v-c63d52ca]:last-child {
            background: #6c5bd9
        }
    


        .top-section[data-v-e3482d7d] {
            align-items: center;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            display: flex;
            flex-direction: column;
            margin-bottom: 20px;
            margin-top: 20px;
            max-width: 1512px;
            padding-bottom: 96px;
            padding-top: 104px;
            position: relative
        }

        .top-section__title[data-v-e3482d7d] {
            font-size: 80px;
            font-weight: 500;
            letter-spacing: -.2960499227px;
            line-height: 80px;
            text-align: center
        }

        .top-section__title[data-v-e3482d7d] i {
            color: var(--fiola-color)
        }

        .top-section__subtitle[data-v-e3482d7d] {
            color: var(--BK-8);
            letter-spacing: .200000003px;
            line-height: 41.76px;
            margin-top: 12.8px;
            text-align: center;
            transform: unset
        }

        .top-section__btn[data-v-e3482d7d] {
            margin-top: 54.4px;
            max-width: 277.6px
        }

        .top-section[data-v-e3482d7d]:after {
            background: var(--Grad1, radial-gradient(828.48% 141.42% at 0 0, #f0fcfe 0, #d8f9fd 29.49%, #ccf6fe 64.21%, #ddf1ec 100%));
            height: 186px;
            transform: translate(-50%, -50%) rotate(15deg)
        }

        .top-section[data-v-e3482d7d]:after,
        .top-section[data-v-e3482d7d]:before {
            border-radius: 1096px;
            content: "";
            filter: blur(65px);
            left: 50%;
            max-width: 1096px;
            position: absolute;
            top: 50%;
            width: calc(100% - 72px);
            z-index: -1
        }

        .top-section[data-v-e3482d7d]:before {
            background: var(--Grad2, radial-gradient(828.48% 141.42% at 0 0, #eff7ff 0, #d3ecfd 31.5%, #c9e3ff 66.67%, #ddecff 100%));
            height: 200px;
            opacity: .8;
            transform: translate(-50%, -35%) rotate(-15deg)
        }

        @media (max-width:900px) {
            .top-section__title[data-v-e3482d7d] {
                font-size: 70px
            }
            .top-section[data-v-e3482d7d]:after,
            .top-section[data-v-e3482d7d]:before {
                height: 160px
            }
        }

        @media (max-width:800px) {
            .top-section[data-v-e3482d7d] {
                padding-bottom: 40px;
                padding-top: 40px
            }
        }

        @media (max-width:700px) {
            .top-section__title[data-v-e3482d7d] {
                font-size: 47px;
                line-height: 51.7px
            }
            .top-section__btn[data-v-e3482d7d] {
                margin-top: 28px
            }
            .top-section[data-v-e3482d7d]:after,
            .top-section[data-v-e3482d7d]:before {
                height: 120px
            }
        }

        @media (max-width:600px) {
            .top-section__btn[data-v-e3482d7d] {
                max-width: unset
            }
            .top-section[data-v-e3482d7d]:after {
                filter: blur(33px);
                height: 60px;
                transform: translate(-50%, -50%) rotate(10deg)
            }
            .top-section[data-v-e3482d7d]:before {
                filter: blur(33px);
                height: 60px;
                transform: translate(-50%, -45%) rotate(-10deg)
            }
        }
    


        .map-section[data-v-97e73d9e] {
            background: var(--Grad2, radial-gradient(828.48% 141.42% at 0 0, #eff7ff 0, #d3ecfd 31.5%, #c9e3ff 66.67%, #ddecff 100%));
            border-radius: 16px;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            height: 100vh;
            justify-content: space-between;
            margin-bottom: 20px;
            margin-top: 20px;
            max-height: 600px;
            overflow: hidden;
            padding-bottom: 42px;
            padding-top: 42px;
            position: relative
        }

        .map-section__title[data-v-97e73d9e] {
            color: var(--BK);
            padding-left: 10px;
            padding-right: 10px;
            position: relative;
            text-align: center;
            z-index: 2
        }

        .map-section__title[data-v-97e73d9e] br {
            display: none
        }

        .map-section__map[data-v-97e73d9e] {
            display: flex;
            height: 65%;
            justify-content: center;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            width: 70%;
            z-index: 2
        }

        .map-section__map svg .map-point-1[data-v-97e73d9e],
        .map-section__map svg .map-point-10[data-v-97e73d9e],
        .map-section__map svg .map-point-11[data-v-97e73d9e],
        .map-section__map svg .map-point-12[data-v-97e73d9e],
        .map-section__map svg .map-point-13[data-v-97e73d9e],
        .map-section__map svg .map-point-14[data-v-97e73d9e],
        .map-section__map svg .map-point-2[data-v-97e73d9e],
        .map-section__map svg .map-point-3[data-v-97e73d9e],
        .map-section__map svg .map-point-4[data-v-97e73d9e],
        .map-section__map svg .map-point-5[data-v-97e73d9e],
        .map-section__map svg .map-point-6[data-v-97e73d9e],
        .map-section__map svg .map-point-7[data-v-97e73d9e],
        .map-section__map svg .map-point-8[data-v-97e73d9e],
        .map-section__map svg .map-point-9[data-v-97e73d9e] {
            opacity: 0;
            transition: .45s
        }

        .map-section__strip[data-v-97e73d9e] {
            animation-duration: 45s;
            animation-fill-mode: forwards;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
            animation-name: strip-animation-97e73d9e;
            position: relative;
            width: -moz-max-content;
            width: max-content;
            --translate-start: 0px;
            z-index: 2
        }

        .map-section__strip[data-v-97e73d9e],
        .map-section__strip-row[data-v-97e73d9e] {
            display: flex;
            gap: 12px
        }

        .map-section__strip-item>a[data-v-97e73d9e],
        .map-section__strip-item>span[data-v-97e73d9e] {
            align-items: center;
            background-color: #fff;
            border-radius: 16px;
            display: flex;
            flex-shrink: 0;
            font-size: 20.8px;
            font-weight: 500;
            height: 40px;
            letter-spacing: .23px;
            line-height: 26px;
            padding-left: 24px;
            padding-right: 19px
        }

        .map-section__strip-item>a img[data-v-97e73d9e],
        .map-section__strip-item>span img[data-v-97e73d9e] {
            height: 20px;
            margin-right: 12px;
            width: 29px
        }

        .map-section__strip-item>a span[data-v-97e73d9e],
        .map-section__strip-item>span span[data-v-97e73d9e] {
            display: block
        }

        .map-section__strip--animate[data-v-97e73d9e] {
            animation-duration: 45s;
            animation-fill-mode: forwards;
            animation-name: strip-animation-97e73d9e;
            animation-timing-function: linear
        }

        @keyframes strip-animation-97e73d9e {
            0% {
                transform: translateX(0)
            }
            to {
                transform: translateX(-100%)
            }
        }

        @keyframes map-row-scroll-97e73d9e {
            0% {
                transform: translateX(var(--translate-start));
            }
            to {
                transform: translateX(calc(var(--translate-start) - 50%));
            }
        }

        .map-section__btn[data-v-97e73d9e] {
            margin: 0 auto;
            max-width: 227px;
            position: relative;
            z-index: 2
        }

        .map-section__gradient-one[data-v-97e73d9e] {
            left: 39px;
            top: 185px
        }

        .map-section__gradient-one[data-v-97e73d9e],
        .map-section__gradient-two[data-v-97e73d9e] {
            background: radial-gradient(828.48% 141.42% at 0 0, rgba(239, 247, 255, .8) 0, rgba(32, 137, 208, .8) 31.5%, rgba(40, 138, 244, .8) 66.67%, rgba(221, 236, 255, .8) 100%);
            border-radius: 299px;
            content: "";
            filter: blur(150px);
            height: 252px;
            opacity: .7;
            position: absolute;
            width: 299px;
            z-index: 1
        }

        .map-section__gradient-two[data-v-97e73d9e] {
            right: -20px;
            top: 116px
        }

        .map-section__gradient-three[data-v-97e73d9e] {
            background: radial-gradient(828.48% 141.42% at 0 0, rgba(239, 247, 255, .8) 0, rgba(32, 137, 208, .8) 31.5%, rgba(40, 138, 244, .8) 66.67%, rgba(221, 236, 255, .8) 100%);
            border-radius: 637px;
            content: "";
            filter: blur(150px);
            height: 252px;
            opacity: .7;
            position: absolute;
            right: 220px;
            top: 164px;
            width: 637px;
            z-index: 1
        }

        @media (max-height:800px) {
            .map-section[data-v-97e73d9e] {
                padding-bottom: 40px;
                padding-top: 40px
            }
        }

        @media (max-width:900px) {
            .map-section[data-v-97e73d9e] {
                margin-left: var(--content-margin);
                margin-right: var(--content-margin);
                max-width: unset
            }
        }

        @media (max-width:700px) {
            .map-section[data-v-97e73d9e] {
                display: block;
                height: unset;
                max-height: unset;
                min-height: unset;
                padding: 32px 32px 48px
            }
            .map-section__map[data-v-97e73d9e] {
                height: unset;
                width: unset
            }
            .map-section__title[data-v-97e73d9e] {
                margin-bottom: 24px;
                text-align: left
            }
            .map-section__strip[data-v-97e73d9e] {
                animation-name: unset;
                flex-direction: column;
                gap: 8px;
                transform: none;
                --translate-start: 0;
                margin-top: 24px
            }
            .map-section__strip-row[data-v-97e73d9e] {
                animation-name: map-row-scroll-97e73d9e;
                animation-duration: 10s;
                animation-fill-mode: forwards;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
                gap: 8px;
                transform: translateX(var(--translate-start));
                --translate-start: -40px
            }
            .map-section__strip-row[data-v-97e73d9e]:nth-child(2) {
                animation-duration: 15s;
                --translate-start: -50%
            }
            .map-section__strip-row[data-v-97e73d9e]:nth-child(3) {
                --translate-start: -100px
            }
            .map-section__strip-item[data-v-97e73d9e] {
                border-radius: 8px;
                font-size: 16px;
                height: 40px;
                padding-left: 16px;
                padding-right: 16px
            }
            .map-section__strip-item img[data-v-97e73d9e] {
                height: 16px;
                margin-right: 8px;
                -o-object-fit: contain;
                object-fit: contain;
                width: unset
            }
            .map-section__btn[data-v-97e73d9e] {
                margin-top: 32px
            }
        }

        @media (max-width:600px) {
            .map-section__title[data-v-97e73d9e] {
                max-width: 260px
            }
            .map-section__title[data-v-97e73d9e] br {
                display: block
            }
        }
    


        .platforms-section[data-v-9fac10a9] {
            background: radial-gradient(100% 822.42% at 0 0, #f0fcfe 0, #d8f9fd 29.49%, #ccf6fe 64.21%, #ddf1ec 100%);
            border-radius: 16px;
            display: flex;
            height: 409.6px;
            margin-bottom: 20px;
            overflow: hidden
        }

        .platforms-section__left[data-v-9fac10a9] {
            display: flex;
            flex-direction: column;
            padding-left: 48px;
            padding-top: 48px
        }

        .platforms-section__title[data-v-9fac10a9] {
            margin-bottom: 13px
        }

        .platforms-section__btn[data-v-9fac10a9] {
            margin-top: 41px;
            max-width: 227px
        }

        .platforms-section__btn--mobile[data-v-9fac10a9] {
            display: none
        }

        .platforms-section__banks[data-v-9fac10a9] {
            display: flex;
            flex: 1;
            gap: 29px;
            justify-content: center;
            margin-left: auto;
            max-width: 715px;
            overflow: hidden;
            position: relative
        }

        .platforms-section__banks[data-v-9fac10a9]:after {
            background: linear-gradient(0deg, rgba(208, 247, 254, 0), #d0f7fe 95.96%);
            top: -19px
        }

        .platforms-section__banks[data-v-9fac10a9]:after,
        .platforms-section__banks[data-v-9fac10a9]:before {
            border-radius: 16px;
            content: "";
            height: 158.4px;
            left: 0;
            position: absolute;
            right: 0;
            z-index: 1
        }

        .platforms-section__banks[data-v-9fac10a9]:before {
            background: linear-gradient(358.63deg, rgba(208, 247, 254, 0) 1.17%, #daf3f0 78.61%);
            bottom: -29px;
            transform: rotate(180deg)
        }

        .platforms-section__column[data-v-9fac10a9] {
            animation-duration: 22s;
            animation-fill-mode: forwards;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
            display: flex;
            flex-direction: column;
            gap: 29px;
            height: -moz-max-content;
            height: max-content
        }

        @keyframes banks-scroll-up-9fac10a9 {
            0% {
                transform: translateY(var(--offset, 0px))
            }
            to {
                transform: translateY(calc(-50% + var(--offset, 0px)))
            }
        }

        @keyframes banks-scroll-down-9fac10a9 {
            0% {
                transform: translateY(calc(-50% + var(--offset, 0px)))
            }
            to {
                transform: translateY(var(--offset, 0px))
            }
        }

        .platforms-section__column[data-v-9fac10a9]:first-child {
            --offset: -30px;
            animation-name: banks-scroll-up-9fac10a9
        }

        .platforms-section__column[data-v-9fac10a9]:nth-child(2) {
            --offset: 0px;
            animation-name: banks-scroll-down-9fac10a9
        }

        .platforms-section__column[data-v-9fac10a9]:nth-child(3) {
            --offset: -10px;
            animation-name: banks-scroll-up-9fac10a9
        }

        .platforms-section__card[data-v-9fac10a9] {
            align-items: center;
            background-color: #fff;
            border-radius: 12px;
            display: flex;
            height: 80px;
            justify-content: center;
            min-height: 80px;
            padding: 10px;
            width: 128px
        }

        .platforms-section__card img[data-v-9fac10a9] {
            max-height: 100%;
            -o-object-fit: contain;
            object-fit: contain
        }

        @media (max-width:1060px) {
            .platforms-section[data-v-9fac10a9] {
                height: 600px
            }
            .platforms-section__banks[data-v-9fac10a9] {
                flex: 1 0 100%;
                max-width: 570px;
                min-width: 570px
            }
        }

        @media (max-width:960px) {
            .platforms-section[data-v-9fac10a9] {
                flex-direction: column;
                height: unset;
                padding-bottom: 32px
            }
            .platforms-section__banks[data-v-9fac10a9] {
                flex: 1;
                margin: 40px auto;
                max-height: 400px;
                max-width: unset;
                min-width: unset;
                width: -moz-max-content;
                width: max-content
            }
            .platforms-section__banks[data-v-9fac10a9]:before {
                
                background-position: 50%;
                background-repeat: no-repeat;
                background-size: 100% 100%;
                bottom: -60px
            }
            .platforms-section__banks[data-v-9fac10a9]:after {
                
                background-position: top;
                background-repeat: no-repeat;
                background-size: 100% 100%;
                top: -90px;
                transform: rotate(180deg)
            }
            .platforms-section__btn[data-v-9fac10a9] {
                display: none
            }
            .platforms-section__btn--mobile[data-v-9fac10a9] {
                display: flex;
                margin: 0 auto;
                max-width: 278px
            }
        }

        @media (max-width:700px) {
            .platforms-section__title[data-v-9fac10a9] {
                margin-bottom: 16px
            }
            .platforms-section__left[data-v-9fac10a9] {
                padding-left: 32px;
                padding-right: 32px;
                padding-top: 32px
            }
        }

        @media (max-width:600px) {
            .platforms-section[data-v-9fac10a9] {
                background: radial-gradient(100% 822.42% at 0 0, #f0fcfe 0, #d8f9fd 29.49%, #ccf6fe 64.21%, #ddf1ec 100%)
            }
            .platforms-section__banks[data-v-9fac10a9] {
                gap: 16px;
                margin-bottom: 16px;
                margin-top: 16px;
                max-height: 200px
            }
            .platforms-section__banks[data-v-9fac10a9]:before {
                background-repeat: no-repeat;
                bottom: -40px;
                height: 99px
            }
            .platforms-section__banks[data-v-9fac10a9]:after {
                background-size: cover;
                height: 99px;
                top: -40px;
                transform: rotate(180deg)
            }
            .platforms-section__column[data-v-9fac10a9] {
                gap: 16px
            }
            .platforms-section__column[data-v-9fac10a9]:first-child {
                --translate-start: -40px
            }
            .platforms-section__column[data-v-9fac10a9]:nth-child(2) {
                --translate-start: -50%
            }
            .platforms-section__column[data-v-9fac10a9]:nth-child(3) {
                --translate-start: -30px
            }
            .platforms-section__card[data-v-9fac10a9] {
                height: 50px;
                max-height: 50px;
                max-width: 82px;
                min-height: unset;
                padding: 10px 6px;
                width: 82px
            }
            .platforms-section__card img[data-v-9fac10a9] {
                height: 100%;
                -o-object-fit: contain;
                object-fit: contain;
                width: 100%
            }
        }
    


        .main-about-section[data-v-39f690f9] {
            align-items: center;
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            display: flex;
            flex-direction: column;
            margin-bottom: 20px;
            margin-top: 20px;
            padding-top: 90px;
            position: relative
        }

        .main-about-section[data-v-39f690f9]:after {
            background: var(--Grad2, radial-gradient(828.48% 141.42% at 0 0, #eff7ff 0, #d3ecfd 31.5%, #c9e3ff 66.67%, #ddecff 100%));
            border-radius: 1004px;
            content: "";
            filter: blur(50px);
            height: 250px;
            left: 50%;
            max-width: 1004px;
            opacity: .6;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            width: calc(100% - 72px);
            z-index: -1
        }

        .main-about-section__label[data-v-39f690f9] {
            align-items: center;
            background-color: var(--fiola-color);
            border-radius: 24px;
            display: flex;
            gap: 8px;
            opacity: 0;
            padding: 9.6px 19.2px
        }

        .main-about-section__label span[data-v-39f690f9] {
            color: #fff;
            font-family: Inter, sans-serif;
            font-size: 17.08px;
            font-style: italic;
            font-weight: 500;
            letter-spacing: -.18;
            line-height: 17.08px
        }

        .main-about-section__label[data-v-39f690f9]:before {
            background-color: #fff;
            border-radius: 50%;
            content: "";
            height: 22.4px;
            width: 22.4px
        }

        .main-about-section__title[data-v-39f690f9] {
            color: var(--BK);
            margin-bottom: 22.4px;
            margin-top: 25.6px;
            max-width: 769.6px;
            text-align: center
        }

        .main-about-section__title[data-v-39f690f9] i {
            color: var(--fiola-color)
        }

        .main-about-section__br-fisrt[data-v-39f690f9] {
            display: none
        }

        .main-about-section__socials[data-v-39f690f9] {
            display: flex;
            flex-wrap: wrap;
            gap: 19.2px;
            justify-content: center;
            opacity: 0
        }

        .main-about-section__socials img[data-v-39f690f9] {
            height: 60px
        }

        .main-about-section--animate .main-about-section__label[data-v-39f690f9] {
            animation-delay: .3s;
            animation-duration: .7s;
            animation-fill-mode: forwards;
            animation-name: scale-in;
            animation-timing-function: ease-out
        }

        .main-about-section--animate .main-about-section__label[data-v-39f690f9]:before {
            animation-delay: 1.4s;
            animation-duration: .9s;
            animation-iteration-count: infinite;
            animation-name: blinking;
            animation-timing-function: linear
        }

        .main-about-section--animate .main-about-section__socials[data-v-39f690f9] {
            animation-delay: 1.2s;
            animation-duration: .6s;
            animation-fill-mode: forwards;
            animation-name: scale-in;
            animation-timing-function: ease-out
        }

        @media (max-width:900px) {
            .main-about-section[data-v-39f690f9] {
                margin-left: 0;
                margin-right: 0
            }
        }

        @media (max-width:800px) {
            .main-about-section[data-v-39f690f9] {
                padding-top: 68px !important
            }
        }

        @media (max-width:700px) {
            .main-about-section__label[data-v-39f690f9] {
                padding: 8px 16px 9px
            }
            .main-about-section__label[data-v-39f690f9]:before {
                height: 16px;
                width: 16px
            }
            .main-about-section__label span[data-v-39f690f9] {
                font-size: 14px
            }
            .main-about-section__title[data-v-39f690f9] {
                margin-bottom: 16px;
                margin-top: 16px
            }
            .main-about-section__socials[data-v-39f690f9] {
                gap: 15px
            }
            .main-about-section__social[data-v-39f690f9] {
                gap: 5px
            }
            .main-about-section__social svg[data-v-39f690f9] {
                height: 50px;
                width: 45px
            }
            .main-about-section__social span[data-v-39f690f9] {
                font-size: 10px !important;
                line-height: 12px !important
            }
        }

        @media (max-width:600px) {
            .main-about-section__title[data-v-39f690f9] {
                font-size: 23px;
                line-height: 25.3px
            }
        }

        @media (max-width:500px) {
            .main-about-section[data-v-39f690f9] {
                background-position: bottom;
                background-size: 100% 100%
            }
        }
    


        .about-section[data-v-98c35d7a] {
            margin-bottom: 20px;
            margin-top: 20px
        }

        .about-section__row[data-v-98c35d7a] {
            align-items: center;
            display: flex;
            gap: 112px;
            justify-content: space-between;
            margin-top: 112px
        }

        .about-section__title[data-v-98c35d7a] {
            max-width: 352px
        }

        .about-section__title-wrapper[data-v-98c35d7a] {
            position: relative
        }

        .about-section__subtitle[data-v-98c35d7a] {
            color: var(--BK);
            font-size: 16.8px;
            font-weight: 500;
            letter-spacing: .2px;
            line-height: 24.36px;
            margin-top: 25.6px;
            opacity: .8
        }

        .about-section__btn[data-v-98c35d7a] {
            margin-top: 48px;
            max-width: 181.6px
        }

        .about-section__btn-mobile[data-v-98c35d7a] {
            display: none
        }

        .about-section__circle[data-v-98c35d7a] {
            background: radial-gradient(100% 822.42% at 0 0, #eff7ff 0, #d3ecfd 31.5%, #c9e3ff 66.67%, #ddecff 100%);
            border-radius: 50%;
            min-height: 444.8px;
            min-width: 444.8px;
            overflow: hidden;
            position: relative
        }

        .about-section__circle[data-v-98c35d7a] .about-section__circle-card {
            align-items: center;
            background-color: var(--BK);
            border-radius: 35px;
            color: #fff;
            display: flex;
            font-size: 20.8px;
            font-weight: 500;
            gap: 9.6px;
            letter-spacing: -.4px;
            line-height: 21.216px;
            opacity: 0;
            padding: 8px 8.8px;
            position: absolute;
            transform-style: preserve-3d;
            white-space: nowrap
        }

        .about-section__circle[data-v-98c35d7a] .about-section__circle-card.about-section__circle-card--animate {
            animation: fall var(--animation-duration) ease-in-out forwards
        }

        .about-section__il[data-v-98c35d7a] {
            align-items: center;
            background: radial-gradient(100% 822.42% at 0 0, #f0fcfe 0, #d8f9fd 29.49%, #ccf6fe 64.21%, #ddf1ec 100%);
            border-radius: 80px;
            display: flex;
            min-height: 444.8px;
            min-width: 444.8px;
            overflow: hidden;
            width: 444.8px
        }

        .about-section__il-tapes[data-v-98c35d7a] {
            display: flex;
            flex-direction: column;
            gap: 12px;
            transform: rotate(-20deg);
            margin-top: -300px;
        }

        .about-section__il-tape[data-v-98c35d7a] {
            animation-duration: 30s;
            animation-fill-mode: forwards;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
            display: flex;
            gap: 12px;
            width: max-content;
        }

        .about-section__il-tape[data-v-98c35d7a]:nth-child(1),
        .about-section__il-tape[data-v-98c35d7a]:nth-child(2),
        .about-section__il-tape[data-v-98c35d7a]:nth-child(4),
        .about-section__il-tape[data-v-98c35d7a]:nth-child(5) {
            animation-name: scroll-right;
        }

        .about-section__il-tape[data-v-98c35d7a]:nth-child(3) {
            animation-name: scroll-left;
        }

        @keyframes scroll-left {
            0% {
                transform: translateX(0);
            }
            to {
                transform: translateX(-50%);
            }
        }

        @keyframes scroll-right {
            0% {
                transform: translateX(-50%);
            }
            to {
                transform: translateX(0);
            }
        }

        @keyframes animate-tape-y-98c35d7a {
            0% {
                transform: translateY(var(--translate-start))
            }
            to {
                transform: translateY(var(--translate-end))
            }
        }

        .about-section__il-card[data-v-98c35d7a] {
            align-items: center;
            background-color: var(--BK);
            border-radius: 15.68px;
            display: flex;
            flex-shrink: 0;
            height: 56.44px;
            padding-left: 25.36px;
            padding-right: 25.35px
        }

        .about-section__il-card img[data-v-98c35d7a] {
            max-height: 60%;
            -o-object-fit: contain;
            object-fit: contain
        }

        .about-section__anchor[data-v-98c35d7a] {
            left: -24px;
            position: absolute;
            top: 0;
            transform: translateY(var(--anchor-translate-y-to));
            --anchor-translate-y-from: 0;
            --anchor-translate-y-to: 0
        }

        .about-section__anchor[data-v-98c35d7a]:before {
            background-color: var(--fiola-color);
            border-radius: 134px;
            content: "";
            display: block;
            height: 32px;
            margin-bottom: 12.8px;
            width: 4.8px
        }

        .about-section__anchor[data-v-98c35d7a]:after {
            background-color: var(--light-grey);
            border-radius: 134px;
            content: "";
            display: block;
            height: 9.6px;
            width: 4.8px
        }

        .about-section__anchor--animate[data-v-98c35d7a] {
            animation-duration: .6s;
            animation-fill-mode: forwards;
            animation-name: change-anchor-position-98c35d7a;
            animation-timing-function: ease-out
        }

        @keyframes change-anchor-position-98c35d7a {
            0% {
                transform: translateY(var(--anchor-translate-y-from))
            }
            to {
                transform: translateY(var(--anchor-translate-y-to))
            }
        }

        @media (max-width:900px) {
            .main-about-section[data-v-98c35d7a] {
                margin-left: 20px;
                margin-right: 20px
            }
        }

        @media (max-width:800px) {
            .main-about-section[data-v-98c35d7a] {
                padding-top: 68px !important
            }
        }

        @media (max-width:700px) {
            .about-section[data-v-98c35d7a] {
                margin-left: 24px !important;
                margin-right: 24px !important
            }
            .main-about-section__label[data-v-98c35d7a] {
                padding: 8px 16px 9px
            }
            .main-about-section__label[data-v-98c35d7a]:before {
                height: 16px;
                width: 16px
            }
            .main-about-section__label span[data-v-98c35d7a] {
                font-size: 14px
            }
            .main-about-section__title[data-v-98c35d7a] {
                margin-bottom: 16px;
                margin-top: 16px
            }
            .main-about-section__socials[data-v-98c35d7a] {
                gap: 15px
            }
            .main-about-section__social[data-v-98c35d7a] {
                gap: 5px
            }
            .main-about-section__social svg[data-v-98c35d7a] {
                height: 50px;
                width: 45px
            }
            .main-about-section__social span[data-v-98c35d7a] {
                font-size: 10px !important;
                line-height: 12px !important
            }
        }

        @media (max-width:950px) {
            .about-section__title-wrapper[data-v-98c35d7a] {
                align-self: stretch
            }
            .about-section__title[data-v-98c35d7a] {
                max-width: unset
            }
            .about-section__subtitle[data-v-98c35d7a] {
                margin-top: 20px
            }
            .about-section__anchor[data-v-98c35d7a] {
                left: -13px
            }
            .about-section__anchor[data-v-98c35d7a]:before {
                height: 20px;
                margin-bottom: 8px;
                width: 4px
            }
            .about-section__anchor[data-v-98c35d7a]:after {
                height: 8px;
                width: 4px
            }
            .about-section__row[data-v-98c35d7a] {
                flex-direction: column;
                gap: 32px;
                position: relative
            }
            .about-section__btn[data-v-98c35d7a] {
                display: none
            }
            .about-section__btn-mobile[data-v-98c35d7a] {
                display: flex
            }
        }

        @media (max-width:800px) {
            .about-section__row[data-v-98c35d7a] {
                margin-top: 68px
            }
        }

        @media (max-width:700px) {
            .about-section__subtitle[data-v-98c35d7a] {
                font-size: 14px;
                line-height: 20px;
                margin-top: 12px
            }
            .about-section__row[data-v-98c35d7a] {
                margin-left: 0
            }
            .about-section__row:nth-child(2) .about-section__title[data-v-98c35d7a] {
                font-size: 26px;
                line-height: 28.6px !important
            }
            .about-section__circle[data-v-98c35d7a] {
                min-height: 342px;
                min-width: 342px
            }
            .about-section__circle-card[data-v-98c35d7a] {
                font-size: 16px;
                gap: 8px;
                line-height: 16.32px;
                padding: 8px
            }
            .about-section__circle-card svg[data-v-98c35d7a] {
                height: 12px;
                width: 12px
            }
            .about-section__il[data-v-98c35d7a] {
                border-radius: 62px;
                height: 342px;
                min-height: 342px;
                min-width: 342px;
                width: 342px
            }
            .about-section__il-tape[data-v-98c35d7a],
            .about-section__il-tapes[data-v-98c35d7a] {
                gap: 9px
            }
            .about-section__il-card[data-v-98c35d7a] {
                box-sizing: border-box;
                height: 44px;
                padding: 11px 20px
            }
            .about-section__il-card img[data-v-98c35d7a] {
                height: 100%;
                max-height: unset;
                -o-object-fit: contain;
                object-fit: contain;
                width: 100%
            }
        }

        @media (max-width:600px) {
            .main-about-section__title[data-v-98c35d7a] {
                font-size: 23px;
                line-height: 25.3px
            }
        }

        @media (max-width:500px) {
            .main-about-section[data-v-98c35d7a] {
                background-position: bottom;
                background-size: 100% 100%
            }
        }
    


        .chart-section[data-v-25635c8a] {
            align-items: center;
            background: var(--Grad2, linear-gradient(135deg, #eff7ff 0, #d3ecfd 31.5%, #c9e3ff 66.67%, #ddecff 100%));
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            border-radius: 30px;
            display: flex;
            gap: 57.6px;
            height: 468px;
            justify-content: center;
            margin-bottom: 20px;
            overflow: hidden;
            position: relative
        }

        .chart-section[data-v-25635c8a]:after {
            background: #a8e3ff;
            border-radius: 817px;
            content: "";
            filter: blur(125px);
            height: 50%;
            position: absolute;
            right: -127px;
            top: -63px;
            width: 50%;
            z-index: 1
        }

        .chart-section__content[data-v-25635c8a] {
            align-self: stretch;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            margin-bottom: 46.4px;
            margin-top: 54.4px;
            position: relative;
            width: 638.4px;
            z-index: 2
        }

        .chart-section .chart-info[data-v-25635c8a] {
            align-items: flex-end;
            display: flex;
            gap: 32px;
            position: absolute;
            top: 57.6px
        }

        .chart-section .chart-info__count[data-v-25635c8a] {
            width: 107.2px
        }

        .chart-section .chart-info__count-title[data-v-25635c8a] {
            font-size: 14.4px;
            font-weight: 500;
            letter-spacing: -.4px;
            line-height: 18.72px
        }

        .chart-section .chart-info__count-value[data-v-25635c8a] {
            color: var(--fiola-color);
            font-size: 49.6px;
            font-weight: 600;
            line-height: 60.76px;
            margin-top: 3.2px;
            text-align: right
        }

        .chart-section .chart-info__count-value--animated[data-v-25635c8a] {
            animation-duration: 1.7s;
            animation-fill-mode: forwards;
            animation-name: counter-scale-animation-25635c8a
        }

        @keyframes counter-scale-animation-25635c8a {
            0% {
                transform: scale(1)
            }
            90% {
                transform: scale(1.2)
            }
            to {
                transform: scale(1)
            }
        }

        .chart-section .chart-info__title[data-v-25635c8a] {
            bottom: 10.4px;
            color: var(--BK);
            line-height: 20.16px;
            max-width: 277px;
            position: relative
        }

        .chart-section .chart-info__title[data-v-25635c8a] strong {
            font-weight: 700
        }

        .chart-section__message[data-v-25635c8a] {
            color: var(--dark-grey);
            font-size: 11.2px;
            font-weight: 500;
            letter-spacing: -.400000006px;
            line-height: 14.52px;
            margin-top: 32px
        }

        .chart-section .chart[data-v-25635c8a] {
            align-items: flex-end;
            display: flex;
            flex: 1;
            gap: 7.2px;
            justify-content: space-between;
            margin-top: 16px
        }

        .chart-section .chart__column[data-v-25635c8a] {
            align-items: center;
            display: flex;
            flex: 1;
            flex-direction: column
        }

        .chart-section .chart__column-value[data-v-25635c8a] {
            color: var(--ultra-dark-grey);
            font-size: 14.4px;
            font-weight: 500;
            letter-spacing: -.400000006px;
            line-height: 17.47px
        }

        .chart-section .chart__column-thumb[data-v-25635c8a] {
            background-color: #8a9eea;
            border-radius: 6.4px;
            flex: 1;
            margin-bottom: 12.8px;
            margin-top: 11.2px;
            width: 100%
        }

        @keyframes chart-column-thumb-animation-25635c8a {
            0% {
                min-height: 0
            }
            to {
                min-height: var(--chart-column-thumb-height)
            }
        }

        .chart-section .chart__column-day[data-v-25635c8a] {
            color: var(--ultra-dark-grey);
            font-size: 16px;
            font-weight: 500;
            letter-spacing: -.400000006px;
            line-height: 19.73px
        }

        .chart-section .chart__column:first-child .chart__column-thumb[data-v-25635c8a] {
            --chart-column-thumb-height: 8px
        }

        .chart-section .chart__column:nth-child(2) .chart__column-thumb[data-v-25635c8a] {
            animation-delay: .337s;
            --chart-column-thumb-height: 18.4px
        }

        .chart-section .chart__column:nth-child(3) .chart__column-thumb[data-v-25635c8a] {
            animation-delay: .562s;
            --chart-column-thumb-height: 15.2px
        }

        .chart-section .chart__column:nth-child(4) .chart__column-thumb[data-v-25635c8a] {
            animation-delay: .787s;
            --chart-column-thumb-height: 32px
        }

        .chart-section .chart__column:nth-child(5) .chart__column-thumb[data-v-25635c8a] {
            animation-delay: 1.012s;
            --chart-column-thumb-height: 73.6px
        }

        .chart-section .chart__column:nth-child(6) .chart__column-thumb[data-v-25635c8a] {
            animation-delay: 1.237s;
            --chart-column-thumb-height: 124px
        }

        .chart-section .chart__column:nth-child(7) .chart__column-thumb[data-v-25635c8a] {
            animation-delay: 1.462s;
            --chart-column-thumb-height: 208px;
            background-color: var(--fiola-color)
        }

        .chart-section__labels[data-v-25635c8a] {
            display: flex;
            flex-direction: column;
            gap: 6.4px;
            position: relative;
            z-index: 2
        }

        .chart-section__label[data-v-25635c8a] {
            background-color: var(--ultra-light-grey);
            border-radius: 8px;
            color: var(--BK);
            font-size: 14.4px;
            font-weight: 500;
            line-height: 17.41px;
            max-width: 180px;
            padding: 9.6px 12.8px;
            width: -moz-max-content;
            width: max-content
        }

        .chart-section--animate .chart__column-thumb[data-v-25635c8a] {
            animation-duration: .337s;
            animation-fill-mode: forwards;
            animation-name: chart-column-thumb-animation-25635c8a;
            animation-timing-function: ease-in-out
        }

        @media (max-width:1250px) {
            .chart-section[data-v-25635c8a] {
                gap: 30px;
                padding-left: 20px;
                padding-right: 20px
            }
            .chart-section__label[data-v-25635c8a] {
                padding: 10px 12px
            }
        }

        @media (max-width:1030px) {
            .chart-section[data-v-25635c8a] {
                gap: 10px;
                padding-left: 20px;
                padding-right: 20px
            }
            .chart-section .chart-info__title[data-v-25635c8a] {
                font-size: 16px
            }
            .chart-section__label[data-v-25635c8a] {
                font-size: 14px
            }
        }

        @media (max-width:950px) {
            .chart-section__content[data-v-25635c8a] {
                margin-top: 40px
            }
            .chart-section .chart-info[data-v-25635c8a] {
                gap: 20px;
                margin-top: 20px
            }
            .chart-section .chart-info__title[data-v-25635c8a] {
                max-width: 200px
            }
        }

        @media (max-width:760px) {
            .chart-section .chart-info__count[data-v-25635c8a] {
                width: 100px
            }
            .chart-section .chart-info__count-value[data-v-25635c8a] {
                font-size: 50px
            }
        }

        @media (max-width:730px) {
            .chart-section[data-v-25635c8a] {
                display: none
            }
        }
    


        .carousel-section[data-v-fa1a88cb] {
            
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            margin: 20px auto;
            max-width: 1200px;
            padding-top: 90px
        }

        .carousel-section__header[data-v-fa1a88cb] {
            align-items: flex-end;
            display: flex;
            margin-left: auto;
            margin-right: auto;
            max-width: var(--content-max-width)
        }

        .carousel-section__title-wrapper[data-v-fa1a88cb] {
            max-width: 331.2px
        }

        .carousel-section__label[data-v-fa1a88cb] {
            background-color: var(--ultra-light-grey);
            border-radius: 102px;
            color: var(--BK-8);
            font-family: Inter, sans-serif;
            font-size: 11.2px;
            font-weight: 600;
            letter-spacing: .005em;
            line-height: 13.552px;
            max-width: -moz-max-content;
            max-width: max-content;
            padding: 8px 15.2px;
            text-transform: uppercase;
            width: 100%
        }

        .carousel-section__title[data-v-fa1a88cb] {
            margin-top: 12.8px;
            transform: scale(1)
        }

        .carousel-section__title span[data-v-fa1a88cb] {
            display: block;
            transform: scale(.9)
        }

        .carousel-section__controls[data-v-fa1a88cb] {
            align-items: center;
            display: flex;
            gap: 25.6px;
            margin-left: auto;
            margin-right: 10px;
            position: relative;
            z-index: 10;
        }

        .carousel-section__control[data-v-fa1a88cb] {
            height: 40px;
            width: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: #fff;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
        }

        .carousel-section__control:hover[data-v-fa1a88cb] {
            transform: scale(1.1);
        }

        .carousel-section__control--right[data-v-fa1a88cb] {
            transform: rotate(-180deg)
        }

        .carousel-section__control--right:hover[data-v-fa1a88cb] {
            transform: rotate(-180deg) scale(1.1);
        }

        .carousel-section__cards-wrapper[data-v-fa1a88cb] {
            overflow: hidden;
            position: relative
        }

        .carousel-section__blur[data-v-fa1a88cb] {
            background: linear-gradient(90deg, #fff 75%, transparent);
            height: 100%;
            left: -40px;
            position: absolute;
            top: 0;
            width: 100px;
            z-index: 2
        }

        @media screen and (max-width:430px) {
            .carousel-section__blur[data-v-fa1a88cb] {
                left: -70px
            }
        }

        .carousel-section__blur.right[data-v-fa1a88cb] {
            background: red;
            background: linear-gradient(270deg, #fff 10%, transparent);
            left: unset;
            right: 0;
            width: 30px
        }

        @media screen and (max-width:430px) {
            .carousel-section__blur.right[data-v-fa1a88cb] {
                right: -10px
            }
        }

        .carousel-section__cards[data-v-fa1a88cb] {
            display: flex;
            gap: 9.6px;
            margin-top: 32px;
            transform: translateX(var(--cards-translate-x));
            transition: .7s;
            width: -moz-max-content;
            width: max-content;
            --cards-translate-x: 105px
        }

        .carousel-section .card[data-v-fa1a88cb] {
            border-radius: 28px;
            flex-shrink: 0;
            height: -moz-max-content;
            height: max-content;
            padding: 28.8px 26.4px 23.2px 28.8px;
            width: 342.4px
        }

        .carousel-section .card__number[data-v-fa1a88cb] {
            align-items: center;
            background-color: var(--BK);
            border-radius: 41px;
            color: hsla(0, 0%, 99%, .8);
            display: flex;
            font-family: Inter, sans-serif;
            font-size: 11.2px;
            font-weight: 600;
            height: 26.4px;
            justify-content: center;
            width: 31.2px
        }

        .carousel-section .card__title[data-v-fa1a88cb] {
            color: var(--BK);
            display: block;
            font-size: 25.6px;
            font-weight: 500;
            line-height: 28.16px;
            margin-top: 12.6px
        }

        .carousel-section .card__title--white[data-v-fa1a88cb] {
            color: var(--white)
        }

        .carousel-section .card__label[data-v-fa1a88cb] {
            color: var(--BK-5);
            display: block;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: .200000003px;
            line-height: 23px;
            margin-top: 6.4px
        }

        .carousel-section .card__column[data-v-fa1a88cb] {
            max-width: 220px
        }

        .carousel-section .card__row[data-v-fa1a88cb] {
            display: flex
        }

        .carousel-section .card__text[data-v-fa1a88cb] {
            color: var(--BK-5);
            font-size: 10.4px;
            font-weight: 500;
            line-height: 11.67px;
            margin-top: 9.6px
        }

        .carousel-section .card__ps[data-v-fa1a88cb] {
            margin-top: 25.6px;
            position: relative;
            width: 262.4px
        }

        .carousel-section .card__ps-header[data-v-fa1a88cb] {
            align-items: center;
            background-color: #fff;
            border-radius: 14px;
            display: flex;
            height: 64px;
            justify-content: space-between;
            padding-left: 19.2px;
            padding-right: 19.2px;
            position: relative;
            z-index: 1
        }

        .carousel-section .card__ps-header[data-v-fa1a88cb] * {
            font-family: Inter, sans-serif
        }

        .carousel-section .card__ps-header[data-v-fa1a88cb]:after {
            align-items: center;
            background-color: #6c5bd9;
            border-radius: 50%;
            color: #fff;
            content: "+";
            display: flex;
            font-family: Inter, sans-serif;
            font-size: 16px;
            font-weight: 400;
            height: 25.6px;
            justify-content: center;
            line-height: 19.36px;
            position: absolute;
            right: -12.8px;
            top: -12.8px;
            width: 25.6px
        }

        .carousel-section .card__ps-logo[data-v-fa1a88cb] {
            width: 92.8px
        }

        .carousel-section .card__ps-amount[data-v-fa1a88cb] {
            align-items: flex-end;
            display: flex;
            flex-direction: column
        }

        .carousel-section .card__ps-amount-value[data-v-fa1a88cb] {
            font-size: 25.6px;
            font-weight: 500;
            line-height: 32px
        }

        .carousel-section .card__ps-amount-value span[data-v-fa1a88cb] {
            color: #0e68b9
        }

        .carousel-section .card__ps-amount-value i[data-v-fa1a88cb] {
            color: #0e68b9;
            margin-right: 6.4px
        }

        .carousel-section .card__ps-amount-label[data-v-fa1a88cb] {
            color: #555;
            font-size: 9.6px;
            letter-spacing: 2%;
            line-height: 12.8px
        }

        .carousel-section .card__ps-content[data-v-fa1a88cb] {
            background-color: #fff;
            border-radius: 14px;
            margin-top: 12.8px;
            padding: 10.4px 16px;
            position: relative;
            z-index: 1
        }

        .carousel-section .card__ps-content[data-v-fa1a88cb] * {
            font-family: Inter, sans-serif
        }

        .carousel-section .card__ps-title[data-v-fa1a88cb] {
            align-items: center;
            display: flex;
            font-weight: 500;
            gap: 6.4px
        }

        .carousel-section .card__ps-title span[data-v-fa1a88cb] {
            color: #555;
            font-size: 11.2px;
            line-height: 11.2px
        }

        .carousel-section .card__ps-title i[data-v-fa1a88cb] {
            color: #656e75;
            font-size: 9.6px;
            line-height: 9.6px
        }

        .carousel-section .card__ps-form[data-v-fa1a88cb] {
            background-color: rgba(241, 243, 252, .502);
            border-radius: 16px;
            margin-top: 9.6px;
            padding: 12.8px 9.6px
        }

        .carousel-section .card__ps-form[data-v-fa1a88cb] * {
            font-family: Inter, sans-serif
        }

        .carousel-section .card__ps-form-title[data-v-fa1a88cb] {
            color: var(--BK-8);
            font-size: 10.4px;
            font-weight: 500;
            line-height: 13.52px
        }

        .carousel-section .card__ps-form-input[data-v-fa1a88cb] {
            margin-top: 9.6px
        }

        .carousel-section .card__ps-form-input .app-input__label[data-v-fa1a88cb] {
            font-size: 10.4px;
            line-height: 13.52px
        }

        .carousel-section .card__ps-form-input .app-input__input-wrapper[data-v-fa1a88cb] {
            border-radius: 12px;
            height: 41.6px;
            margin-top: 3.2px
        }

        .carousel-section .card__ps-form-btn[data-v-fa1a88cb] {
            font-size: 14.4px;
            height: 41.6px;
            margin-top: 12.8px
        }

        .carousel-section .card__ps[data-v-fa1a88cb]:after {
            background-color: rgba(24, 104, 191, .051);
            border: 1px dashed #1968bf;
            border-radius: 16px;
            content: "";
            height: 216.8px;
            left: 7.2px;
            position: absolute;
            top: 21.6px;
            width: 280px;
            z-index: 0
        }

        .carousel-section .card__speed[data-v-fa1a88cb] {
            margin-top: 28.8px
        }

        .carousel-section .card__speed-item[data-v-fa1a88cb] {
            background-color: var(--white);
            border-radius: 8px;
            font-weight: 500;
            height: 68px;
            padding-left: 6.4px;
            padding-right: 6.4px;
            padding-top: 6.4px
        }

        .carousel-section .card__speed-item-header[data-v-fa1a88cb] {
            align-items: center;
            display: flex;
            justify-content: space-between
        }

        .carousel-section .card__speed-item-title[data-v-fa1a88cb] {
            color: var(--BK-8);
            font-size: 10.4px;
            line-height: 11.72px
        }

        .carousel-section .card__speed-item-value[data-v-fa1a88cb] {
            color: var(--ultra-dark-grey);
            font-size: 10.64px;
            line-height: 11.728px
        }

        .carousel-section .card__speed-item--primary[data-v-fa1a88cb] {
            background-color: var(--fiola-color);
            height: 67.2px;
            margin-bottom: 3.2px;
            max-width: 108.8px
        }

        .carousel-section .card__speed-item--primary span[data-v-fa1a88cb] {
            color: var(--white)
        }

        .carousel-section .card__percentage[data-v-fa1a88cb] {
            align-items: center;
            display: flex;
            height: -moz-max-content;
            height: max-content;
            justify-content: center;
            position: relative
        }

        .carousel-section .card__percentage svg[data-v-fa1a88cb] {
            height: 80px;
            min-width: 80px
        }

        .carousel-section .card__percentage span[data-v-fa1a88cb] {
            color: #fff;
            font-size: 20.576px;
            font-weight: 600;
            letter-spacing: -.3030303121px;
            line-height: 25.245px;
            position: absolute
        }

        .carousel-section .card[data-v-fa1a88cb]:first-child {
            background-color: var(--ultra-light-grey)
        }

        .carousel-section .card[data-v-fa1a88cb]:nth-child(2) {
            background-color: var(--blue-sky);
            padding-bottom: 29.2px;
            padding-right: 24.8px
        }

        .carousel-section .card[data-v-fa1a88cb]:nth-child(3) {
            background-color: var(--fiola-color);
            
            background-position: 100% 100%;
            background-repeat: no-repeat;
            background-size: 200px;
            height: 377.6px;
            padding-bottom: 28.8px;
            padding-right: 24px
        }

        .carousel-section .card:nth-child(3) .card__label[data-v-fa1a88cb] {
            color: var(--white-5)
        }

        .carousel-section .card[data-v-fa1a88cb]:nth-child(4) {
            background-color: var(--ultra-light-grey);
            
            background-position: 100% 100%;
            background-repeat: no-repeat;
            background-size: 325.6px;
            height: 370px
        }

        .carousel-section .card:nth-child(4) .card__label[data-v-fa1a88cb] {
            color: var(--BK);
            line-height: 20.8px
        }

        @media (max-width:1100px) {
            .carousel-section__header[data-v-fa1a88cb] {
                margin-left: var(--content-margin)
            }
        }

        @media (max-width:980px) {
            .carousel-section__cards[data-v-fa1a88cb] {
                margin-top: 0;
                transform: translateX(var(--cards-translate-x)) scale(.8)
            }
        }

        @media (max-width:800px) {
            .carousel-section[data-v-fa1a88cb] {
                padding-top: 68px
            }
        }

        @media (max-width:700px) {
            .carousel-section[data-v-fa1a88cb] {
                margin-left: 0 !important;
                margin-right: 0 !important
            }
            .carousel-section__header[data-v-fa1a88cb] {
                margin-left: 24px
            }
            .carousel-section .carousel-section__card[data-v-fa1a88cb] {
                width: 342px
            }
            .carousel-section .carousel-section__title[data-v-fa1a88cb] {
                font-size: 26px;
                line-height: 28.6px !important
            }
            .carousel-section__label[data-v-fa1a88cb] {
                font-size: 12px;
                line-height: 14.52px;
                padding: 8px 16px
            }
            .carousel-section__cards[data-v-fa1a88cb] {
                gap: 8px
            }
            .carousel-section .card[data-v-fa1a88cb] {
                padding: 32px 32px 14px
            }
            .carousel-section .card__title[data-v-fa1a88cb] {
                font-size: 26px;
                line-height: 28.6px
            }
            .carousel-section .card__label[data-v-fa1a88cb] {
                font-size: 14px;
                line-height: 20.3px
            }
            .carousel-section .card__ps[data-v-fa1a88cb] {
                margin-top: 29px;
                width: 253px
            }
            .carousel-section .card__ps[data-v-fa1a88cb]:after {
                height: 213px;
                width: 271px
            }
            .carousel-section .card__ps-header[data-v-fa1a88cb] {
                height: 60px;
                padding-left: 16px;
                padding-right: 17px
            }
            .carousel-section .card__ps-header[data-v-fa1a88cb]:after {
                font-size: 15px;
                height: 24px;
                right: -12px;
                top: -12px;
                width: 24px
            }
            .carousel-section .card__ps-title span[data-v-fa1a88cb] {
                font-size: 10px
            }
            .carousel-section .card__ps-content[data-v-fa1a88cb] {
                padding: 10px 16px
            }
            .carousel-section .card__ps-form[data-v-fa1a88cb] {
                margin-top: 8px;
                padding: 12px 8px
            }
            .carousel-section .card__ps-form-title[data-v-fa1a88cb] {
                font-size: 10px;
                line-height: 13px
            }
            .carousel-section .card__ps-form-input[data-v-fa1a88cb] {
                margin-top: 8px
            }
            .carousel-section .card__ps-form-input .app-input__label[data-v-fa1a88cb] {
                font-size: 10px;
                line-height: 13.94px
            }
            .carousel-section .card__ps-form-input .app-input__input-wrapper[data-v-fa1a88cb] {
                border-radius: 8px;
                height: 36px
            }
            .carousel-section .card__ps-form-input .app-input__input-wrapper input[data-v-fa1a88cb] {
                border-radius: 8px;
                font-size: 16px;
                padding-left: 10px
            }
            .carousel-section .card__ps-form-input i[data-v-fa1a88cb] {
                height: 16px;
                width: 16px
            }
            .carousel-section .card__ps-form-btn[data-v-fa1a88cb] {
                font-size: 14px;
                height: 32px;
                margin-top: 8px
            }
            .carousel-section .card__ps-logo[data-v-fa1a88cb] {
                width: 91px
            }
            .carousel-section .card__ps-amount-value[data-v-fa1a88cb] {
                font-size: 24px;
                line-height: 30px
            }
            .carousel-section .card__ps-amount-label[data-v-fa1a88cb] {
                font-size: 9px;
                line-height: 12px
            }
            .carousel-section .card__speed-item[data-v-fa1a88cb] {
                max-width: 278px
            }
            .carousel-section .card__speed-item--primary[data-v-fa1a88cb] {
                max-width: 125px
            }
            .carousel-section .card__text[data-v-fa1a88cb] {
                font-size: 12px
            }
            .carousel-section .card[data-v-fa1a88cb]:nth-child(2) {
                padding-bottom: 31px
            }
            .carousel-section .card[data-v-fa1a88cb]:nth-child(3) {
                height: 348.8px
            }
            .carousel-section .card:nth-child(3) .card__title[data-v-fa1a88cb] {
                font-size: 20px;
                line-height: 22px
            }
            .carousel-section .card[data-v-fa1a88cb]:nth-child(4) {
                height: 348.8px
            }
            .carousel-section .card:nth-child(4) .card__title[data-v-fa1a88cb] {
                font-size: 20px;
                line-height: 22px
            }
            .carousel-section .card:nth-child(4) .card__label[data-v-fa1a88cb] {
                line-height: 18px
            }
        }

        @media (max-width:600px) {
            .carousel-section[data-v-fa1a88cb] {
                background: unset;
                margin-left: 0 !important;
                margin-right: 0 !important
            }
            .carousel-section__cards[data-v-fa1a88cb] {
                transform: translateX(var(--cards-translate-x)) scale(.8);
                --cards-translate-x: 24px;
            }
            .carousel-section__header[data-v-fa1a88cb] {
                align-items: center;
                flex-direction: column;
                margin-left: 0
            }
            .carousel-section__title-wrapper[data-v-fa1a88cb] {
                align-items: center;
                display: flex;
                flex-direction: column;
                margin-left: 0 !important
            }
            .carousel-section__title[data-v-fa1a88cb] {
                margin-top: 12px;
                max-width: 217px;
                text-align: center
            }
            .carousel-section__controls[data-v-fa1a88cb] {
                gap: 25px;
                margin-left: 0;
                margin-top: 32px
            }
            .carousel-section__cards[data-v-fa1a88cb] {
                margin-top: 20px
            }
        }
    


        .base-collapse-list[data-v-1efbddb9] {
            margin: 0 auto;
            max-width: 900px
        }

        .base-collapse-list__title[data-v-1efbddb9] {
            margin-bottom: 50px
        }

        @media screen and (max-width:1400px) {
            .base-collapse-list__title[data-v-1efbddb9] {
                margin-bottom: 32px
            }
        }

        .base-collapse-list__title>h2[data-v-1efbddb9] {
            color: #21324e;
            font-size: 40px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: -.296px;
            line-height: 110%;
            text-align: center;
            text-transform: capitalize
        }

        @media screen and (max-width:1400px) {
            .base-collapse-list__title>h2[data-v-1efbddb9] {
                font-size: 32px
            }
        }

        @media screen and (max-width:1200px) {
            .base-collapse-list__title>h2[data-v-1efbddb9] {
                font-size: 26px
            }
        }

        @media screen and (max-width:980px) {
            .base-collapse-list__title>h2[data-v-1efbddb9] {
                font-size: 26px
            }
        }

        .base-collapse-list__content[data-v-1efbddb9] {
            border-bottom: 1px solid var(--BK)
        }
    


        .editor-content {
            max-width: 900px
        }

        @media screen and (max-width:1300px) {
            .editor-content {
                margin: 0 auto;
                max-width: 900px
            }
        }

        .editor-content :first-child {
            margin-top: 0
        }

        .editor-content h1 {
            color: #21324e;
            font-family: Gilroy, sans-serif;
            font-size: 40px;
            font-style: normal;
            font-weight: 700;
            letter-spacing: -.4px;
            line-height: 110%;
            margin-bottom: 44px
        }

        @media screen and (max-width:1400px) {
            .editor-content h1 {
                font-size: 34px;
                margin-bottom: 30px
            }
        }

        @media screen and (max-width:1200px) {
            .editor-content h1 {
                font-size: 32px
            }
        }

        @media screen and (max-width:900px) {
            .editor-content h1 {
                font-size: 26px;
                margin-bottom: 20px
            }
        }

        @media screen and (max-width:600px) {
            .editor-content h1 {
                font-size: 23px;
                margin-bottom: 12px
            }
        }

        .editor-content h2 {
            color: #21324e;
            font-family: Gilroy, sans-serif;
            font-size: 32px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: -.4px;
            line-height: 110%;
            margin-bottom: 20px;
            margin-top: 44px
        }

        @media screen and (max-width:1400px) {
            .editor-content h2 {
                font-size: 28px;
                margin-bottom: 16px;
                margin-top: 32px
            }
        }

        @media screen and (max-width:1200px) {
            .editor-content h2 {
                font-size: 26px
            }
        }

        @media screen and (max-width:900px) {
            .editor-content h2 {
                font-size: 22px;
                margin-bottom: 12px
            }
        }

        @media screen and (max-width:600px) {
            .editor-content h2 {
                font-size: 20px
            }
        }

        .editor-content h3 {
            color: #21324e;
            font-family: Gilroy, sans-serif;
            font-size: 26px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: -.4px;
            line-height: 110%
        }

        @media screen and (max-width:1400px) {
            .editor-content h3 {
                font-size: 24px
            }
        }

        @media screen and (max-width:1200px) {
            .editor-content h3 {
                font-size: 22px
            }
        }

        @media screen and (max-width:900px) {
            .editor-content h3 {
                font-size: 20px
            }
        }

        @media screen and (max-width:600px) {
            .editor-content h3 {
                font-size: 18px
            }
        }

        .editor-content p {
            color: #21324e;
            font-family: Gilroy, sans-serif;
            font-size: 21px;
            font-style: normal;
            font-weight: 500;
            letter-spacing: .2px;
            line-height: 140%;
            margin-bottom: 16px;
            margin-top: 16px
        }

        @media screen and (max-width:1400px) {
            .editor-content p {
                font-size: 20px
            }
        }

        @media screen and (max-width:1200px) {
            .editor-content p {
                font-size: 18px
            }
        }

        @media screen and (max-width:900px) {
            .editor-content p {
                font-size: 16px;
                margin-bottom: 8px;
                margin-top: 8px
            }
        }

        .editor-content ul li {
            list-style: initial
        }

        .editor-content ol li,
        .editor-content ul li {
            margin-left: 20px
        }

        .editor-content .block2 {
            background: radial-gradient(828.48% 141.42% at 0 0, #fbfeff 0, #f3fdfe 29.49%, #f1fdff 64.21%, #f9fcfa 100%);
            border-radius: 32px;
            padding: 26px 36px
        }

        @media screen and (max-width:1200px) {
            .editor-content .block2 {
                padding: 26px
            }
        }

        @media screen and (max-width:900px) {
            .editor-content .block2 {
                padding: 16px
            }
        }

        .editor-content .block3 {
            background: var(--Grad2, radial-gradient(828.48% 141.42% at 0 0, #eff7ff 0, #d3ecfd 31.5%, #c9e3ff 66.67%, #ddecff 100%));
            border-radius: 16px;
            margin-bottom: 32px;
            max-width: 400px;
            padding: 24px
        }

        .editor-content .block3 li {
            margin-top: 17px
        }

        .editor-content .block3 li:first-child {
            margin-top: 0
        }

        .editor-content .two-columns {
            display: flex;
            gap: 24px;
            justify-content: center;
            width: 100%
        }

        @media screen and (max-width:730px) {
            .editor-content .two-columns {
                align-items: center;
                flex-direction: column
            }
        }

        .editor-content .two-columns .two-columns-content {
            border-radius: 16px;
            overflow: hidden;
            padding: 72px 37px 20px;
            position: relative;
            width: 324px
        }

        @media screen and (max-width:400px) {
            .editor-content .two-columns .two-columns-content {
                width: 100%
            }
        }

        .editor-content .two-columns .two-columns-content:first-child {
            background: #f6feff
        }

        .editor-content .two-columns .two-columns-content:first-child .two-columns-title {
            background: radial-gradient(828.48% 141.42% at 0 0, #f0fcfe 0, #d8f9fd 29.49%, #ccf6fe 64.21%, #ddf1ec 100%)
        }

        .editor-content .two-columns .two-columns-content:last-child {
            background: #fbf7ff
        }

        .editor-content .two-columns .two-columns-content:last-child .two-columns-title {
            background: radial-gradient(828.48% 141.42% at 0 0, #f7f0fe 0, #e8d8fd 29.49%, #e2ccfe 64.21%, #e6ddf1 100%)
        }

        .editor-content .two-columns .two-columns-title {
            align-items: center;
            display: flex;
            font-size: 34px;
            font-weight: 400;
            height: 60px;
            left: 0;
            margin: 0;
            padding-left: 37px;
            position: absolute;
            top: 0;
            width: 100%
        }

        .editor-content .table {
            margin-left: auto;
            margin-right: auto;
            overflow: auto
        }

        .editor-content .table::-webkit-scrollbar {
            height: 6px
        }

        .editor-content .table::-webkit-scrollbar-thumb {
            background: #999;
            border-radius: 4px
        }

        .editor-content .table::-webkit-scrollbar-thumb:hover {
            background: #888
        }

        .editor-content .table::-webkit-scrollbar-track {
            background: #f1f1f1
        }

        .editor-content .table[style*="float:right"] {
            float: none !important;
            margin-left: auto;
            margin-right: 0
        }

        .editor-content .table[style*="float:left"] {
            float: none !important;
            margin-left: 0;
            margin-right: auto
        }

        @media screen and (max-width:900px) {
            .editor-content .table {
                width: calc(100vw - 40px)
            }
        }

        .editor-content table {
            border: none;
            border-collapse: collapse
        }

        @media screen and (max-width:900px) {
            .editor-content table td,
            .editor-content table tr {
                padding: 16px 2px !important
            }
            .editor-content table td:first-child,
            .editor-content table tr:first-child {
                padding-left: 16px !important
            }
            .editor-content table td:last-child,
            .editor-content table tr:last-child {
                padding-right: 16px !important
            }
        }

        .editor-content table td {
            border: none;
            max-width: 400px;
            padding: 24px
        }

        @media screen and (max-width:500px) {
            .editor-content table td {
                font-size: 12px
            }
            .editor-content table tr * {
                font-size: 14px;
                line-height: 16px
            }
        }

        .editor-content table:not(:has(thead)) tr {
            border-bottom: 2px solid #cde7ff
        }

        .editor-content table:not(:has(thead)) tr:first-child {
            border-bottom: none
        }

        .editor-content table:not(:has(thead)) tr:first-child td:first-child {
            border-top-left-radius: 16px
        }

        .editor-content table:not(:has(thead)) tr:first-child td:last-child {
            border-top-right-radius: 16px
        }

        .editor-content table:not(:has(thead)) tr:last-child {
            border-bottom: none
        }

        .editor-content table:not(:has(thead)) tr:last-child td:first-child {
            border-bottom-left-radius: 16px
        }

        .editor-content table:not(:has(thead)) tr:last-child td:last-child {
            border-bottom-right-radius: 16px
        }

        .editor-content table:has(thead) tr {
            border-bottom: 2px solid #cde7ff
        }

        .editor-content table:has(thead) tr:last-child {
            border-bottom: none
        }

        .editor-content table:has(thead) tr:last-child td:first-child {
            border-bottom-left-radius: 16px
        }

        .editor-content table:has(thead) tr:last-child td:last-child {
            border-bottom-right-radius: 16px
        }
    


        .contacts-section {
            display: flex;
            gap: 20px;
            justify-content: space-between;
            margin-bottom: 20px;
            margin-top: 62px;
            position: relative
        }

        .contacts-section__subtitle {
            margin-top: 19.2px;
            max-width: 276.8px
        }

        .contacts-section__checkmarks {
            display: flex;
            flex-direction: column;
            gap: 9.6px;
            margin-top: 14px
        }

        .contacts-section__checkmark {
            align-items: center;
            display: flex;
            gap: 6.4px
        }

        .contacts-section__checkmark :deep(svg) {
            height: 19.2px;
            width: 19.2px
        }

        .contacts-section__checkmark-label {
            color: var(--BK);
            font-size: 11.616px;
            font-weight: 500;
            letter-spacing: .1382550448px;
            line-height: 16.84px
        }

        .contacts-section__contacts {
            display: flex;
            flex-direction: column;
            gap: 9.6px;
            margin-top: 25.6px
        }

        .contacts-section__contact {
            align-items: center;
            display: flex;
            gap: 9.6px
        }

        .contacts-section__contact-label {
            color: var(--BK-8);
            font-size: 16px;
            font-weight: 400;
            letter-spacing: .2px;
            line-height: 22.4px
        }

        .contacts-section__contact svg {
            height: 32px;
            width: 32px
        }

        .contacts-section__contact svg circle {
            fill: var(--BK)
        }

        .contacts-section .contact-form {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: 19.2px;
            height: -moz-max-content;
            height: max-content
        }

        .contacts-section .contact-form__btn {
            grid-column: span 2;
            margin-top: 12.8px
        }

        .contacts-section__notify {
            background: rgba(33, 50, 78, .8);
            border-radius: 10px;
            display: none;
            gap: 8px;
            left: 50%;
            opacity: 0;
            padding: 12px 24px;
            position: absolute;
            top: 180px;
            transform: translate(-50%, -50%);
            transition: .3s;
            width: 310px;
            z-index: 10
        }

        .contacts-section__notify span {
            color: var(--White, #fcfcfc);
            font-family: Gilroy, sans-serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            letter-spacing: .2px;
            line-height: 145%
        }

        .contacts-section__mobile-btns {
            display: none;
            flex-direction: column;
            gap: 28px;
            margin-top: 40px
        }

        .contacts-section__mobile-btn {
            gap: 8px
        }

        .contacts-section__mobile-btn a {
            align-items: center;
            display: flex;
            gap: 8px;
            height: 100%;
            justify-content: center;
            width: 100%
        }

        .contacts-section__mobile-btn a span {
            color: var(--white)
        }

        .contacts-section__mobile-btn.app-btn--outline a span {
            color: var(--fiola-color)
        }

        .contacts-section__mobile-btn i {
            bottom: 2px;
            position: relative
        }

        .contacts-section__mobile-btn span {
            line-height: 23.2px
        }

        .contacts-section__mobile-btn:nth-child(2):hover i svg path {
            fill: var(--white)
        }

        .contacts-section--opened-form .contact-form {
            display: grid !important
        }

        .contacts-section--opened-form .contacts-section__mobile-btn:nth-child(2) {
            display: none
        }

        @media (max-width:1368px) {
            .contacts-section {
                justify-content: space-between
            }
        }

        @media (max-width:970px) {
            .contacts-section {
                flex-direction: column
            }
            .contacts-section__column {
                align-items: center;
                display: flex;
                flex-direction: column
            }
            .contacts-section__subtitle {
                max-width: 500px;
                text-align: center
            }
            .contacts-section__checkmarks {
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: center;
                max-width: 400px
            }
            .contacts-section__contacts {
                display: none
            }
            .contacts-section .contact-form {
                margin: 20px auto 0;
                max-width: unset
            }
            .contacts-section .contact-form .app-input {
                max-width: unset
            }
        }

        @media (max-width:600px) {
            .contacts-section {
                margin-top: 68px
            }
            .contacts-section__subtitle {
                font-size: 16px;
                line-height: 19.2px;
                margin-top: 28px;
                max-width: 330px
            }
            .contacts-section__checkmarks {
                max-width: 300px
            }
            .contacts-section__checkmark {
                gap: 4px
            }
            .contacts-section__checkmark svg {
                height: 16px;
                width: 16px
            }
            .contacts-section__checkmark-label {
                font-size: 12px;
                line-height: 12px
            }
            .contacts-section__mobile-btns {
                display: flex
            }
            .contacts-section .contact-form {
                display: none;
                grid-template-columns: 1fr;
                grid-gap: 12px;
                margin-left: 0;
                margin-right: 0;
                margin-top: 8px
            }
            .contacts-section .contact-form__btn {
                grid-column: 1
            }
        }
    


        .contact-form {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: 19.2px;
            height: -moz-max-content;
            height: max-content
        }

        .contact-form .app-input[data-form-name=message] {
            grid-column: span 2
        }

        .contact-form__btn {
            grid-column: span 2;
            margin-top: 12.8px
        }

        @media (max-width:600px) {
            .contact-form {
                grid-template-columns: 1fr;
                grid-gap: 12px;
                margin-left: 0;
                margin-right: 0;
                margin-top: 8px
            }
            .contact-form .app-input[data-form-name=message],
            .contact-form .contact-form__btn {
                grid-column: 1
            }
        }
    


        .base-select[data-v-1081577e],
        .base-select__wrapper[data-v-1081577e] {
            position: relative
        }

        .base-select__control[data-v-1081577e] {
            align-items: center;
            background: transparent;
            border: none;
            border-radius: 24px;
            color: var(--BK-8);
            cursor: pointer;
            display: flex;
            font-size: 16.8px;
            font-weight: 500;
            height: 64px;
            justify-content: space-between;
            letter-spacing: .2px;
            line-height: 24.36px;
            padding: 0 44px 0 22.4px;
            position: relative;
            text-align: left;
            transition: border .3s, box-shadow .3s;
            width: 100%
        }

        .base-select__control[data-v-1081577e]:focus-visible {
            box-shadow: 0 0 0 2px #21324e;
            outline: none
        }

        .base-select__control[data-v-1081577e]:disabled {
            color: var(--dark-grey-8);
            cursor: not-allowed
        }

        .base-select__value[data-v-1081577e] {
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%
        }

        .base-select__value.is-placeholder[data-v-1081577e] {
            color: var(--dark-grey-8)
        }

        .base-select__icon[data-v-1081577e] {
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' viewBox='0 0 12 8'%3E%3Cpath stroke='%236C5BD9' stroke-linecap='round' stroke-width='1.6' d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E") 50%/contain no-repeat;
            height: 12px;
            pointer-events: none;
            position: absolute;
            right: 18px;
            top: 50%;
            transform: translateY(-50%);
            transition: transform .2s ease;
            width: 12px
        }

        .base-select.is-open .base-select__icon[data-v-1081577e] {
            transform: translateY(-50%) rotate(180deg)
        }

        .base-select__dropdown[data-v-1081577e] {
            background: #fff;
            border: 1px solid rgba(0, 0, 0, .08);
            border-radius: 16px;
            box-shadow: 0 12px 30px rgba(33, 50, 78, .08);
            left: 0;
            list-style: none;
            margin: 0;
            overflow: auto;
            padding: 8px;
            position: absolute;
            top: calc(100% + 8px);
            width: 100%;
            z-index: 5
        }

        .base-select__option[data-v-1081577e] {
            align-items: center;
            border-radius: 12px;
            color: var(--BK-8);
            cursor: pointer;
            display: flex;
            gap: 8px;
            padding: 10px 12px;
            transition: background-color .2s ease, color .2s ease
        }

        .base-select__option.is-active[data-v-1081577e],
        .base-select__option[data-v-1081577e]:hover {
            background: var(--ultra-light-grey)
        }

        .base-select__option.is-selected[data-v-1081577e] {
            color: var(--fiola-color, #6c5bd9);
            font-weight: 600
        }

        .base-select__option-text[data-v-1081577e] {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .base-select.app-input--invalid .base-select__control[data-v-1081577e] {
            border: 2px solid var(--error, #ff4d4f)
        }

        .fade-enter-active[data-v-1081577e],
        .fade-leave-active[data-v-1081577e] {
            transition: opacity .15s ease
        }

        .fade-enter-from[data-v-1081577e],
        .fade-leave-to[data-v-1081577e] {
            opacity: 0
        }

        @media (max-width:800px) {
            .base-select__control[data-v-1081577e] {
                border-radius: 12px;
                height: 100%
            }
        }

        /* Contact Modal Styles */
        .contact-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1000;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .contact-modal.is-open {
            display: flex;
            opacity: 1;
        }

        .contact-modal__overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(33, 50, 78, 0.6);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
        }

        .contact-modal__content {
            position: relative;
            background: #ffffff;
            width: 90%;
            max-width: 950px;
            border-radius: 40px;
            padding: 48px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
            max-height: 90vh;
            overflow-y: auto;
            transform: scale(0.9);
            transition: transform 0.3s ease;
        }

        .contact-modal.is-open .contact-modal__content {
            transform: scale(1);
        }

        .contact-modal__close {
            position: absolute;
            top: 24px;
            right: 24px;
            background: none;
            border: none;
            cursor: pointer;
            padding: 8px;
            transition: transform 0.2s ease;
        }

        .contact-modal__close:hover {
            transform: scale(1.1);
        }

        .contact-modal__body {
            display: grid;
            grid-template-columns: 1fr 1.2fr;
            gap: 48px;
        }

        .contact-modal__title {
            font-size: 48px;
            line-height: 1.1;
            font-weight: 500;
            margin-bottom: 24px;
            color: var(--BK);
        }

        .contact-modal__description {
            font-size: 18px;
            line-height: 1.4;
            margin-bottom: 32px;
            color: var(--BK-8);
        }

        .contact-modal__checklist {
            margin-bottom: 40px;
        }

        .contact-modal__checklist li {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 16px;
            font-size: 16px;
            font-weight: 500;
            color: var(--BK);
        }

        .contact-modal__checklist svg {
            flex-shrink: 0;
        }

        .contact-modal__contacts {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .contact-modal__contact-item {
            display: flex;
            align-items: center;
            gap: 12px;
            font-size: 18px;
            font-weight: 500;
            color: var(--BK);
            transition: color 0.2s ease;
        }

        .contact-modal__contact-item:hover {
            color: var(--fiola-color);
        }

        .contact-modal__icon {
            width: 32px;
            height: 32px;
            background: var(--BK);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .contact-modal__contact-item:hover .contact-modal__icon {
            background: var(--fiola-color);
        }

        /* Form Grid */
        .form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin-bottom: 20px;
        }

        .form-group {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .form-group.full-width {
            grid-column: span 2;
        }

        .form-group label {
            font-size: 18px;
            font-weight: 600;
            color: var(--BK);
            padding-left: 4px;
            letter-spacing: 0.02em;
            transition: color 0.2s ease;
        }

        .form-group:focus-within label {
            color: var(--fiola-color);
        }

        .form-group input,
        .form-group select,
        .form-group textarea {
            background: var(--ultra-light-grey);
            border: 2px solid transparent;
            border-radius: 20px;
            padding: 16px 20px;
            font-size: 16px;
            width: 100%;
            transition: border-color 0.2s ease, background 0.2s ease;
            color: var(--BK);
        }

        .form-group input:focus,
        .form-group select:focus,
        .form-group textarea:focus {
            border-color: var(--fiola-color);
            background: #fff;
            outline: none;
        }

        .form-group textarea {
            height: 120px;
            resize: none;
        }

        .form-group.full-width {
            position: relative;
        }

        .char-count {
            position: absolute;
            bottom: 12px;
            right: 20px;
            font-size: 12px;
            color: var(--dark-grey-8);
        }

        .contact-modal__submit {
            margin-top: 12px;
            height: 64px !important;
            font-size: 18px !important;
        }

        /* Responsive */
        @media (max-width: 850px) {
            .contact-modal__body {
                grid-template-columns: 1fr;
                gap: 32px;
            }
            .contact-modal__content {
                padding: 32px;
                border-radius: 30px;
            }
            .contact-modal__title {
                font-size: 32px;
            }
            .form-grid {
                grid-template-columns: 1fr;
            }
            .form-group.full-width {
                grid-column: span 1;
            }
        }

        /* Custom Select */
        .custom-select-wrapper {
            position: relative;
            width: 100%;
        }
        .custom-select-selected {
            background: var(--ultra-light-grey);
            border: 2px solid transparent;
            border-radius: 20px;
            padding: 16px 20px;
            font-size: 16px;
            cursor: pointer;
            color: var(--BK);
            transition: border-color 0.2s ease, background 0.2s ease;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .custom-select-selected:after {
            content: "";
            border: solid var(--BK);
            border-width: 0 2px 2px 0;
            display: inline-block;
            padding: 4px;
            transform: rotate(45deg);
            transition: transform 0.2s ease;
        }
        .custom-select-selected.open:after {
            transform: rotate(-135deg);
        }
        .custom-select-selected:hover,
        .custom-select-selected.open {
            border-color: var(--fiola-color);
            background: #fff;
        }
        .custom-select-options {
            position: absolute;
            top: calc(100% + 8px);
            left: 0;
            right: 0;
            background: #fff;
            border: 2px solid var(--ultra-light-grey);
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            z-index: 100;
            max-height: 250px;
            overflow-y: auto;
            display: none;
            padding: 10px 0;
        }
        .custom-select-options.open {
            display: block;
        }
        .custom-select-optgroup {
            padding: 8px 20px;
            font-weight: 700;
            font-size: 14px;
            color: var(--dark-grey);
            background: var(--ultra-light-grey);
            text-transform: uppercase;
        }
        .custom-select-option {
            padding: 12px 20px;
            font-size: 16px;
            cursor: pointer;
            color: var(--BK);
            transition: background 0.2s ease;
        }
        .custom-select-option:hover {
            background: var(--ultra-light-grey);
            color: var(--fiola-color);
        }
        .custom-select-options::-webkit-scrollbar {
            width: 6px;
        }
        .custom-select-options::-webkit-scrollbar-track {
            background: transparent;
        }
        .custom-select-options::-webkit-scrollbar-thumb {
            background: var(--light-grey);
            border-radius: 10px;
        }