@charset "UTF-8";
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input,
textarea {
    outline: 0;
    width: 100%;
}
button,
input,
optgroup,
select,
textarea {
    display: block;
    font-family: inherit;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
}
:root {
    --cont-w: 1360px;
    --cont-p: 40px;
    --section-pad: 60px;
    --delay: 0s;
    --cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
}
@font-face {
    font-family: RoundedMplus1c;
    font-display: swap;
    src: url(../fonts/RoundedMplus1c-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: RoundedMplus1c;
    font-display: swap;
    src: url(../fonts/RoundedMplus1c-ExtraBold.woff2) format("woff2");
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: RoundedMplus1c;
    font-display: swap;
    src: url(../fonts/RoundedMplus1c-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: RoundedMplus1c;
    font-display: swap;
    src: url(../fonts/RoundedMplus1c-Medium-Italic.woff2) format("woff2");
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: Сoolvetica;
    font-display: swap;
    src: url(../fonts/Сoolvetica-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
}
.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #fff;
    display: none;
}
.preloader__inner {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.preloader__spinner {
    border-radius: 100%;
    border: 5px solid #e3e3e3;
    border-top-color: #11cdf7;
    width: 60px;
    height: 60px;
    margin: 0 auto 20px auto;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    position: relative;
}
.preloader__text {
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #e3e3e3;
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.container-lines {
    --lines-color: rgba(255, 0, 0, 0.1);
}
.container-lines:before {
    content: "";
    position: fixed;
    left: 50%;
    top: 0;
    bottom: 0;
    width: calc(100% - 2 * var(--cont-p));
    max-width: var(--cont-w);
    pointer-events: none;
    z-index: 10;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-left: var(--lines-color) solid 1px;
    border-right: var(--lines-color) solid 1px;
}
* {
    margin: 0;
    padding: 0;
    outline: 0;
}
*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body,
html {
    margin: 0;
    padding: 0;
    min-width: 320px;
}
body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    cursor: default;
}
.app--fixed {
    overflow: hidden !important;
}
.app--fixed,
.app--fixed .header {
    padding-right: var(--sbW);
}
a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}
b {
    font-weight: 700;
}
i {
    font-style: italic;
}
.ui-btn,
a {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.disabled {
    pointer-events: none;
    cursor: default !important;
}
img {
    width: 100%;
    display: block;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    opacity: 1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
img[data-src] {
    opacity: 0;
}
picture.lazyLoad img {
    opacity: 0;
}
picture.loaded img {
    opacity: 1 !important;
}
.svg-sprite {
    position: absolute;
    left: -99999px;
    top: -99999px;
    width: 0;
    height: 0;
}
svg {
    display: block;
    width: 100%;
    height: 100%;
    shape-rendering: geometricPrecision;
    text-rendering: geometricPrecision;
    image-rendering: optimizeQuality;
}
.ui-text-left {
    text-align: left;
}
.ui-text-center {
    text-align: center;
}
.ui-text-right {
    text-align: right;
}
.ui-text-nowrap {
    white-space: nowrap;
}
.ui-text-upper {
    text-transform: uppercase;
}
.ui-text-lower {
    text-transform: lowercase;
}
.ui-display-ib {
    display: inline-block;
}
.ui-display-b {
    display: block;
}
.ui-display-f {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ui-cover img,
.ui-cover video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.onscroll [data-onscroll] {
    -webkit-transition: all 1.5s var(--cubic);
    -o-transition: all 1.5s var(--cubic);
    transition: all 1.5s var(--cubic);
    -webkit-transition-delay: var(--delay);
    -o-transition-delay: var(--delay);
    transition-delay: var(--delay);
    will-change: opacity, transform, clip-path;
}
.onscroll .intro__subttl span,
.onscroll .intro__ttl span {
    -webkit-transition: all 0.7s var(--delay) var(--cubic);
    -o-transition: all 0.7s var(--delay) var(--cubic);
    transition: all 0.7s var(--delay) var(--cubic);
}
.onscroll .intro__btn,
.onscroll .intro__logos {
    -webkit-transition: all 0.7s var(--delay) var(--cubic);
    -o-transition: all 0.7s var(--delay) var(--cubic);
    transition: all 0.7s var(--delay) var(--cubic);
}
.onscroll .intro__right-img {
    -webkit-transition: all 0.4s var(--delay) var(--cubic);
    -o-transition: all 0.4s var(--delay) var(--cubic);
    transition: all 0.4s var(--delay) var(--cubic);
}
.onscroll .intro__right-line {
    -webkit-transition: all 0.5s var(--delay) var(--cubic);
    -o-transition: all 0.5s var(--delay) var(--cubic);
    transition: all 0.5s var(--delay) var(--cubic);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.onscroll:not(.onscroll--in) [data-fade] {
    opacity: 0;
}
.onscroll:not(.onscroll--in) .intro__ttl span {
    translate: 0 -100%;
}
.onscroll:not(.onscroll--in) .intro__subttl span {
    opacity: 0;
    translate: 0 -100%;
}
.onscroll:not(.onscroll--in) .intro__btn {
    opacity: 0;
    translate: 0 -50%;
}
.onscroll:not(.onscroll--in) .intro__logos {
    opacity: 0;
}
.onscroll:not(.onscroll--in) .intro__right-img {
    opacity: 0;
}
.onscroll:not(.onscroll--in) .intro__right-line {
    scale: 1.1;
}
.ui-grid {
    --g-gap: 20px;
    --g-gap-b: var(--g-gap);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--g-gap-b) var(--g-gap);
}
.ui-grid__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc((100% - (var(--g-of) - 1) * var(--g-gap)) / var(--g-of) * var(--g-cols) + var(--g-gap) * (var(--g-cols) - 1));
}
.ui-grid__col--1 {
    --g-cols: 1;
    --g-of: 1;
}
.ui-grid__col--1of2,
.ui-grid__col--2of4,
.ui-grid__col--3of6,
.ui-grid__col--4of8 {
    --g-cols: 1;
    --g-of: 2;
}
.ui-grid__col--1of3 {
    --g-cols: 1;
    --g-of: 3;
}
.ui-grid__col--2of3 {
    --g-cols: 2;
    --g-of: 3;
}
.ui-grid__col--1of4 {
    --g-cols: 1;
    --g-of: 4;
}
.ui-grid__col--3of4 {
    --g-cols: 3;
    --g-of: 4;
}
.ui-grid__col--1of5 {
    --g-cols: 1;
    --g-of: 5;
}
.ui-grid__col--2of5 {
    --g-cols: 2;
    --g-of: 5;
}
.ui-grid__col--3of5 {
    --g-cols: 3;
    --g-of: 5;
}
.ui-grid__col--4of5 {
    --g-cols: 4;
    --g-of: 5;
}
.ui-btn {
    --btn-font: 20px;
    --btn-line: 1.2em;
    --btn-weight: 700;
    --btn-height: 64px;
    --btn-radius: 6px;
    --btn-pad: 20px 40px;
    --btn-gap: 10px;
    --btn-icon-size: 24px;
    --btn-ol-pos: -7px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    font-size: var(--btn-font);
    line-height: var(--btn-line);
    font-weight: var(--btn-weight);
    border-radius: var(--btn-radius);
    background: var(--btn-bg);
    color: var(--btn-color);
    min-height: var(--btn-height);
    text-transform: uppercase;
    text-align: center;
    border: none;
    padding: var(--btn-pad);
}
.ui-btn,
.ui-btn__inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--btn-gap);
}
.ui-btn__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ui-btn:before {
    content: "";
    position: absolute;
    inset: 21.8% 2.73% 0;
    background: var(--btn-shine);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    border-radius: inherit;
    pointer-events: none;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.ui-btn__inner {
    position: relative;
}
.ui-btn:after {
    content: "";
    position: absolute;
    display: block;
    inset: var(--btn-ol-pos);
    border-radius: inherit;
    pointer-events: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" ><rect x=".5" y=".5" width="100%" height="100%" style="height:calc(100% - 1px);width: calc(100% - 1px)" rx="6" ry="6" stroke-width="1" fill="transparent" stroke="white"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" ><rect x=".5" y=".5" width="100%" height="100%" style="height:calc(100% - 1px);width: calc(100% - 1px)" rx="6" ry="6" stroke-width="1" fill="transparent" stroke="white"/></svg>');
    background: var(--btn-ol);
}
.ui-btn__text {
    display: block;
    position: relative;
}
.ui-btn__icon {
    width: var(--btn-icon-size);
    aspect-ratio: 1/1;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.ui-btn__icon svg {
    fill: var(--btn-color);
    -webkit-transition: fill 0.2s;
    -o-transition: fill 0.2s;
    transition: fill 0.2s;
}
html.no-touch .ui-btn:hover:after {
    inset: -3px;
}
html.no-touch .ui-btn:hover:before {
    opacity: 0;
}
.ui-btn--fw {
    width: 100%;
}
.ui-btn--grad-orange {
    --btn-bg: linear-gradient(284deg, #ffa800 -7.62%, #fd4c00 101.72%);
    --btn-color: #fff;
    --btn-shine: var(--btn-bg);
    --btn-ol: var(--btn-bg);
}
.ui-btn--white {
    --btn-bg: #fff;
    --btn-color: #fe4d01;
    --btn-shine: var(--btn-bg);
    --btn-ol: var(--btn-bg);
}
button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.app {
    width: 100%;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 100vh;
    min-height: calc(100 * var(--vh));
    background: #fff;
    color: #000;
    font-family: Asap;
    font-weight: 400;
}
.app__content {
    width: 100%;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}
.footer,
.header,
.section {
    width: 100%;
    position: relative;
}
.section {
    padding-top: var(--section-pad);
    padding-bottom: var(--section-pad);
}
.container,
.head {
    width: calc(100% - var(--cont-p) * 2);
    max-width: var(--cont-w);
    margin: 0 auto;
    position: relative;
}
.intro {
    padding-top: 0;
  padding-bottom: 0;
}
.intro__inner {
    border-radius: 10px;
    padding: var(--cont-p) 0;
    margin: var(--cont-p);
    margin-bottom: 0;
    background: no-repeat url('../images/BG.png');
    background-size: cover;
    color: #fff;
    min-height: 665px;
    position: relative;
    overflow: hidden;
}
.intro__bg {
    position: absolute;
    inset: 0;
}
.intro__bg:after,
.intro__bg:before {
    content: "";
    position: absolute;
    border-radius: 100%;
}
.intro__bg:before {
    width: 132%;
    aspect-ratio: 2214/747;
    left: 0;
    top: 0;
    translate: -58.7% -102%;
    background: #2196d3;
}
.intro__bg:after {
    width: 45.3%;
    aspect-ratio: 765/1284;
    right: 0;
    top: 100%;
    translate: 103% -46.5%;
    background: #13bbb2;
}
.intro__cont {
    width: 50%;
}
.intro__logos {
    width: 120px;
    aspect-ratio: 120/58;
    margin-bottom: 46px;
}
.intro__ttl {
    font-size: 102px;
    line-height: 0.96em;
    text-transform: uppercase;
    font-weight: 700;
    max-width: 505px;
    overflow: hidden;
}
.intro__ttl span {
    display: block;
}
.intro__subttl {
    font-size: 32px;
    line-height: 1.2em;
    text-transform: uppercase;
    margin-top: 22px;
    max-width: 470px;
}
.intro__subttl span {
    display: block;
}
.intro__btn {
    margin-top: 72px;
    margin-left: 7px;
}
.intro__right {
    position: absolute;
    inset: 0 auto 0 55.2%;
    width: calc(44.8% - var(--cont-p));
    max-width: 548px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.intro__right-img {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.intro__right-img img {
    position: relative;
}
.intro__right-circle {
    position: absolute;
    width: 60.95%;
    max-width: 334px;
    aspect-ratio: 1;
    border-radius: 100%;
}
.intro__right-circle:before {
    content: "";
    position: absolute;
    border-radius: inherit;
    inset: 12.275%;
    background: var(--circle-color);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-filter: blur(43px);
    filter: blur(43px);
}
.intro__right-circle > div {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    -webkit-animation: circle 1.8s infinite var(--cubic);
    animation: circle 1.8s infinite var(--cubic);
}
.intro__right-circle > div > div {
    position: absolute;
    inset: 0;
    border-radius: inherit;
}
.intro__right-circle > div > div:after,
.intro__right-circle > div > div:before {
    content: "";
    position: absolute;
    border-radius: inherit;
}
.intro__right-circle > div > div:before {
    inset: 0;
    background: -o-radial-gradient(50% 50%, 50% 50%, #192232 0, rgba(25, 34, 50, 0) 100%);
    background: radial-gradient(50% 50% at 50% 50%, #192232 0, rgba(25, 34, 50, 0) 100%);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}
.intro__right-circle > div > div:after {
    inset: 10.78%;
    border: var(--circle-color) solid 2px;
}
.intro__right-circle--1 {
    left: 0;
    top: 0;
    translate: -4.79% -4.79%;
}
.intro__right-circle--1 > div {
    --circle-color: #1693bf;
}
.intro__right-circle--2 {
    right: 0;
    bottom: 0;
    translate: 4.79% 4.79%;
}
.intro__right-circle--2 > div {
    --circle-color: #15aeb7;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.intro__right-line {
    position: absolute;
    top: 0;
    bottom: 0;
}
.intro__right-line:before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
}
.intro__right-line--1 {
    width: 30.84%;
    max-width: 169px;
    left: 11.131%;
}
.intro__right-line--1:before {
    background: url(../images/intro-line1.png) repeat-y 0 0/100% auto;
    -webkit-animation: line1 30s infinite linear;
    animation: line1 30s infinite linear;
}
.intro__right-line--2 {
    width: 34.31%;
    max-width: 188px;
    right: 9.306%;
}
.intro__right-line--2:before {
    background: url(../images/intro-line2.png) repeat-y 0 100%/100% auto;
    -webkit-animation: line2 50s infinite linear;
    animation: line2 50s infinite linear;
}
@-webkit-keyframes circle {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.94);
        transform: scale(0.94);
    }
}
@keyframes circle {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.94);
        transform: scale(0.94);
    }
}
@-webkit-keyframes line1 {
    100% {
        background-position: 0 200%;
    }
}
@keyframes line1 {
    100% {
        background-position: 0 200%;
    }
}
@-webkit-keyframes line2 {
    100% {
        background-position: 0 -200%;
    }
}
@keyframes line2 {
    100% {
        background-position: 0 -200%;
    }
}
@-webkit-keyframes line1_m {
    100% {
        background-position: -1400% 0;
    }
}
@keyframes line1_m {
    100% {
        background-position: -1400% 0;
    }
}
@-webkit-keyframes line2_m {
    100% {
        background-position: 1400% 0;
    }
}
@keyframes line2_m {
    100% {
        background-position: 1400% 0;
    }
}
.omni__container {
    max-width: 1360px;
}
.omni__text {
    margin: 0 auto 63px;
    text-align: center;
    font-size: 24px;
    line-height: 1.45em;
    max-width: 830px;
}
.omni__block {
    position: relative;
    padding-bottom: 45px;
}
.omni__block:before {
    content: "";
    position: absolute;
    inset: 30px 0 0;
    border-radius: 8px;
    pointer-events: none;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" ><rect x="1" y="1" width="100%" height="100%" style="height:calc(100% - 2px);width: calc(100% - 2px)" rx="8" ry="8" stroke-width="2" fill="transparent" stroke="white"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" ><rect x="1" y="1" width="100%" height="100%" style="height:calc(100% - 2px);width: calc(100% - 2px)" rx="8" ry="8" stroke-width="2" fill="transparent" stroke="white"/></svg>');
    background-image: -webkit-gradient(linear, left top, right top, from(#13bbb2), to(#2196d3));
    background-image: -o-linear-gradient(left, #13bbb2 0, #2196d3 100%);
    background-image: linear-gradient(90deg, #13bbb2 0, #2196d3 100%);
}
.omni__block:before {
    position: absolute;
    inset: 30px 0 0;
    border-radius: 8px;
    border: #13bbb2 solid 2px;
    pointer-events: none;
}
.omni__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 32px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 30px;
    position: relative;
}
.omni__amp {
    position: absolute;
    width: 24px;
    height: 24px;
    left: 50%;
    top: 18px;
    translate: -50% 0;
}
.omni__item {
    width: calc(50% - 84px);
    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: 18px;
}
.omni__item-logo {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #fff;
    position: relative;
}
.omni__item-logo:after,
.omni__item-logo:before {
    content: "";
    position: absolute;
    border-radius: inherit;
}
.omni__item-logo:before {
    inset: 7px;
    background: var(--omni-color);
    -webkit-filter: blur(20px);
    filter: blur(20px);
}
.omni__item-logo:after {
    inset: 0;
    border: var(--omni-color) solid 2px;
}
.omni__item-logo-img {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: inherit;
    position: relative;
}
.omni__item-text {
    width: 100%;
    max-width: 470px;
    text-align: center;
    font-size: 18px;
    line-height: 1.4em;
}
.omni__item-text b {
    color: var(--omni-color);
}
.omni__item-text-ib {
    display: inline-block;
}
.omni__item-text--w2 {
    max-width: 410px;
}
.omni__arrow {
    width: 60px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 64px;
}
.omni__img {
    margin: -20px calc((var(--cont-p) + 20px) * -1) 0;
    position: relative;
    pointer-events: none;
}
.omni__img-in {
    width: 100%;
    max-width: 1431px;
    margin: 0 auto;
}
.cta__container {
    -webkit-transform: perspective(100rem);
    transform: perspective(100rem);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.cta__inner {
    position: relative;
    border-radius: 8px;
    background: -o-linear-gradient(167deg, #ffa800 -0.59%, #fd4c00 88.64%);
    background: linear-gradient(283deg, #ffa800 -0.59%, #fd4c00 88.64%);
    padding: 49px 230px 45px;
    color: #fff;
    text-align: center;
    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;
    min-height: 310px;
    --rX: 0;
    --rY: 0;
    --bX: 50%;
    --bY: 80%;
    -webkit-transform: rotateX(calc(var(--rX) * 1deg)) rotateY(calc(var(--rY) * 1deg));
    transform: rotateX(calc(var(--rX) * 1deg)) rotateY(calc(var(--rY) * 1deg));
    -webkit-transition: -webkit-transform 0.6s;
    transition: -webkit-transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
}
.cta__inner--active {
    -webkit-transition: -webkit-transform 50ms;
    transition: -webkit-transform 50ms;
    -o-transition: transform 50ms;
    transition: transform 50ms;
    transition: transform 50ms, -webkit-transform 50ms;
}
.cta__ttl {
    text-align: center;
    font-size: 52px;
    line-height: 1.15em;
    font-weight: 700;
    text-transform: uppercase;
}
.cta__subttl {
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 500;
    margin-top: 7px;
}
.cta__subttl b {
    font-weight: 700;
}
.cta__btn {
    margin-top: 44px;
}
.cta__img {
    position: absolute;
    pointer-events: none;
}
.cta__img--1 {
    width: 272px;
    left: 0;
    top: -15px;
    bottom: 0;
}
.cta__img--2 {
    width: 259px;
    right: 0;
    top: 0;
    translate: 11.2% -12.95%;
}
.cta__img--3 {
    width: 363px;
    right: -40px;
    bottom: -30px;
}
.cta__img--4 {
    width: 350px;
    left: -20px;
    bottom: -90px;
}
.how__inner {
    margin: 0 var(--cont-p);
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #192232;
    padding: 90px 0;
    color: #fff;
}
.how__bg {
    position: absolute;
    inset: 0;
}
.how__container {
    max-width: 1420px;
}
.how__ttl {
    text-align: center;
    font-size: 42px;
    line-height: 1.15em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.how__block {
    position: relative;
}
.how__list {
    --g-gap: var(--cont-p);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    counter-reset: how-counter;
    position: relative;
}
.how__lines {
    width: 108.9%;
    aspect-ratio: 1840/570;
    position: absolute;
    left: 50%;
    bottom: 100%;
    translate: -50% 0;
    margin-bottom: -260px;
    border-radius: 100%;
    pointer-events: none;
    padding: 14px;
}
.how__lines:after,
.how__lines:before {
    content: "";
    position: absolute;
}
.how__lines:before {
    inset: 0;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" ><rect x="1" y="1" width="100%" height="100%" style="height:calc(100% - 2px);width: calc(100% - 2px)" rx="100%" ry="100%" stroke-width="2" fill="transparent" stroke="white"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" ><rect x="1" y="1" width="100%" height="100%" style="height:calc(100% - 2px);width: calc(100% - 2px)" rx="100%" ry="100%" stroke-width="2" fill="transparent" stroke="white"/></svg>');
    background-image: -webkit-gradient(linear, left top, right top, from(#13bbb2), to(#2196d3));
    background-image: -o-linear-gradient(left, #13bbb2 0, #2196d3 100%);
    background-image: linear-gradient(90deg, #13bbb2 0, #2196d3 100%);
}
.how__lines:after {
    inset: 14px;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" ><rect x=".5" y=".5" width="100%" height="100%" style="height:calc(100% - 1px);width: calc(100% - 1px)" rx="100%" ry="100%" stroke-width="1" fill="transparent" stroke="white"/></svg>');
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" ><rect x=".5" y=".5" width="100%" height="100%" style="height:calc(100% - 1px);width: calc(100% - 1px)" rx="100%" ry="100%" stroke-width="1" fill="transparent" stroke="white"/></svg>');
    background-image: -webkit-gradient(linear, left top, right top, from(#13bbb2), to(#2196d3));
    background-image: -o-linear-gradient(left, #13bbb2 0, #2196d3 100%);
    background-image: linear-gradient(90deg, #13bbb2 0, #2196d3 100%);
}
.how__col {
    --g-cols: 1;
    --g-of: 2;
    max-width: 663px;
}
.how__item {
    text-align: center;
    counter-increment: how-counter;
    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;
    padding: 25px;
}
.how__item-nmbr {
    margin: 0 auto 70px;
    position: relative;
}
.how__item-nmbr > div {
    border-radius: 100%;
    padding: 6px;
    background: -o-radial-gradient(50% 50%, 50% 50%, #192232 0, rgba(25, 34, 50, 0) 100%);
    background: radial-gradient(50% 50% at 50% 50%, #192232 0, rgba(25, 34, 50, 0) 100%);
    position: relative;
    z-index: 1;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}
.how__item-nmbr > div > div {
    border-radius: inherit;
    border: #15aeb7 solid 2px;
    padding: 8px;
    position: relative;
    z-index: 1;
}
.how__item-nmbr > div > div:before {
    content: counter(how-counter);
    font-family: "Red Hat Display", sans-serif;
    width: 50px;
    aspect-ratio: 1;
    background: #fff;
    border-radius: inherit;
    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;
    font-size: 40px;
    line-height: 1em;
    color: #192232;
    font-weight: 700;
}
.how__item-nmbr:before {
    content: "";
    position: absolute;
    inset: 19px;
    border-radius: 100%;
    background: #13bbb2;
    -webkit-filter: blur(28px);
    filter: blur(28px);
}
.how__item-nmbr:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 60px;
    left: calc(50% - 1px);
    top: 64px;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20.75%, #15aeb7), color-stop(88.68%, rgba(21, 174, 183, 0)));
    background: -o-linear-gradient(top, #15aeb7 20.75%, rgba(21, 174, 183, 0) 88.68%);
    background: linear-gradient(180deg, #15aeb7 20.75%, rgba(21, 174, 183, 0) 88.68%);
}
.how__item-ttl {
    font-size: 18px;
    line-height: 1.5em;
    font-weight: 700;
    margin: 0 auto 28px;
}
.how__item-text {
    font-size: 16px;
    line-height: 1.5em;
    margin: 0 auto;
    width: 100%;
    max-width: 460px;
}
.how__item-text:not(:last-of-type) {
    margin-bottom: 15px;
}
.how__item-text b {
    color: #13bbb2;
}
.one__ttl {
    text-align: center;
    color: #192232;
    text-transform: uppercase;
    margin-bottom: 55px;
}
.one__ttl span {
    display: block;
    font-size: 32px;
    line-height: 1.2em;
    margin-bottom: 12px;
}
.one__ttl b {
    display: block;
    font-size: 50px;
    line-height: calc(1.2em - 8px);
}
.one__ttl b svg {
    width: 39px;
    height: 39px;
    display: inline-block;
    fill: currentColor;
    translate: 0 2px;
}
.one__block {
    max-width: 912px;
    margin: 0 auto;
    padding-top: 17px;
    position: relative;
}
.one__list {
    position: relative;
    --g-gap: 20px;
    --g-gap-b: 45px;
}
.one__col {
    --g-cols: 1;
    --g-of: 4;
}
.one__shape {
    position: absolute;
    width: 851px;
    aspect-ratio: 851/152;
    left: 50%;
    top: 0;
    translate: -50% 0;
}
.one__item {
    text-align: center;
    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;
}
.one__item-icon {
    padding: 15px;
    border-radius: 100%;
    border: var(--one-color) solid 2px;
    position: relative;
    margin-bottom: 45px;
}
.one__item-icon:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 65px;
    aspect-ratio: 1;
    border-radius: 100%;
    translate: -50% -50%;
    background: var(--one-color);
}
.one__item-icon svg {
    position: relative;
    z-index: 1;
    width: 85px;
    height: 85px;
}
.one__item-ttl {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.4em;
    font-weight: 700;
    margin-bottom: 3px;
    color: var(--one-color);
}
.one__item-text {
    font-size: 18px;
    line-height: 1.3em;
}
.footer {
    padding: var(--section-pad) 0;
    --foot-side: 337px;
}
.footer__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px 20px;
}
.footer__block:before {
    content: "";
    display: block;
    position: absolute;
    inset: 70px 0 auto;
    height: 2px;
    pointer-events: none;
    background: -webkit-gradient(linear, left top, right top, from(#2196d3), to(#13bbb2));
    background: -o-linear-gradient(left, #2196d3 0, #13bbb2 100%);
    background: linear-gradient(90deg, #2196d3 0, #13bbb2 100%);
}
.footer__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.footer__col--s {
    width: var(--foot-side);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.footer__col--c {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px;
    height: 40px;
}
.footer__logo-img {
    width: var(--fl-w);
    aspect-ratio: var(--fl-ar);
}
.footer__logo--1 {
    --fl-w: 260px;
    --fl-ar: 183/39;
}
.footer__logo--2 {
    --fl-w: 146px;
    --fl-ar: 146/39;
}
.footer__awards {
    width: 100%;
}
.footer__awards--1 {
    max-width: 337px;
}
.footer__awards--2 {
    max-width: 260px;
}
.footer__links {
    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;
    height: 40px;
    width: 100%;
    margin-bottom: 85px;
}
.footer__links-list {
    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: 20px 50px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.footer__links-item {
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 600;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration-thickness: 0.05em;
    text-underline-offset: 0.2em;
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
}
html.no-touch .footer__links-item:hover {
    color: #2196d3;
}
.footer__copy {
    text-align: center;
    font-size: 16px;
    line-height: 1.3em;
    color: #5a5a5a;
}
@media only screen and (min-width: 600px) {
    .onscroll:not(.onscroll--in) .intro__right-line--1 {
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    }
    .onscroll:not(.onscroll--in) .intro__right-line--2 {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    }
    .intro__btn--m {
        display: none;
    }
}
@media only screen and (min-width: 768px) {
    .omni__item-logo--1 {
        -ms-flex-item-align: end;
        align-self: flex-end;
        margin-right: -144px;
    }
    .omni__item-logo--2 {
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-left: -144px;
    }
    .cta__ttl span {
        display: block;
        font-size: 0.807em;
        line-height: 1.15em;
        font-weight: 500;
    }
    .footer__col--l {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .footer__col--r {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
@media only screen and (min-width: 1024px) {
    .intro__bg:after,
    .intro__bg:before {
        -webkit-filter: blur(175px);
        filter: blur(175px);
    }
    .one__item-icon:before {
        -webkit-filter: blur(28px);
        filter: blur(28px);
    }
}
@media only screen and (min-width: 1280px) {
    .footer__col--r {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}
@media only screen and (max-width: 1439px) {
    .footer__links-list {
        gap: 10px 20px;
    }
}
@media only screen and (max-width: 1279px) {
    :root {
        --cont-p: 30px;
        --section-pad: 40px;
    }
    .intro__inner {
        min-height: auto;
        padding-bottom: 50px;
    }
    .intro__logos {
        margin-bottom: 35px;
    }
    .intro__ttl {
        font-size: 72px;
        max-width: 505px;
    }
    .intro__subttl {
        font-size: 28px;
        margin-top: 20px;
        max-width: 370px;
    }
    .intro__btn {
        margin-top: 30px;
    }
    .cta__img--1 {
        width: 239px;
    }
    .cta__img--2 {
        width: 155px;
    }
    .cta__img--3 {
        width: 217px;
        right: -20px;
        bottom: -20px;
    }
    .cta__img--4 {
        width: 200px;
        left: -10px;
        bottom: -60px;
    }
    .cta__inner {
        padding: 45px 150px 45px;
        min-height: auto;
    }
    .cta__ttl {
        font-size: 42px;
    }
    .cta__subttl {
        margin-top: 11px;
        font-size: 20px;
    }
    .cta__btn {
        margin-top: 30px;
    }
    .how__inner {
        padding: 50px 0;
    }
    .how__ttl {
        margin-bottom: 10px;
    }
    .how__lines {
        margin-bottom: -185px;
    }
    .footer__block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .footer__col--c {
        width: 100% !important;
    }
    .footer__links {
        height: auto;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 1023px) {
    :root {
        --section-pad: 30px;
    }
    .ui-btn {
        --btn-font: 18px;
        --btn-height: 52px;
        --btn-radius: 5px;
        --btn-pad: 14px 20px;
        --btn-ol-pos: -6px;
    }
    .intro__inner {
        margin: 0;
        border-radius: 0;
    }
    .intro__logos {
        width: 91px;
    }
    .intro__ttl {
        font-size: 62px;
    }
    .intro__subttl {
        font-size: 26px;
        margin-top: 14px;
        max-width: 320px;
    }
    .omni__text {
        font-size: 20px;
        max-width: 700px;
    }
    .omni__item-text {
        font-size: 16px;
    }
    .omni__img {
        margin-top: 10px;
    }
    .cta__inner {
        padding: 84px var(--cont-p) 55px;
    }
    .cta__img {
        inset: auto;
    }
    .cta__img--1,
    .cta__img--4 {
        display: none;
    }
    .cta__img--2,
    .cta__img--3 {
        left: 50%;
        bottom: 100%;
        translate: -50% 74px;
    }
    .cta__img--2 {
        width: 143px;
    }
    .cta__img--3 {
        width: 186px;
    }
    .cta--1 {
        padding-top: calc(var(--section-pad) + 66px);
    }
    .cta--2 {
        padding-top: calc(var(--section-pad) + 113px);
    }
    .how__inner {
        margin: 0;
        border-radius: 0;
    }
    .how__ttl {
        font-size: 28px;
    }
    .how__item-ttl {
        font-size: 16px;
        line-height: 1.3em;
        margin: 0 auto 25px;
    }
    .how__item-text {
        font-size: 16px;
        line-height: 1.3em;
    }
    .how__lines {
        width: 140%;
        aspect-ratio: 1840/800;
        margin-bottom: -170px;
    }
    .one__ttl {
        margin-bottom: 45px;
    }
    .one__ttl span {
        font-size: 24px;
        margin-bottom: 5px;
    }
    .one__ttl b {
        font-size: 40px;
        line-height: 1em;
    }
    .one__ttl b svg {
        width: 30px;
        height: 30px;
    }
    .one__shape {
        display: none;
    }
    .one__item-icon {
        margin-bottom: 20px;
    }
    .one__item-ttl {
        font-size: 22px;
        margin-bottom: 0;
    }
    .one__item-text {
        font-size: 16px;
    }
    .footer {
        --foot-size: 318px;
    }
    .footer__awards--1 {
        max-width: 318px;
    }
    .footer__col {
        width: auto;
    }
}
@media only screen and (max-width: 767px) {
    .intro__right {
        left: 65%;
        width: calc(40% - var(--cont-p));
    }
    .omni__amp {
        display: none;
    }
    .omni__text {
        font-size: 18px;
        max-width: 620px;
        margin-bottom: 45px;
    }
    .omni__block {
        padding: 40px 20px;
    }
    .omni__block:before {
        inset: 0;
    }
    .omni__list {
        -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;
        padding: 0;
    }
    .omni__item {
        width: 100%;
        max-width: 400px;
        gap: 24px;
    }
    .omni__item-logo {
        width: 50px;
        height: 50px;
    }
    .omni__item-logo--2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .omni__item-text {
        max-width: none;
    }
    .omni__arrow {
        width: 113px;
        margin-top: 0;
    }
    .omni__img {
        margin: 0 -50px;
    }
    .omni__img-in {
        position: relative;
        width: 1060px;
        left: 50%;
        translate: -50% 0;
    }
    .cta__ttl {
        font-size: 28px;
        line-height: 1.05em;
        margin: 0 auto;
        max-width: 420px;
    }
    .cta__subttl {
        font-size: 18px;
        margin: 11px auto 0;
        max-width: 280px;
    }
    .how__ttl {
        margin-bottom: 40px;
    }
    .how__lines {
        display: none;
    }
    .how__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 50px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .how__col {
        --g-of: 1;
    }
    .how__item-text,
    .how__item-ttl {
        max-width: 400px !important;
    }
    .one__ttl span {
        font-size: 20px;
    }
    .one__ttl b {
        font-size: 32px;
    }
    .one__ttl b svg {
        width: 24px;
        height: 24px;
        translate: 0;
    }
    .one__block {
        max-width: 500px;
        margin: 0 auto;
    }
    .one__col {
        --g-of: 2;
    }
    .footer__block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .footer__block:before {
        content: none;
    }
    .footer__col {
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .footer__col--s:after {
        width: 100%;
        content: "";
        display: block;
        height: 2px;
        margin: 20px 0;
        pointer-events: none;
        background: -webkit-gradient(linear, left top, right top, from(#2196d3), to(#13bbb2));
        background: -o-linear-gradient(left, #2196d3 0, #13bbb2 100%);
        background: linear-gradient(90deg, #2196d3 0, #13bbb2 100%);
    }
    .footer__logo {
        margin-bottom: 0;
    }
    .footer__awards {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}
@media only screen and (max-width: 599px) {
    .onscroll:not(.onscroll--in) .intro__right-line--1 {
        -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    }
    .onscroll:not(.onscroll--in) .intro__right-line--2 {
        -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    }
    :root {
        --section-pad: 25px;
    }
    .intro__right {
        position: relative;
        width: auto;
        inset: auto;
        max-width: none;
        margin: 34px calc(var(--cont-p) * -1) 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .intro__right-img {
        max-width: 350px;
    }
    .intro__right-line {
        inset: auto calc(var(--cont-p) * -1);
        width: auto;
        max-width: none;
    }
    .intro__right-line--1 {
        height: 83px;
        top: 12.46%;
    }
    .intro__right-line--1:before {
        background: url(../images/intro-line1_m.png) repeat-x 0 0 / auto 100%;
        -webkit-animation: line1_m 450s infinite linear;
        animation: line1_m 450s infinite linear;
    }
    .intro__right-line--2 {
        height: 95px;
        bottom: 9.18%;
    }
    .intro__right-line--2:before {
        background: url(../images/intro-line2_m.png) repeat-x 0 0 / auto 100%;
        -webkit-animation: line2_m 100s infinite linear;
        animation: line2_m 100s infinite linear;
    }
    .intro__btn {
        margin-left: 0;
    }
    .intro__btn--d {
        display: none;
    }
    .intro__btn .ui-btn {
        width: 100%;
        --btn-pad: 20px 10px;
    }
    .footer__links-list {
        gap: 20px;
        -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;
    }
}
@media only screen and (max-width: 399px) {
    .one__col {
        --g-of: 1;
    }
}
@media only screen and (max-width: 359px) {
    :root {
        --cont-p: 20px;
    }
}

.how__item_background_box {
    background: #0F3A594D;
    padding: 40px;
    border-radius: 16px;
}

.vision__list{
    list-style-image: url("../images/how_item.png");
}

.vision__list li {
    line-height: 1.5em;
    margin: 15px 0;
    text-align: left;
    vertical-align: middle;
}

.item-color{
    color: #13BBB2;
}

.how__item-ttl {
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 24px;
    text-transform: uppercase;
  }
  
  .how__item-ttl img {
    flex: 0 0 30%;
    max-width: 64px;    
    max-height: 48px;
  }
  
  .how__item-ttl .text {
    flex: 1;
    margin-left: 5%;
  }

.cta--1__icon-1 {
    position: absolute;
    bottom: 0;
    left: -1px;
    width: auto;
}

.cta--1__icon-2 {
    position: absolute;
    top: -29px;
    right: -30px;
    width: auto;
}

.cta--1__icon-3 {
    position: absolute;
    top: 46px;
    left: -15px;
    width: auto;
    height: auto;
}

.cta--1__icon-4 {
    position: absolute;
    bottom: 0;
    right: -1px;
    width: auto;
}

@media only screen and (max-width: 1279px) {
    .cta--1__icon-1 {
        height: 271px;
    }

    .cta--1__icon-3 {
        width: 280px;
    }

    .cta--1__icon-4 {
        width: 470px;
    }
}

@media only screen and (max-width: 1023px) {
    .cta--1__icon-1 {
        height: 308px;
    }

    .cta--1__icon-2 {
        top: -72px;
        right: -25px;
    }

    .cta--1__icon-3 {
        top: 107px;
        width: 260px;
    }

    .cta--1__icon-4 {
        width: 400px;
    }
}

@media only screen and (max-width: 992px) {
    .cta--1__icon-1 {
        height: 160px;
    }

    .cta--1__icon-2 {
        width: 230px;
    }

    .cta--1__icon-3 {
        top: 162px;
        width: 200px;
    }

    .cta--1__icon-4 {
        width: 290px;
    }
}

@media only screen and (max-width: 576px) {
    .cta--1__icon-1,
    .cta--1__icon-2,
    .cta--1__icon-3,
    .cta--1__icon-4 {
        display: none;
    }
}

.vision__list {
    list-style-image: none;
}

.vision__list li {
    position: relative;
}

.vision__list li:before {
    content: '';
    position: absolute;
    top: 1px;
    left: -30px;
    background-image: url('../images/how_item.png');
    width: 22px;
    height: 22px;
}

.top-cta {
  background: url('../images/top-cta-bg-desktop.png') no-repeat center / cover;
  padding: 37px 0 32px;
  border-radius: 10px;
  margin: 3px var(--cont-p) 60px;
  position: relative;
  z-index: 1;
}

.top-cta__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity .3s;
  z-index: 2;
}

.top-cta__link:hover {
  opacity: .8;
}

.top-cta__line {
  display: grid;
  align-items: start;
  gap: 32px 110px;
  grid-template-columns: auto 1fr;
}

.top-cta__logos-top {
  max-width: 362px;
  height: auto;
}

.top-cta__text {
  font-size: 39px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -.3px;
  color: #fff;
  max-width: 560px;
  grid-column: 2 / 3;
  grid-row: 1 / 3;
  position: relative;
}

.top-cta__text:before {
  content: '';
  position: absolute;
  top: -17px;
  left: -55px;
  width: 2px;
  height: 130px;
  background-color: #5E8396;
  rotate: 34deg;
}

.top-cta__notice {
  display: flex;
  align-items: center;
  column-gap: 10px;
  position: relative;
  max-width: 280px;
  background-color: #fff;
  padding: 10px 0 10px 10px;
  border-radius: 10px 0 0 10px;
  z-index: 1;
  margin-right: 95px;
}

.top-cta__notice:after {
  content: '';
  border-radius: 0 10px 5px 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -24px;
  background-color: #fff;
  transform: skewX(-32deg);
  width: 60px;
  z-index: -1;
}

.top-cta__notice-logo {
  min-width: 16px;
  flex-basis: 16px;
}

.top-cta__notice-text {
  font-size: 17px;
  line-height: 1.1;
  font-weight: 600;
  color: #089F97;
}

.top-cta__notice-text span {
  color: #192232;
}

.top-cta__notice-decor {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 51px;
}

.top-cta__notice-decor--first {
  right: -70px;
}

.top-cta__notice-decor--second {
  right: -100px;
}

@media (max-width: 1160px) {
  .top-cta__text {
    font-size: 28px;
  }
}

@media (max-width: 1023px) {
  .top-cta {
    margin: 20px 30px 50px;
  }
}

@media (max-width: 890px) {
  .top-cta__line {
    display: block;
  }

  .top-cta__text {
    margin: 30px 0;
  }

  .top-cta__text:before {
    display: none;
  }
}

@media (max-width: 576px) {
  .top-cta {
    background-image: url('../images/top-cta-bg-mobile.png');
    padding: 15px 17px;
    margin-bottom: 5px;
  }

  .top-cta .container {
    width: 100%;
  }

  .top-cta__logos-top {
    max-width: 275px;
  }

  .top-cta__text {
    font-size: 24px;
    line-height: 1.13;
    margin: 24px 0 15px;
    max-width: 220px;
  }

  .top-cta__notice {
    padding: 8px 0 8px 8px;
    border-radius: 7px 0 7px 11px;
    max-width: 150px;
    z-index: 1;
    margin-right: 0;
  }

  .top-cta__notice:after {
    bottom: 1px;
  }

  .top-cta__notice-logo {
    min-width: 20px;
    flex-basis: 20px;
  }

  .top-cta__notice-text {
    font-size: 14px;
  }

  .top-cta__notice-decor {
    display: none;
  }
}

#pi_tracking_opt_in_div {
  display: none;
}

/* Popup start */
.form-popup__wrapper {
	background-color: rgba(28, 60, 112, .6);
	position: fixed;
    top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
    z-index: 100;
}

.form-popup__wrapper.show {
	opacity: 1;
	visibility: visible;
}
.form-popup {
	background-color: #fff;
	border-radius: 20px;
	max-width: 600px;
	width: calc(100vw - 32px);
	padding: 40px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}
.form-popup__title {
	font-size: 32px;
	font-weight: 600;
	line-height: 1.25;
	color: #003867;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 30px;
}
.form-popup__close {
	position: absolute;
	top: 15px;
	right: 15px;
    width: 24px;
    height: 25px;
	cursor: pointer;
	transition: opacity .3s;
}

@media screen and (min-width: 1025px) {
	.form-popup__close:hover {
		opacity: .7;
	}
}

@media screen and (max-width: 1024px) {
	.form-popup__title {
		font-size: 26px;
	}
}
/* Popup finish */