@charset "UTF-8";
@-webkit-keyframes pulse-dot {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }
    90% {
        opacity: 1
    }
    to {
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2);
        opacity: 0
    }
}

@keyframes pulse-dot {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }
    90% {
        opacity: 1
    }
    to {
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2);
        opacity: 0
    }
}

@-webkit-keyframes shakeX {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}

@keyframes shakeX {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes btn-line {
    to {
        left: calc(100% + 70px)
    }
}

@keyframes btn-line {
    to {
        left: calc(100% + 70px)
    }
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes ticker {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes moving {
    0%, to {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
}

@keyframes moving {
    0%, to {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
}

@-webkit-keyframes rotate360 {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }
    50% {
        -webkit-transform: rotate(180deg) scale(1.5);
        transform: rotate(180deg) scale(1.5)
    }
    to {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1)
    }
}

@keyframes rotate360 {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }
    50% {
        -webkit-transform: rotate(180deg) scale(1.5);
        transform: rotate(180deg) scale(1.5)
    }
    to {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1)
    }
}

@-webkit-keyframes btn-pulse {
    0%, to {
        -webkit-box-shadow: 0 0 0 0 rgba(16, 78, 3, .4);
        box-shadow: 0 0 0 0 rgba(16, 78, 3, .4)
    }
    50% {
        -webkit-box-shadow: 0 0 0 10px transparent;
        box-shadow: 0 0 0 10px transparent
    }
}

@keyframes btn-pulse {
    0%, to {
        -webkit-box-shadow: 0 0 0 0 rgba(16, 78, 3, .4);
        box-shadow: 0 0 0 0 rgba(16, 78, 3, .4)
    }
    50% {
        -webkit-box-shadow: 0 0 0 10px transparent;
        box-shadow: 0 0 0 10px transparent
    }
}

@-webkit-keyframes loader-line-draw {
    0% {
        stroke-dashoffset: 600;
        opacity: 1
    }
    65% {
        stroke-dashoffset: 0;
        opacity: 1
    }
    85% {
        stroke-dashoffset: 0;
        opacity: 0
    }
    to {
        stroke-dashoffset: 600;
        opacity: 0
    }
}

@keyframes loader-line-draw {
    0% {
        stroke-dashoffset: 600;
        opacity: 1
    }
    65% {
        stroke-dashoffset: 0;
        opacity: 1
    }
    85% {
        stroke-dashoffset: 0;
        opacity: 0
    }
    to {
        stroke-dashoffset: 600;
        opacity: 0
    }
}

@-webkit-keyframes trail-fade {
    0% {
        opacity: .8;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(.3);
        transform: translate(-50%, -50%) scale(.3)
    }
}

@keyframes trail-fade {
    0% {
        opacity: .8;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(.3);
        transform: translate(-50%, -50%) scale(.3)
    }
}

@-webkit-keyframes percent-bounce {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    70% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes percent-bounce {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    70% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes line-draw-left {
    0% {
        stroke-dashoffset: 600;
        opacity: 1
    }
    65% {
        stroke-dashoffset: 0;
        opacity: 1
    }
    85% {
        stroke-dashoffset: 0;
        opacity: 0
    }
    to {
        stroke-dashoffset: 600;
        opacity: 0
    }
}

@keyframes line-draw-left {
    0% {
        stroke-dashoffset: 600;
        opacity: 1
    }
    65% {
        stroke-dashoffset: 0;
        opacity: 1
    }
    85% {
        stroke-dashoffset: 0;
        opacity: 0
    }
    to {
        stroke-dashoffset: 600;
        opacity: 0
    }
}

@-webkit-keyframes line-draw-right {
    0% {
        stroke-dashoffset: 600;
        opacity: 1
    }
    65% {
        stroke-dashoffset: 0;
        opacity: 1
    }
    85% {
        stroke-dashoffset: 0;
        opacity: 0
    }
    to {
        stroke-dashoffset: 600;
        opacity: 0
    }
}

@keyframes line-draw-right {
    0% {
        stroke-dashoffset: 600;
        opacity: 1
    }
    65% {
        stroke-dashoffset: 0;
        opacity: 1
    }
    85% {
        stroke-dashoffset: 0;
        opacity: 0
    }
    to {
        stroke-dashoffset: 600;
        opacity: 0
    }
}

a, b, body, canvas, dd, details, div, dt, em, form, h1, h2, header, html, i, img, label, li, menu, object, p, q, s, section, small, span, td, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

 details, header, label, menu, picture, section {
    display: block
}

body {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #000
}

 ul {
    list-style: none
}

 q {
    quotes: none
}

 q:after, q:before {
    content: none
}

br {
    font-size: 0
}

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

button, button:focus, input, input:focus {
    outline: 0
}

a {
    text-decoration: none
}

button {
    border: 0;
    display: block;
    padding: 0;
    overflow: visible;
    cursor: pointer
}

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

a:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

 a, a:active, a:focus, a:hover, a:visited {
    outline: 0 !important
}

::-moz-focus-inner {
    border: 0;
    outline: 0
}

::-ms-clear {
    display: none
}

* {
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased
}

html {
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, option::-moz-focus-inner {
    border: 0
}
/* inter-300 - latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/inter-v20-latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/inter-v20-latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/inter-v20-latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

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

svg {
    overflow: hidden
}

input:-moz-submit-invalid {
    box-shadow: none
}

input:-moz-ui-invalid {
    box-shadow: none
}

.container {
    width: 100%;
    padding: 0 15px;
    position: relative
}

.title {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    color: #9f2a5a
}

.btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 14px;
    border-radius: 50px;
    border: 0;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    background-color: #2c551a;
    background: -webkit-gradient(linear, left top, right top, from(#407732), to(#104e03));
    background: linear-gradient(90deg, #407732 0, #104e03 100%);
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-animation: btn-pulse 2.5s ease-in-out infinite;
    animation: btn-pulse 2.5s ease-in-out infinite
}

.btn:hover {
    opacity: .85;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(101deg, #04286d 0, #050836 53.37%, #3a023b 100%);
    z-index: 900;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.cursor-trail-dot {
    position: fixed;
    top: 0;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fb5dcf;
    pointer-events: none;
    z-index: 9999;
    opacity: .8;
    -webkit-filter: drop-shadow(0 0 6px #fb5dcf);
    filter: drop-shadow(0 0 6px #fb5dcf);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: trail-fade .6s ease-out forwards;
    animation: trail-fade .6s ease-out forwards;
    display: none
}

.reveal {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity .9s ease-out, -webkit-transform .9s ease-out;
    transition: opacity .9s ease-out, transform .9s ease-out;
    transition: opacity .9s ease-out, transform .9s ease-out, -webkit-transform .9s ease-out
}

.reveal--in-view {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@font-face {
    font-display: swap;
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper, .swiper-wrapper {
    position: relative;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    list-style: none;
    padding: 0;
    display: block
}

.swiper-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg, .swiper-button-prev svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: center;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

button.swiper-pagination-bullet {
    border: 0;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar, .swiper-scrollbar-drag {
    position: relative;
    border-radius: var(--swiper-scrollbar-border-radius, 10px)
}

.swiper-scrollbar {
    -ms-touch-action: none;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    -ms-touch-action: none;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

 .swiper-cards, .swiper-cube, .swiper-flip {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, .swiper-flip .swiper-slide {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cards .swiper-slide, .swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.swiper-creative .swiper-slide {
    -webkit-transition-property: opacity, height, -webkit-transform;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.header {
    background-color: #9f2a5a;
    border-bottom: 2px solid #c93088
}

.header__container, .header__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 15px;
    padding-top: 15px;
    padding-bottom: 15px
}

.header__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px
}

.header__subtitle {
    margin: 0;
    color: #fff;
    font-weight: 400;
    line-height: 1.3;
    font-size: 12px
}

.header__button {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.header__title {
    font-weight: 700;
    font-size: 18px;
    color: #fff
}

.button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
    text-decoration: none;
    border-radius: 50px;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.button:hover {
    opacity: .85
}

.button.header__button {
    background-color: #fadf55;
    color: #65101d;
    padding: 10px 20px;
    font-size: 14px
}

.story {
    background-color: #fff
}

.story__media {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 400px;
    margin: 0 auto
}

.story__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 32px
}

.story__row:last-child {
    margin-bottom: 0
}

.story__row--diagram .story__media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    width: 100%;
    max-width: 240px;
    margin: 0 auto 20px
}

.story__row::after {
    content: "";
    display: table;
    clear: both
}

.story__compare, .story__compare-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.story__compare-item, .story__row--diagram .story__media {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.story__compare-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    gap: 8px
}

.story__compare-image {
    display: block;
    width: 100%;
    height: auto
}

.story__compare-caption {
    margin: 0;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    color: #1a1a1a
}

.story__diagram {
    display: block;
    width: 100%;
    max-width: 260px;
    height: auto
}

.story__legend, .story__legend-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.story__legend {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.story__legend-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.story__legend-dot {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.story__legend-label {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    color: #1a1a1a
}

.story__image {
    display: block;
    width: 100%;
    height: auto
}

.story__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px
}

.story__text p {
    margin: 0;
    color: #1a1a1a;
    font-size: 16px;
    line-height: 1.3
}

.formula__step strong, .story__quote, .story__text--bold {
    font-weight: 700
}

.story__quote {
    max-width: 650px;
    margin: 0 auto 20px;
    color: #1a1a1a;
    font-size: 16px;
    line-height: 1.4;
    text-align: center
}

.product {
    position: relative;
    z-index: 2
}

.product {
    max-width: 150px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-bottom: 70px
}

.product:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 290px;
    height: 100px;
    background-image: url(../img/podium-mob.png);
    background-size: 290px;
    background-repeat: no-repeat;
    background-position: center
}

.cta {
    background-color: #9f2a5a
}

.cta__container, .cta__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cta__container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 15px
}

.cta__info {
    gap: 4px
}

.cta__button {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cta__title {
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.button.cta__button {
    background-color: #fadf55;
    color: #65101d;
    padding: 10px 20px;
    font-size: 14px
}

.formula {
    padding: 32px 16px;
    background-color: #fff
}

.formula__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    margin-bottom: 25px
}

.formula__col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.formula__caption {
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: 700;
    color: #6b1622
}

.formula__item, .formula__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.formula__list {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.formula__item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 14px
}

.formula__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    padding: 10px;
    border-radius: 50%;
    background-color: #fdf1f4;
    border: 1px solid #e8b9c3
}

.formula__icon svg {
    display: block;
    width: 100%;
    height: 100%
}

.formula__item-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.formula__item-title {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 700;
    color: #1a1a1a
}

.formula__item-text {
    margin: 0;
    font-size: 14px;
    line-height: 1.3;
    color: #4d4d4d
}

.formula__title {
    margin-bottom: 16px
}

.formula__timeline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px
}

.formula__step {
    margin: 0;
    font-size: 16px;
    line-height: 1.3;
    color: #1a1a1a
}

.formula__footnote {
    text-align: center;
    font-size: 16px
}

.formula__btn {
    display: block;
    margin: 0 auto
}

.reason {
    margin-bottom: 30px
}

.reason:last-child {
    margin-bottom: 0
}

.reason__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    margin-top: 12px
}

.reason__media {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 400px;
    margin: 0 auto
}

.reason__chart-hand, .reason__image-wrap {
    position: relative
}

.reason__chart-hand::after {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    opacity: .7;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI1LTA5LTI5VDEzOjU3OjAzKzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNS0wOS0yOVQxMzo1ODowOSswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNS0wOS0yOVQxMzo1ODowOSswMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpiMmIwMDljNC02NmM3LTI0NGItYjg3YS05YmU0ZDFmYzNkMmQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6YjJiMDA5YzQtNjZjNy0yNDRiLWI4N2EtOWJlNGQxZmMzZDJkIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YjJiMDA5YzQtNjZjNy0yNDRiLWI4N2EtOWJlNGQxZmMzZDJkIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpiMmIwMDljNC02NmM3LTI0NGItYjg3YS05YmU0ZDFmYzNkMmQiIHN0RXZ0OndoZW49IjIwMjUtMDktMjlUMTM6NTc6MDMrMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6PqvbuAAACz0lEQVRYw+2YXWhPYRzHP8f+Qywk2rIoroShyI0Lq7nYIksuleSGcCfMy25EIisvebtYKSm1jORisloNaytDCnmNYsyFeQmbM3vcfNPj9Bz7/8/L3z/51ek8v+f/nO/5/J/f73k7njGGQrYRFLj9B/znATHG/LpysCrABwzwEpiWJMdvTCGAo4B2oMahVSmwm8BKoAcYAMY62q4FzqYBeE8QUx1a14A7QX3giKPtAv3WGBUwE2g3EugEKoBVgAdUW+F8BcwCWgPP3QWWAccUbg8o1h/ZAewHRgOr4+bgToG8BW6rbIAh6zLAnoDMpZB2BrgOfFK5NokQX5FYpfxyoAwolf8AaAroPwa6VC5V+yny10vvYJI52CLROQ6tLvWYbS+Aq462S6WzL2oOhs2D1cA5q9dsy+iltg0ARcBs4LDV+xOArcCufM6D3cDFQN1lQQ8C31U+ZS0GVVbIEwlxroDtgpohv1Z+iwVsgDV/C/CpNUjsqcdokAAcl78oiRy0bR1w1MpHE5KXHwN1ZUAHcFr+Jo32DUA90A8cipuDdVZ4jHKpCWgOtHsOtAXqPmig2dYsnT7glsodcUL8yFpLGyzQA1kA9jnmy27gm+WXS68+aog9JTnAFmC3yn6W+eoF/PHAect/rVxdGGc/WGyVG3SfFGNnNRjwf/yJIxtAO/b9wEMHoBei5Tnqihy+SXJH/Vmj1jbfEXY/JBW8XF6WiQDoWupqHDCLga/DRCQVQJc9c9Q9cdRtB3rzAehFfO5Cvk51efscEaUHG7VKFAxgsLdOFNrBfaiQvyz4wMSUGbw4E3UvMDcPaeZHBWwFpod8NUjKxlgbkpwBz+i+PEXAycD7qIA92hNuThGwBHgX51S3Qkm8JAW4CmnXxD003QC+pAC4TYDj4gKWSKgzYcA2nU0SOXbOE+R9famKa/OltzHJc/FMie5NAPAk8Ga4c/FPZ21jmJ10ydQAAAAASUVORK5CYII=);
    -webkit-animation: moving 2s infinite;
    animation: moving 2s infinite
}

.reason .reason__chart-wrap {
    display: block;
    position: relative;
    overflow-x: scroll;
    padding-bottom: 10px;
    scrollbar-width: auto;
    scrollbar-color: #bdbdbd
}

.reason .reason__chart-wrap::-webkit-scrollbar {
    width: 12px;
    height: 8px
}

.reason .reason__chart-wrap::-webkit-scrollbar-track {
    background: #e7e1e1
}

.reason .reason__chart-wrap::-webkit-scrollbar-thumb {
    background-color: #bdbdbd;
    border-radius: 20px
}

.reason__chart-card {
    display: block;
    width: 500px
}

.reason__chart, .reason__image {
    display: block;
    width: 100%;
    height: auto
}

.reason__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.reason__content p {
    margin: 0
}

.reason__lead {
    color: #1a1a1a
}

.reason__content p {
    font-size: 16px;
    line-height: 1.3
}

.reason__testimonial p {
    font-style: italic
}

.reason__testimonial cite {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #1a1a1a
}

.reason__testimonial + .reason__testimonial {
    margin-top: 12px
}

.reason__title {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
    line-height: 1.2
}

.benefits {
    background-color: #f5f5f5
}

.benefits__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

.benefits__title {
    margin-bottom: 0
}

.benefits__media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.benefits__image {
    max-width: 300px;
    width: 100%
}

.benefits__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    max-width: 340px;
    margin: 0;
    padding: 0;
    list-style: none
}

.benefits__item {
    border: 1px solid #9f2a5a;
    border-radius: 12px;
    padding: 12px 16px;
    color: #9f2a5a;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    text-align: center;
    background-color: #fff
}

.benefits__item strong, .compare__text strong {
    font-weight: 700
}

.benefits__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: 10px
}

.benefits__eyebrow {
    margin: 0;
    color: #000;
    font-weight: 700;
    font-size: 15px
}

.benefits__note {
    margin: 0;
    font-size: 14px;
    font-weight: 700
}

.button.benefits__button {
    background-color: #2c551a;
    background: -webkit-gradient(linear, left top, right top, from(#407732), to(#104e03));
    background: linear-gradient(90deg, #407732 0, #104e03 100%);
    color: #fff;
    padding: 12px 24px;
    font-size: 14px;
    gap: 8px
}

.compare {
    padding: 32px 16px;
    background-color: #f2f2f2
}

.compare__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px
}

.compare__col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff
}

.compare__col--bad .compare__col-title {
    background-color: #e0e0e0;
    color: #1a1a1a
}

.compare__col--good {
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .08);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .08)
}

.compare__col--good .compare__col-title {
    background-color: #9f2a5a;
    color: #fff
}

.compare__col-title {
    margin: 0;
    padding: 16px;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.compare__item, .compare__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.compare__list {
    margin: 0;
    padding: 16px;
    list-style: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.compare__item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid #e6e6e6
}

.compare__item:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.compare__item:first-child {
    padding-top: 0
}

.compare__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 18px;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700
}

.compare__icon--bad {
    color: #c0392b
}

.compare__icon--good {
    color: #2f7d32
}

.compare__text {
    font-size: 16px;
    line-height: 1.3;
    color: #1a1a1a
}

.compare__cta {
    margin-top: 24px;
    text-align: center
}

.compare__btn {
    background-color: #2c551a;
    background: -webkit-gradient(linear, left top, right top, from(#407732), to(#104e03));
    background: linear-gradient(90deg, #407732 0, #104e03 100%);
    color: #fff;
    padding: 12px 24px;
    font-size: 14px;
    gap: 8px;
    margin: 0 auto
}

.compare__title {
    max-width: 690px;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.signs {
    padding: 24px 16px;
    background-color: #9f2a5a
}

.signs__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.signs__media {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 400px;
    margin: 0 auto
}

.signs__image {
    display: block;
    width: 100%;
    height: auto
}

.signs__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.signs__content, .signs__item, .signs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.signs__list {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.signs__item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px
}

 .signs__note, .signs__text {
    font-size: 16px;
    line-height: 1.3;
    color: #fff
}

 .signs__note {
    color: #f5b942
}

.signs__note strong {
    color: #f5b942
}

.signs__note {
    margin: 4px 0 0;
    color: #fff
}

.signs__title {
    color: #fff
}

.reviews {
    overflow: hidden;
    background: #f7f6f4;
    padding: 32px 0
}

.reviews__slider {
    max-width: 300px;
    width: 100%;
    margin: 0 auto 20px
}

.reviews__title {
    margin-bottom: 24px;
    text-align: center
}

.reviews__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #e6e6e6;
    background: #fff;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .04);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .04)
}

.reviews__image-wrapper {
    position: relative;
    margin: 0 0 20px
}

.reviews__image {
    display: block;
    width: 100%;
    height: 260px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px;
    margin-bottom: 20px
}

.reviews__badge, .reviews__badge-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.reviews__badge {
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    background-color: #9f2a5a;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap
}

.reviews__badge-icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff;
    color: #9f2a5a;
    font-size: 10px;
    line-height: 1
}

.reviews__text {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 1.4;
    color: #1a1a1a
}

.reviews__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px
}

.reviews__name {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #1a1a1a
}

.reviews__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #1a1a1a;
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.reviews__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 20px
}

.reviews__pagination {
    display: none
}

.reviews__button-next, .reviews__button-prev, .reviews__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.reviews__navigation {
    gap: 16px
}

.reviews__button-next, .reviews__button-prev {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 0;
    background-color: #9f2a5a;
    color: #fff;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

.reviews__button-next:hover, .reviews__button-prev:hover {
    background-color: #a6466e
}

.reviews__button-next.swiper-button-disabled, .reviews__button-prev.swiper-button-disabled {
    opacity: .3;
    cursor: default
}

.use__title {
    text-align: center;
    margin-bottom: 20px
}

.use__item {
    width: 100%;
    margin: 0 auto 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #a0bccc
}

.use__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.use__item-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 150px;
    margin: 0 auto
}

.use__item-text {
    text-align: center;
    font-size: 16px;
    line-height: 1.3;
    padding: 20px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.use__item-text-1 {
    background-image: url(../img/use_number-1.png)
}
/* verstka-cabinet: webp */
html.webp .use__item-text-1, .webp .use__item-text-1 {
  background-image: url(../img/use_number-1.webp);
}

.use__item-text-2 {
    background-image: url(../img/use_number-2.png)
}
/* verstka-cabinet: webp */
html.webp .use__item-text-2, .webp .use__item-text-2 {
  background-image: url(../img/use_number-2.webp);
}

.use__item-text-3 {
    background-image: url(../img/use_number-3.png)
}
/* verstka-cabinet: webp */
html.webp .use__item-text-3, .webp .use__item-text-3 {
  background-image: url(../img/use_number-3.webp);
}

.use__footer {
    margin-top: 24px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #1a1a1a
}

.order {
    padding: 32px 16px;
    background-color: #fff
}

.order__media, .order__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.order__row {
    gap: 32px
}

.order__media {
    text-align: center
}

.order__title {
    margin: 0 0 8px;
    font-weight: 700;
    text-align: center
}

.order__shipping {
    text-align: center;
    margin: 0 0 20px;
    font-size: 20px;
    color: #6a6a6a
}

.order__image {
    display: block;
    width: 100%;
    max-width: 160px;
    height: auto;
    -webkit-filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, .5));
    filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, .5))
}

.order__card {
    position: relative;
    width: 100%;
    max-width: 320px;
    padding: 70px 24px 24px;
    border-radius: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .08)
}

.order__badge {
    position: absolute;
    top: -24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 130px;
    padding: 12px 12px 22px;
    background-color: #2c551a;
    background: -webkit-gradient(linear, left top, right top, from(#407732), to(#104e03));
    background: linear-gradient(90deg, #407732 0, #104e03 100%);
    color: #fff;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%);
    clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%)
}

.order__badge-label {
    font-size: 14px;
    text-transform: uppercase
}

.order__badge-value {
    font-size: 22px;
    font-weight: 700
}

.order__prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 20px;
    margin-top: 20px
}

.order__price {
    text-align: center
}

.order__price-divider {
    width: 1px;
    background-color: #e0e0e0
}

.order__price-label {
    margin: 0 0 4px;
    font-size: 16px;
    letter-spacing: .03em;
    color: #9a9a9a
}

.order__price-old {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #b3b3b3;
    text-decoration: line-through
}

.order__price-old span {
    font-weight: 400
}

.order__price-new {
    margin: 0;
    font-size: 28px;
    line-height: 1.1;
    font-weight: 800;
    color: #9f2a5a
}

.order__field, .order__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.order__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.order__field {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.order__field-icon {
    position: absolute;
    left: 14px;
    width: 18px;
    height: 18px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.order__field-input {
    width: 100%;
    padding: 12px 14px 12px 42px;
    border-radius: 999px;
    border: 1px solid #407732;
    font-size: 14px;
    color: #1a1a1a
}

.order__field-input::-webkit-input-placeholder {
    color: #9a9a9a
}

.order__field-input::-moz-placeholder {
    color: #9a9a9a
}

.order__field-input:-ms-input-placeholder {
    color: #9a9a9a
}

.order__field-input::placeholder {
    color: #9a9a9a
}

.order__field-input:focus {
    outline: 0;
    border-color: #6b1622
}

.order__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    border: 0;
    cursor: pointer
}

.order__btn-arrow {
    width: 16px;
    height: 10px
}

.popup {
    width: auto !important
}

.popup__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.popup__wrapper .order__image {
    display: none
}

.block {
    padding: 35px 0;
    position: relative
}

@media (min-width: 480px) {
    .container {
        width: 480px;
        margin: 0 auto
    }

    .title {
        font-size: 24px
    }

    .header__subtitle {
        font-size: 13px
    }

    .header__title {
        font-size: 20px
    }

    .story__compare {
        gap: 16px
    }

    .story__compare-caption {
        font-size: 14px
    }

    .story__legend-label {
        font-size: 15px
    }

    .product {
        max-width: 165px
    }

    .product:before {
        background-image: url(../img/podium.png);
        background-image: -webkit-image-set(url(../img/podium.webp) type("image/webp"));
        background-image: image-set(url(../img/podium.webp) type("image/webp"));
        height: 95px;
        width: 310px;
        background-size: 310px
    }

    .cta__title {
        font-size: 18px
    }

    .formula__caption {
        font-size: 18px;
        margin-bottom: 24px
    }

    .formula__item {
        gap: 16px
    }

    .formula__icon {
        width: 64px;
        height: 64px
    }

    .formula__item-title {
        font-size: 18px
    }

    .formula__item-text, .formula__step {
        font-size: 16px
    }

    .reason__chart-hand::after {
        content: none
    }

    .reason .reason__chart-wrap {
        overflow-x: visible;
        padding-bottom: 0
    }

    .reason__chart-card {
        width: 100%
    }

    .reason__title {
        font-size: 20px
    }

    .benefits__media {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 455px;
        width: 100%
    }

    .benefits__list {
        max-width: 220px;
        margin-left: -250px
    }

    .compare__col-title {
        font-size: 18px
    }

    .compare__list {
        padding: 20px
    }

    .reviews__image {
        height: 300px
    }

    .use__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .use__item-image {
        width: 150px;
        margin: 0 55px 0 0
    }

    .use__item-text {
        text-align: left
    }

    .order__card {
        padding: 70px 20px 28px
    }

    .block {
        padding: 35px 0
    }
}

@media (min-width: 640px) {
    .reviews__bottom {
        margin-top: 15px;
    }
    .container {
        width: 640px
    }

    .title {
        font-size: 26px
    }

    .header__container {
        gap: 24px
    }

    .reviews__slider {
        max-width: 100%
    }

    .reviews__slider .swiper-wrapper {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .reviews__card {
        height: 100%
    }

    .reviews__text {
        margin: 0 0 auto
    }

    .use__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative
    }

    .use__content::after, .use__content::before {
        content: "";
        position: absolute;
        height: 165px;
        border-right: 1px solid #a0bccc;
        top: 80px
    }

    .use__content::before {
        left: 200px
    }

    .use__content::after {
        left: 410px
    }

    .use__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
        padding-bottom: 0;
        border-bottom: 0;
        width: 190px
    }

    .use__item-image {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin: 0;
        width: 100%
    }

    .use__item-image-1 img {
        width: 160px
    }

    .use__item-image-2 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .use__item-image-2 img {
        width: 150px
    }

    .use__item-image-3 img {
        width: 140px
    }

    .use__item-text {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
        margin-bottom: 15px
    }

    .use__item-text-2 {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {

    .reason {
        margin-bottom: 48px
    }
    .reason__row::after {
        content: "";
        display: table;
        clear: both
    }

    body {
        font-size: 16px
    }

    .container {
        width: 768px
    }

    .title {
        font-size: 30px
    }

    .btn {
        font-size: 16px
    }

    .header__subtitle {
        font-size: 14px
    }

    .header__title {
        font-size: 24px
    }

    .button.header__button {
        padding: 12px 28px;
        font-size: 16px
    }

    .story__media {
        float: left;
        margin: 0 20px 0 0;
        max-width: 380px
    }

    .story__row {
        display: block;
        gap: 40px;
        margin-bottom: 40px
    }

    .story__row--diagram .story__media {
        max-width: 380px;
        margin: 0 0 15px
    }

    .story__diagram {
        max-width: 380px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .story__text {
        display: inline
    }

    .reason__content p, .story__text p {
        margin-bottom: 0
    }

    .reason__content p:not(:last-child), .story__text p:not(:last-child) {
        margin-bottom: 10px
    }

    .story__quote {
        font-size: 18px;
        margin-bottom: 40px
    }

    .cta__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 24px
    }

    .cta__title {
        font-size: 20px
    }

    .button.cta__button {
        padding: 12px 28px;
        font-size: 18px
    }

    .formula {
        padding: 48px 40px
    }

    .formula__row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 40px
    }

    .formula__title {
        margin-bottom: 20px
    }

    .formula__timeline {
        margin-bottom: 32px
    }

    .formula__btn {
        display: inline-block
    }

    .reason__row {
        display: block;
        gap: 40px;
        margin-top: 16px
    }

    .reason__media {
        margin: 0 20px 15px 0;
        float: left;
        max-width: 380px
    }

    .reason__content {
        display: inline
    }

    .reason__title {
        font-size: 22px
    }

    .benefits__title {
        margin-bottom: 0
    }

    .benefits__item {
        font-size: 16px
    }

    .benefits__eyebrow {
        font-size: 18px
    }

    .benefits__note {
        font-size: 16px
    }

    .button.benefits__button {
        padding: 14px 28px;
        font-size: 16px
    }

    .compare {
        padding: 48px 40px
    }

    .compare__row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 24px
    }

    .compare__cta, .compare__row {
        margin-top: 32px
    }

    .compare__btn {
        padding: 14px 28px;
        font-size: 15px
    }

    .signs {
        padding: 40px
    }

    .signs__row {
        display: block;
        gap: 40px
    }

    .signs__media {
        float: left;
        margin: 0 20px 5px 0;
        max-width: 380px
    }

    .signs__content, .signs__list {
        display: inline
    }

    .signs__item {
        margin-bottom: 0
    }


    .signs__item:not(:last-child) {
        margin-bottom: 10px
    }

    .signs__title {
        margin-bottom: 15px;
    }

    .reviews {
        padding: 48px 0
    }

    .reviews__slider, .reviews__title {
        margin-bottom: 32px
    }

    .reviews__text {
        font-size: 16px
    }

    .use__content {
        margin-bottom: 40px
    }

    .use__content::after, .use__content::before {
        height: 200px;
        top: 110px
    }

    .use__content::before {
        left: 237px
    }

    .use__content::after {
        left: 500px
    }

    .use__item {
        width: 210px
    }

    .use__item-image-1 img {
        width: 200px
    }

    .use__item-image-2 img {
        width: 190px
    }

    .use__item-image-3 img {
        width: 160px
    }

    .use__item-text {
        font-size: 18px;
        line-height: 1.4
    }

    .use__footer {
        font-size: 18px
    }

    .order {
        padding: 48px 40px
    }

    .order__media, .order__row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .order__row {
        padding-top: 25px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 60px
    }

    .order__media {
        text-align: left
    }

    .block {
        padding: 40px 0
    }
}

@media (min-width: 1024px) {
    .container {
        width: 1024px;
        padding: 0 25px
    }

    .title {
        font-size: 32px
    }


    .signs__title {
        margin-bottom: 0px;
    }

    .btn {
        padding: 16px 14px
    }

    .cursor-trail-dot {
        display: block
    }

    .header__subtitle {
        font-size: 16px
    }

    .header__title {
        font-size: 28px
    }

    .button.header__button {
        padding: 14px 32px;
        font-size: 18px
    }

    .story__media {
        float: none;
        margin: 0 auto;
        max-width: 460px
    }

    .story__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 40px;
        margin-bottom: 40px
    }

    .story__row--diagram .story__media {
        max-width: 460px;
        gap: 24px
    }

    .story__compare-caption {
        font-size: 16px
    }

    .story__diagram {
        max-width: 360px
    }

    .story__legend-label {
        font-size: 16px
    }

    .story__text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .story__text p {
        font-size: 18px
    }

    .reason__content p:not(:last-child), .story__text p:not(:last-child) {
        margin-bottom: 0
    }

    .story__quote {
        font-size: 20px
    }

    .product {
        max-width: 180px
    }

    .cta__title {
        font-size: 22px
    }

    .formula__caption {
        font-size: 20px
    }

    .formula__item-text, .formula__step {
        font-size: 18px
    }

    .reason__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .reason__media {
        margin: 0 auto;
        float: none;
        max-width: 460px
    }

    .reason__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .reason__testimonial cite,
    .reason__content p {
        font-size: 18px
    }

    .reason__title {
        max-width: 460px;
        width: 100%
    }

    .benefits__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 40px
    }

    .benefits__title {
        margin-bottom: 0
    }

    .benefits__image {
        max-width: 340px
    }

    .benefits__list {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .benefits__item {
        font-size: 18px
    }

    .benefits__eyebrow {
        font-size: 24px
    }

    .benefits__note, .button.benefits__button {
        font-size: 18px
    }

    .compare__col-title {
        font-size: 20px
    }

    .compare__text {
        font-size: 18px
    }

    .signs__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 40px
    }

    .signs__media {
        float: none;
        max-width: 460px;
        margin: 0 auto
    }

    .signs__content, .signs__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .signs__item:not(:last-child) {
        margin-bottom: 0
    }

     .signs__note, .signs__text {
        font-size: 18px
    }

    .reviews__controls {
        gap: 24px
    }

    .use__content {
        margin-bottom: 50px
    }

    .use__content::after, .use__content::before {
        height: 227px;
        top: 95px
    }

    .use__content::before {
        left: 315px
    }

    .use__content::after {
        left: 678px
    }

    .use__item {
        width: 270px
    }

    .use__item-image-1 img {
        width: 249px
    }

    .use__item-image-2 img {
        width: 200px
    }

    .use__item-image-3 img {
        width: 162px
    }

    .order__image {
        max-width: 185px
    }

    .order__price-label {
        font-size: 18px
    }

    .popup {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
        border-radius: 10px;
        background: #f7f6f4;
        padding: 20px;
        padding-top: 50px !important
    }

    .popup__wrapper {
        gap: 20px
    }

    .popup__wrapper .order__image {
        display: block;
        width: 100%;
        max-width: 240px
    }
}

@media (min-width: 1220px) {

    body {
        font-size: 18px
    }

    .container {
        width: 1220px
    }

    .title {
        font-size: 35px
    }

    .btn {
        font-size: 18px
    }

    .story__media, .story__row--diagram .story__media {
        max-width: 560px
    }

    .story__diagram {
        max-width: 400px
    }

    .story__quote {
        font-size: 24px
    }

    .product {
        padding-bottom: 107px;
        max-width: 225px
    }

    .product:before {
        height: 155px;
        width: 420px;
        background-size: 420px
    }

    .reason__media, .reason__title {
        max-width: 560px
    }

    .benefits__title {
        margin-bottom: 0
    }

    .benefits__media {
        max-width: 540px
    }

    .benefits__image {
        max-width: 360px
    }

    .benefits__list {
        max-width: 265px;
        margin-left: -85px
    }

    .benefits__eyebrow {
        font-size: 30px
    }

    .signs__media {
        max-width: 560px
    }

    .use__content {
        margin-bottom: 0
    }

    .use__content::after, .use__content::before {
        top: 65px
    }

    .use__content::before {
        left: 367px
    }

    .use__content::after {
        left: 804px
    }

    .use__item {
        width: 305px;
        margin-right: auto
    }

    .use__item:last-child {
        margin-right: 0
    }

    .use__item-text-1 {
        padding-right: 5px;
        padding-left: 5px
    }

    .popup__wrapper {
        gap: 20px
    }

    .block {
        padding: 50px 0
    }
}

.x_country_select {
    display: none !important;
}

#order-in-progress__popup span {color: #000 !important;}