/* Core variables and mixins*/
:root {
    --h1-fs: 7.2rem;
    --h1-lh: 8rem;
    --h2-fs: 5.2rem;
    --h2-lh: 6rem;
    --h3-fs: 3.2rem;
    --h3-lh: 4.2rem;
    --h4-fs: 2.4rem;
    --h4-lh: 3.2rem;
    --h5-fs: 2rem;
    --h5-lh: 3rem;
    --body16-fs: 1.6rem;
    --body16-lh: 2.6rem;
    --body14-fs: 1.4rem;
    --body14-lh: 2.2rem;
    --body12-fs: 1.2rem;
    --body12-lh: 2rem;
    --body10-fs: 1rem;
    --body10-lh: 1.8rem;
    --header-height: 80px;
    --button-height: 56px;
    --ptop: 150px;
    --pd-section: 120px;
    --gap: 30px; }
@media (max-width: 767px) {
    :root {
        --h1-fs: 3.6rem;
        --h1-lh: 4.2rem;
        --h2-fs: 2.8rem;
        --h2-lh: 3.8rem;
        --h3-fs: 2.2rem;
        --h3-lh: 3rem;
        --h4-fs: 2rem;
        --h4-lh: 3.2rem;
        --header-height: 70px;
        --pd-section: 50px;
        --gap: 20px;
        --ptop: 120px; } }

/* FONT FACE - font-display: fallback; */

@font-face {
    font-family: altone-bold;
    src: url("fonts/altonetrial_bold.ttf");
}

@font-face {
    font-family: altone-regular;
    src: url("fonts/altonetrial_regular.ttf");
}

@font-face {
    font-family: cosmogen;
    src: url("fonts/cosmogen.ttf");
}

@font-face {
    font-family: library3am;
    src: url("fonts/library3am.otf");
}

@font-face {
    font-family: praktika;
    src: url("fonts/praktika.otf");
}

/*primary colors*/
/*font families*/
/*BOXED LAYOUT*/
/*GRID - media queries breakpoints*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block; }

body {
    line-height: 1; }

ol,
ul {
    list-style: none; }

blockquote,
q {
    quotes: none; }

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

table {
    border-collapse: collapse;
    border-spacing: 0; }

*::before,
*::after {
    box-sizing: inherit; }

/*@-ms-viewport {*/
/*    width: device-width; }*/

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-text-rendering: optimizeSpeed;
    text-rendering: optimizeSpeed;
    box-sizing: border-box;
    font-kerning: none; }

html {
    font-size: 62.5%; }

body {
    width: 100%;
    max-width: 100%;
    margin: auto;
    overflow-x: hidden;
    font-size: var(--body16-fs);
    font-family: ir, sans-serif;
    line-height: var(--body16-lh);
    color: #938ca7;
    text-transform: none;
    background: #110e27; }
body::-webkit-scrollbar {
    width: 10px; }
body::-webkit-scrollbar-track {
    background: #000; }
body::-webkit-scrollbar-thumb {
    background: #814bf6;
    border-radius: 20px; }
body .wrapper {
    position: relative;
    z-index: 10; }
body .wrapper .--pdtop {
    padding-top: var(--ptop); }
body .scrollmain {
    will-change: transform; }
body .mainwrapper {
    width: 100%;
    height: 100%;
    margin: auto;
    opacity: 1;
    pointer-events: auto;
    will-change: transform;
    position: relative;
    background: #110e27;
    z-index: 12; }
@media screen and (max-width: 1200px) {
    body .mainwrapper {
        overflow: hidden; } }
body section {
    will-change: transform;
    position: relative;
    z-index: 11; }
body .container {
    width: 100%;
    padding-right: var(--gap);
    padding-left: var(--gap);
    margin-right: auto;
    margin-left: auto;
    position: relative;
    z-index: 9; }
body .container.--small {
    max-width: 1100px; }
body .container-fluid {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto; }
@media screen and (max-width: 767px) {
    body .container-fluid {
        padding-right: 15px;
        padding-left: 15px; } }
body .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: calc(var(--gap) * -1);
    margin-left: calc(var(--gap) * -1); }
body .no-gutters {
    margin-right: 0;
    margin-left: 0; }
body .no-gap > .col,
body .no-gap > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }
body .--grid-12 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 30px; }
@media screen and (max-width: 991px) {
    body .--grid-12 {
        grid-template-columns: 1fr; } }
@media (min-width: 481px) {
    body .container {
        max-width: 540px; } }
@media (min-width: 768px) {
    body .container {
        max-width: 720px; } }
@media (min-width: 992px) {
    body .container {
        max-width: 100%; } }
@media (min-width: 1200px) {
    body .container {
        max-width: 1300px; } }

img.logo {
    width: 20%;
}

@media screen and (max-width: 450px) {
    img.logo {
        width: 30%;
    }
}

.investors .row {
    flex-shrink: initial;
}

.investors .box {
    border-radius: 10px;
    padding: 3% 2%;
    margin: 5% 3%;
    background-color: #814BF6;
}

.investors .box:hover {
    box-shadow: rgba(129,75,246, 0.3) 0px 7px 29px 0px;
}

.investors .col {
    flex: auto;
}

@media screen and (min-width: 720px) {
    .investors .col {
        flex: 0 0 27.2%;
        max-width: 27.2%;
    }
}

@media screen and (max-width: 550px) {
    .investors .box {
        padding: 7% 7%;
        margin: 5% 10%;
    }

    .schelp__box-icon img {
        width: 20%;
    }
}



img {
    max-width: 100%;
    height: auto;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none; }
img.--center {
    margin: 0 auto;
    display: block; }

a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.6); }
a.link {
    color: #814bf6;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
a.link:hover {
    color: #fff; }
a.--hover-link {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
a.--hover-link:hover {
    color: #814bf6; }

strong {
    font-family: ib, sans-serif; }

.btn {
    border-radius: 4px;
    background-clip: padding-box;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    background: #814bf6;
    display: table;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
.btn a {
    height: var(--button-height);
    padding: 17px 34px;
    overflow: hidden;
    color: #fff;
    font-size: var(--body14-fs);
    font-family: im, sans-serif;
    line-height: initial;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }


@-webkit-keyframes rotate {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg); }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg); } }

@-moz-keyframes rotate {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg); }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg); } }


@-o-keyframes rotate {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg); }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg); } }

@keyframes rotate {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg); }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg); } }
.btn.--center {
    margin: 0 auto; }
.btn.--icon i {
    margin-right: 8px;
    display: none; }
.btn.--icon i img {
    display: block; }
.btn.--icon.--loading {
    pointer-events: none; }
.btn.--icon.--loading i {
    display: block;
    animation: rotate 0.8s infinite linear;
    -webkit-animation: rotate 0.8s infinite linear;
    -moz-animation: rotate 0.8s infinite linear;
    -ms-animation: rotate 0.8s infinite linear;
    -o-animation: rotate 0.8s infinite linear; }
.btn.--icon2 i {
    margin-right: 8px;
    display: none; }
.btn.--icon2 i img {
    display: block; }
.btn.--white {
    background: #fff; }
.btn.--white a {
    color: #814bf6;
    padding: 17px 20px; }
.btn.--white:hover {
    background: #e5e5e5;
    box-shadow: 0px 0px 15px rgba(129, 75, 246, 0.3);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
.btn:hover {
    background: #6535cf;
    box-shadow: 0px 5px 15px rgba(128, 0, 255, 0.3);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
.btn:hover.--transparent {
    background: none;
    box-shadow: none; }

.btngroupcenter {
    text-align: center; }
.btngroupcenter .text {
    margin-top: 24px;
    font-size: var(--body12-fs); }


.label {
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    padding: 2px 12px;
    font-family: im, sans-serif;
    font-size: var(--body12-fs);
    line-height: var(--body12-lh);
    color: #fff;
    background: #814bf6; }

.branding-text {
    font-family: praktika;
    font-size: 4rem;
    height: 100%;
    padding-top: 2.2rem;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.heading.--h1 {
    font-family: ieb, sans-serif;
    font-size: var(--h1-fs);
    line-height: var(--h1-lh);
    display: block;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.heading.--h2 {
    color: #fff;
    font-family: ib, sans-serif;
    font-size: var(--h2-fs);
    line-height: var(--h2-lh); }
.heading.--h2.--white {
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    color: #fff; }

.heading.--h3 {
    color: #fff;
    font-family: ib, sans-serif;
    font-size: var(--h3-fs);
    line-height: var(--h3-lh); }

.heading.--h4 {
    color: #fff;
    font-family: ib, sans-serif;
    font-size: var(--h4-fs);
    line-height: var(--h4-lh); }

.heading.--h5 {
    color: #fff;
    font-family: ib, sans-serif;
    font-size: var(--h5-fs);
    line-height: var(--h5-lh); }

.heading.--white {
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    color: #fff; }

.investor-des {
    padding-top: 10px;
    color: #fff;
    font-family: "Roboto Light", sans-serif;
    font-size: 1.2rem;
    line-height: 1.8rem;
}

@media screen and (max-width: 991px) {
    .heading.--h1 {
        display: block; }
    .heading.--h2 {
        font-family: ieb, sans-serif;
        font-size: var(--h1-fs);
        line-height: var(--h1-lh);
        display: block;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; } }

.--hover-line {
    position: relative; }
.--hover-line:before {
    content: "";
    width: 100%;
    height: 2px;
    background: #814bf6;
    border-radius: 50px;
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    transform: translateX(-50%) scaleX(1);
    -webkit-transform: translateX(-50%) scaleX(1);
    -moz-transform: translateX(-50%) scaleX(1);
    -ms-transform: translateX(-50%) scaleX(1);
    -o-transform: translateX(-50%) scaleX(1);
    transform-origin: right;
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    transition: transform 0.3s cubic-bezier(0.68, 0.21, 0.16, 0.94);
    -webkit-transition: transform 0.3s cubic-bezier(0.68, 0.21, 0.16, 0.94);
    -moz-transition: transform 0.3s cubic-bezier(0.68, 0.21, 0.16, 0.94);
    -ms-transition: transform 0.3s cubic-bezier(0.68, 0.21, 0.16, 0.94);
    -o-transition: transform 0.3s cubic-bezier(0.68, 0.21, 0.16, 0.94);
    box-shadow: 0px 0px 10px #df1cff; }
.--hover-line.active {
    color: #fff; }
.--hover-line.active:before {
    transform: translateX(-50%) scaleX(1);
    -webkit-transform: translateX(-50%) scaleX(1);
    -moz-transform: translateX(-50%) scaleX(1);
    -ms-transform: translateX(-50%) scaleX(1);
    -o-transform: translateX(-50%) scaleX(1);
    transform-origin: left;
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    -o-transform-origin: left;
    transition: transform 0.3s cubic-bezier(0.68, 0.21, 0.16, 0.94);
    -webkit-transition: transform 0.3s cubic-bezier(0.68, 0.21, 0.16, 0.94);
    -moz-transition: transform 0.3s cubic-bezier(0.68, 0.21, 0.16, 0.94);
    -ms-transition: transform 0.3s cubic-bezier(0.68, 0.21, 0.16, 0.94);
    -o-transition: transform 0.3s cubic-bezier(0.68, 0.21, 0.16, 0.94); }

.--fadeInTop {
    transform: translateY(80px);
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -o-transform: translateY(80px);
    opacity: 0;
    -webkit-transition: transform 1s 0.2s, opacity 1s 0.2s, background-color 0.3s; }
.--fadeInTop.is-inview {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    opacity: 1;
    transition: transform 1s 0.2s, opacity 1s 0.2s, background-color 0.3s;
    -webkit-transition: transform 1s 0.2s, opacity 1s 0.2s, background-color 0.3s; }
@media screen and (max-width: 991px) {
    .--fadeInTop {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        opacity: 1; } }


@media screen and (max-width: 991px) {
    .--fadeInTop {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        opacity: 1; } }

.check .text {
    padding-left: 30px; }

.check .checkcontainer {
    display: table;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    bottom: -1px; }
.check .checkcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 19px;
    width: 19px;
    z-index: 10;
    left: 0;
    margin: 0; }
.check .checkcontainer input:checked ~ .checkmark {
    background-color: #814bf6;
    border: 1px solid #814bf6; }
.check .checkcontainer input:checked ~ .checkmark:after {
    display: block; }
.check .checkcontainer .checkmark {
    height: 19px;
    width: 19px;
    position: absolute;
    top: 1px;
    left: 0;
    border: 1px solid rgba(129, 75, 246, 0.3);
    border-radius: 3px; }
.check .checkcontainer .checkmark:after {
    content: "";
    position: absolute;
    display: none; }
.check .checkcontainer .checkmark:after {
    left: 6px;
    top: 0px;
    width: 6px;
    height: 14px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
.check .checkcontainer:hover input ~ .checkmark {
    border: 1px solid #814bf6; }
.check .checkcontainer input:checked ~ .checkmarkradio {
    background-color: #814bf6; }
.check .checkcontainer input:checked ~ .checkmarkradio:after {
    display: block; }
.check .checkcontainer .checkmarkradio {
    position: absolute;
    top: 2px;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #eee;
    border-radius: 50%; }
.check .checkcontainer .checkmarkradio:after {
    content: "";
    position: absolute;
    display: none; }
.check .checkcontainer .checkmarkradio:hover input ~ .checkmarkradio {
    background-color: #ccc; }
.check .checkcontainer .checkmarkradio:after {
    top: 8px;
    left: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white; }

.labelmain {
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 16px;
    background: rgba(129, 75, 246, 0.3);
    border-radius: 16px;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    font-family: isb, sans-serif;
    font-size: var(--body10-fs);
    margin-bottom: 25px; }

.textbox {
    max-width: 820px;
    margin: auto;
    text-align: center;
    position: relative;
    z-index: 20; }
.textbox__heading {
    margin: 22px auto; }
.textbox__des {
    font-family: im, sans-serif; }
@media screen and (max-width: 767px) {
    .textbox__label {
        font-family: ir, sans-serif;
        font-size: var(--body12-fs);
        line-height: var(--body12-lh); }
    .textbox__label strong {
        font-family: ir, sans-serif; }
    .textbox__des {
        font-size: var(--body14-fs);
        line-height: var(--body14-lh); } }

.stars {
    position: relative;
    display: table; }


.itemcontact {
    color: rgba(255, 255, 255, 0.5); }
.itemcontact label {
    color: rgba(255, 255, 255, 0.5);
    font-size: var(--body12-fs);
    line-height: var(--body12-lh);
    margin-bottom: 5px;
    display: block; }
.itemcontact a {
    display: block;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
.itemcontact a:hover {
    color: #814bf6;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
.itemcontact.--small a,
.itemcontact.--small span {
    font-size: var(--body14-fs);
    line-height: var(--body14-lh); }

.contentdetail h1,
.contentdetail h2,
.contentdetail h3,
.contentdetail h4,
.contentdetail h5,
.contentdetail h6 {
    font-family: ib, sans-serif;
    display: block;
    color: #fff; }

.contentdetail h1 {
    font-size: var(--h1-fs);
    line-height: var(--h1-lh);
    margin: 0 0 0.67rem 0; }

.contentdetail h2 {
    font-size: var(--h2-fs);
    line-height: var(--h2-lh);
    margin: 0 0 0.75rem 0; }

.contentdetail h3 {
    font-size: var(--h3-fs);
    line-height: var(--h3-lh);
    margin: 0 0 0.83rem 0; }

.contentdetail h4 {
    font-size: var(--h4-fs);
    line-height: var(--h4-lh);
    margin: 0 0 1.12rem 0; }

.contentdetail h5 {
    font-size: var(--h5-fs);
    line-height: var(--h5-lh);
    margin: 0 0 1.5rem 0; }

.contentdetail h6 {
    font-size: 0.67rem;
    margin: 0 0 1.67rem 0; }

.contentdetail p {
    margin: 0 0 2rem 0; }

.contentdetail strong {
    font-family: ib, sans-serif; }

.contentdetail a {
    color: #814bf6;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
.contentdetail a:hover {
    color: #fff; }

.contentdetail ol,
.contentdetail ul {
    list-style: initial;
    padding-left: 18px; }

.contentdetail img {
    display: inline-block;
    height: auto;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 auto 2rem auto; }

.contentdetail .img em {
    margin: -35px auto 50px auto;
    display: table;
    text-align: center;
    font-size: var(--body14-fs);
    line-height: var(--body14-lh);
    font-style: italic; }

.contentdetail .video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    margin: 25px auto; }
.contentdetail .video iframe,
.contentdetail .video video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }

@media screen and (max-width: 991px) {
    .contentdetail img {
        margin: 25px auto; }
    .contentdetail .img em {
        margin: -15px auto 25px auto;
        display: table;
        text-align: center;
        font-size: var(--body14-fs);
        line-height: var(--body14-lh);
        font-style: italic; } }

.bgblurblog {
    width: 100%;
    position: absolute;
    top: 2%;
    z-index: 0;
    pointer-events: none;
    text-align: center; }
.bgblurblog img {
    width: 104%;
    margin: 0 -2%;
    max-width: 1900px; }
@media screen and (max-width: 1199px) {
    .bgblurblog {
        width: 100%; }
    .bgblurblog img {
        width: 150%;
        margin: 0 -25%; } }
@media screen and (max-width: 767px) {
    .bgblurblog {
        width: 100%;
        top: 0; }
    .bgblurblog img {
        max-width: initial;
        width: 200%;
        margin: 0 -100%; } }

.texttop {
    max-width: 780px;
    margin: 0 auto;
    text-align: center; }
.texttop .heading {
    margin-bottom: 16px; }

.dock {
    margin: -80px -120px 0 -120px;
    pointer-events: none; }
@media screen and (max-width: 991px) {
    .dock {
        margin: 0px -30px 0 -30px; } }

.companylogo li {
    display: inline-block; }
.companylogo li:not(:last-child) {
    margin-right: 50px; }

.companylogo.--center {
    text-align: center; }

@media screen and (max-width: 991px) {
    .companylogo {
        flex-wrap: wrap;
        justify-content: center; }
    .companylogo li {
        padding: 5px 10px; }
    .companylogo li:not(:last-child) {
        margin-right: 0; } }

.boxctasmall {
    margin-top: -106px;
    position: relative;
    z-index: 15;
    overflow: hidden; }
.boxctasmall__inner {
    background: #814bf6;
    border-radius: 10px;
    padding: 45px 100px 45px 45px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden; }
.boxctasmall__textbox {
    max-width: 640px;
    position: relative;
    z-index: 10; }
.boxctasmall__textbox .heading {
    margin-bottom: 11px; }
.boxctasmall .btn {
    position: relative;
    z-index: 10; }
.boxctasmall .sccta__pattern {
    opacity: 0.3; }
.boxctasmall .sccta__pattern .shape_background {
    will-change: transform; }
@media screen and (max-width: 991px) {
    .boxctasmall__inner {
        padding: 40px; } }
@media screen and (max-width: 767px) {
    .boxctasmall {
        margin-top: -130px;
        margin-bottom: 30px; }
    .boxctasmall__inner {
        flex-direction: column;
        text-align: center;
        padding: 60px 25px; }
    .boxctasmall__textbox {
        padding-right: 0;
        margin-bottom: 25px; } }

.cookiebox {
    width: 386px;
    position: fixed;
    bottom: var(--gap);
    right: var(--gap);
    z-index: 500;
    border: 5px solid rgba(129, 75, 246, 0.1);
    border-radius: 10px;
    overflow: hidden;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    opacity: 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    display: none; }
.cookiebox:after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(17, 14, 39, 0.98);
    z-index: 0;
    opacity: 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s; }
.cookiebox__inner {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
    text-align: center;
    padding: 38px 22px; }
.cookiebox__close {
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px; }
.cookiebox__close svg * {
    fill: rgba(255, 255, 255, 0.1);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
.cookiebox__close:hover svg * {
    fill: #fff; }
.cookiebox__content-icon {
    width: 136px;
    margin-top: -30px; }
.cookiebox__content-title {
    font-family: im, sans-serif;
    color: #fff;
    margin-top: -25px;
    margin-bottom: 6px; }
.cookiebox__content-text {
    font-size: var(--body14-fs);
    line-height: var(--body14-lh); }
.cookiebox__content .btn {
    margin-top: 25px; }
.cookiebox.--show {
    display: block;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    opacity: 1;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s; }
.cookiebox.--show:after {
    opacity: 1;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s; }
@media (max-width: 500px) {
    .cookiebox {
        width: calc(100% - var(--gap) * 2); }
    .cookiebox__inner {
        padding: 30px 15px; }
    .cookiebox__content-icon {
        width: 100px;
        margin-top: -30px; }
    .cookiebox__content .btn {
        margin-top: 15px; } }
.cookiebox .--btn-cookies {
    color: #fff;
    padding: 17px 34px;
    cursor: pointer; }

.loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: #110e27;
    z-index: 900;
    opacity: 1;
    pointer-events: auto;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s; }
.loading.--show {
    opacity: 1 !important;
    pointer-events: none;
    transition: 0s;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s; }
.loading.--hide {
    opacity: 0;
    pointer-events: none;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s; }

/* Navigation, header, footer*/
/*primary colors*/
/*font families*/
/*BOXED LAYOUT*/
/*GRID - media queries breakpoints*/
.header {
    width: 100%;
    height: var(--header-height);
    max-width: 100%;
    position: fixed;
    top: 0;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-size: var(--body14-fs);
    line-height: var(--body14-lh);
    z-index: 500;
    will-change: transform;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
.header::after {
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(65, 57, 134, 0.5);
    position: absolute;
    bottom: 0;
    left: 0; }
.header .container-fluid {
    width: 100%;
    height: 100%;
    max-width: 1920px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
.header__logo {
    display: flex;
    align-items: center;
    outline: 0; }
.header__logo svg,
.header__logo img {
    width: 200px;
    position: relative;
    left: -6px; }
.header__logo h1 {
    display: none; }
.header__right {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
.header__divide {
    width: 1px;
    height: 16px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0 25px; }
.header__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; }
.header__nav li {
    height: 100%;
    position: relative; }
.header__nav li a {
    height: 100%;
    padding: 0 25px;
    position: relative;
    font-family: im, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
.header__nav li a .icon {
    width: 10px;
    height: 10px;
    /*background: url(/img/arrow-down.svg);*/
    background-size: contain;
    display: block;
    margin-left: 10px; }
.header__nav li a:before {
    content: "";
    width: calc(100% - 50px);
    height: 2px;
    background: #814bf6;
    border-radius: 50px;
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    transform: translateX(-50%) scaleX(1);
    -webkit-transform: translateX(-50%) scaleX(1);
    -moz-transform: translateX(-50%) scaleX(1);
    -ms-transform: translateX(-50%) scaleX(1);
    -o-transform: translateX(-50%) scaleX(1);
    transform-origin: right;
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    transition: transform 0.3s cubic-bezier(0.68, 0.21, 0.16, 0.94);
    -webkit-transition: transform 0.3s cubic-bezier(0.68, 0.21, 0.16, 0.94);
    -moz-transition: transform 0.3s cubic-bezier(0.68, 0.21, 0.16, 0.94);
    -ms-transition: transform 0.3s cubic-bezier(0.68, 0.21, 0.16, 0.94);
    -o-transition: transform 0.3s cubic-bezier(0.68, 0.21, 0.16, 0.94);
    box-shadow: 0px 0px 10px #df1cff;
    opacity: 0; }
.header__nav li a:hover, .header__nav li a.active {
    color: #fff; }
.header__nav li a.active:before {
    opacity: 1; }
.header__nav li ul {
    min-width: 220px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    background: #fff;
    border-radius: 10px;
    padding: 12px 20px;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
.header__nav li ul li a {
    justify-content: flex-start;
    color: #090909;
    white-space: nowrap;
    padding: 8px 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
.header__nav li ul li a:hover, .header__nav li ul li a.active {
    color: #814bf6;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
.header__nav li ul li a:before {
    display: none; }
.header__nav li ul li:not(:last-child) a {
    border-bottom: 1px solid rgba(9, 7, 26, 0.1); }
.header__nav li:hover ul {
    opacity: 1;
    pointer-events: auto;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
.header__login .btngroup .btn.--transparent {
    margin-right: 5px; }
.header__btnmenu {
    width: 24px;
    height: 20px;
    position: relative;
    display: none;
    cursor: pointer; }
.header__btnmenu span {
    width: 100%;
    height: 2px;
    border-radius: 40px;
    position: absolute;
    background: #fff; }
.header__btnmenu span:first-child {
    top: 0; }
.header__btnmenu span:nth-child(2) {
    width: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%); }
.header__btnmenu span:last-child {
    bottom: 0; }
.header.--hide {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
@media screen and (max-width: 1199px) {
    .header__nav li a {
        padding: 0 16px; }
    .header__nav li a:before {
        width: calc(100% - 40px); }
    .header__divide {
        margin: 0 10px; } }
@media screen and (max-width: 1200px) {
    .header__nav, .header__login, .header__divide {
        display: none; }
    .header__btnmenu {
        display: block; }
    .header.--hide {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%); } }

.navmobile {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #110e27;
    z-index: 900;
    opacity: 0;
    pointer-events: none;
    display: none;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
.navmobile__background {
    border-radius: 50%;
    position: absolute;
    filter: blur(150px);
    width: 35%;
    height: 35%; }
.navmobile__background.blue-circle {
    background: #001aff;
    top: 40rem;
    left: 3rem; }
.navmobile__background.purple-circle {
    background: #af2cbb;
    bottom: 5rem;
    right: 3rem; }
.navmobile__inner {
    height: 100%;
    padding: 34px 48px 48px 48px;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
.navmobile__button {
    width: 30px;
    height: 30px;
    position: relative;
    left: -3px;
    justify-self: flex-end;
    display: flex;
    overflow: hidden;
    margin-bottom: 30px;
    cursor: pointer; }
.navmobile__button span {
    height: 100%;
    width: 3px;
    left: 15px;
    border-radius: 40px;
    background: #814bf6;
    position: absolute;
    will-change: transform;
    transition: 0.3s cubic-bezier(0.63, 0.16, 0.22, 0.94);
    -webkit-transition: 0.3s cubic-bezier(0.63, 0.16, 0.22, 0.94);
    -moz-transition: 0.3s cubic-bezier(0.63, 0.16, 0.22, 0.94);
    -ms-transition: 0.3s cubic-bezier(0.63, 0.16, 0.22, 0.94);
    -o-transition: 0.3s cubic-bezier(0.63, 0.16, 0.22, 0.94); }
.navmobile__button span:first-child {
    transform: translate(30px, 30px) rotate(-45deg);
    -webkit-transform: translate(30px, 30px) rotate(-45deg);
    -moz-transform: translate(30px, 30px) rotate(-45deg);
    -ms-transform: translate(30px, 30px) rotate(-45deg);
    -o-transform: translate(30px, 30px) rotate(-45deg); }
.navmobile__button span:last-child {
    transform: translate(-30px, 30px) rotate(45deg);
    -webkit-transform: translate(-30px, 30px) rotate(45deg);
    -moz-transform: translate(-30px, 30px) rotate(45deg);
    -ms-transform: translate(-30px, 30px) rotate(45deg);
    -o-transform: translate(-30px, 30px) rotate(45deg);
    transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    -ms-transition-delay: 0.15s;
    -o-transition-delay: 0.15s; }
.navmobile__button.active span:first-child {
    transform: translate(-2px, 0px) rotate(-45deg);
    -webkit-transform: translate(-2px, 0px) rotate(-45deg);
    -moz-transform: translate(-2px, 0px) rotate(-45deg);
    -ms-transform: translate(-2px, 0px) rotate(-45deg);
    -o-transform: translate(-2px, 0px) rotate(-45deg); }
.navmobile__button.active span:last-child {
    transform: translate(-2px, 0px) rotate(45deg);
    -webkit-transform: translate(-2px, 0px) rotate(45deg);
    -moz-transform: translate(-2px, 0px) rotate(45deg);
    -ms-transform: translate(-2px, 0px) rotate(45deg);
    -o-transform: translate(-2px, 0px) rotate(45deg);
    transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    -ms-transition-delay: 0.15s;
    -o-transition-delay: 0.15s; }
.navmobile__menu > li {
    border-bottom: 1px solid rgba(65, 57, 134, 0.5); }
.navmobile__menu > li > a {
    width: 100%;
    font-size: var(--h3-fs);
    line-height: var(--h3-lh);
    font-family: ieb, sans-serif;
    color: #fff;
    padding: 12px 0px 14px 0px;
    text-align: left;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
.navmobile__menu > li > a .icon {
    width: 12px;
    height: 12px;
    /*background: url(/img/arrow-down.svg);*/
    background-size: contain;
    display: block;
    margin-left: 10px;
    position: relative;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
.navmobile__menu > li > a .icon.--up {
    transform: rotateX(-180deg);
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -o-transform: rotateX(-180deg);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
.navmobile__menu > li > a.active {
    color: #fff;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
.navmobile__menu > li:first-child {
    border-top: 1px solid rgba(65, 57, 134, 0.5); }
.navmobile__menu > li ul {
    display: none;
    width: 100%;
    background: rgba(9, 9, 9, 0.5);
    border-radius: 10px;
    padding: 10px 30px;
    margin-bottom: 14px; }
.navmobile__menu > li ul li a {
    font-size: var(--body16-fs);
    line-height: var(--body16-lh);
    font-family: ib, sans-serif;
    color: rgba(255, 255, 255, 0.5);
    white-space: nowrap;
    padding: 8px 0 10px 0;
    display: block;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
.navmobile__menu > li ul li a.active {
    color: #fff;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
.navmobile__menu > li ul li a:focus {
    color: rgba(255, 255, 255, 0.5); }
.navmobile__menu > li ul li:not(:last-child) a {
    border-bottom: 1px solid rgba(65, 57, 134, 0.5); }
.navmobile__menu > li ul li:last-child a {
    border-bottom: 0; }
.navmobile__bottom {
    margin-top: 20px; }
.navmobile.--show {
    opacity: 1;
    pointer-events: auto;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
@media screen and (max-width: 1200px) {
    .navmobile {
        display: block; } }
@media (max-width: 480px) {
    .navmobile__menu > li a {
        padding: 10px 0px 13px 0px; } }

@media (max-width: 480px) and (max-height: 630px) {
    .navmobile__menu > li a {
        padding: 8px 0px 10px 0px; } }

.footer {
    padding: var(--pd-section) 0 60px 0;
    background: #090909;
    position: relative;
    z-index: 1; }
.footer__brand {
    grid-column: 1/5;
    text-align: center;
    font-size: var(--body14-fs);
    line-height: var(--body14-lh);
    margin-top: -145px; }
.footer__brand .copy {
    margin-top: -58px;
    margin-bottom: 18px;
    color: rgba(255, 255, 255, 0.5); }
.footer__brand ul {
    display: flex;
    justify-content: center; }
.footer__brand ul li {
    padding: 0 10px; }
.footer__brand ul li a {
    opacity: 0.5;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
.footer__brand ul li a:hover {
    opacity: 1;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s; }
.footer__right {
    grid-column: 5/13; }
@media screen and (max-width: 1599px) {
    .footer__brand {
        grid-column: 1/4;
        margin-top: -120px; }
    .footer__right {
        grid-column: 4/13; } }
@media screen and (max-width: 1199px) {
    .footer__brand {
        margin-top: -80px; }
    .footer__brand .copy {
        margin-top: -40px; } }
@media screen and (max-width: 991px) {
    .footer__brand {
        margin-top: 10px;
        order: 2;
        grid-column: 1/2; }
    .footer__brand .copy {
        margin-top: -80px; }
    .footer__right {
        order: 1;
        grid-column: 1/2; } }
@media screen and (max-width: 767px) {
    .footer {
        padding: 20px 0 50px 0; }
    .footer__brand {
        margin-top: -50px; }
    .footer__right {
        order: 1; }
}

.schelp {
    padding: var(--pd-section) 0;
    z-index: 10;
    background: #110e27; }
.schelp .container {
    display: flex;
    align-items: start; }
.schelp__divide {
    width: 1px;
    height: 160px;
    flex-shrink: 0;
    margin: 0 126px;
    background: rgba(65, 57, 134, 0.5); }
.schelp__box {
    width: 100%;
    display: grid;
    grid-template-columns: 64px 1fr;
    column-gap: 40px; }
.schelp__box .des {
    margin: 12px 0; }
@media screen and (max-width: 1199px) {
    .schelp__divide {
        margin: 0 40px; } }
@media screen and (max-width: 991px) {
    .schelp .container {
        flex-direction: column; }
    .schelp__divide {
        display: none; }
    .schelp__box:not(:last-child) {
        margin-bottom: 40px; } }
@media screen and (max-width: 767px) {
    .schelp__box {
        grid-template-columns: 1fr;
        column-gap: 0px;
        text-align: center; }
    .schelp__box-content {
        margin-top: 10px; } }

.bgstart {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0; }
.bgstart::after {
    content: "";
    width: 100%;
    height: 340px;
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, #110e27 7.81%, rgba(17, 14, 39, 0) 71.87%);
    transform: matrix(1, 0, 0, -1, 0, 0); }

@keyframes move-twink-back {
    from {
        background-position: 0 0; }
    to {
        background-position: -10000px 5000px; } }

@-webkit-keyframes move-twink-back {
    from {
        background-position: 0 0; }
    to {
        background-position: -10000px 5000px; } }

@-moz-keyframes move-twink-back {
    from {
        background-position: 0 0; }
    to {
        background-position: -10000px 5000px; } }

/*@-ms-keyframes move-twink-back {*/
/*.bgstart from {*/
/*    background-position: 0 0; }*/
/*.bgstart to {*/
/*    background-position: -10000px 5000px; }*/
/*}*/
.bgstart .stars,
.bgstart .twinkling {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block; }
.bgstart .stars {
    background: #110e27 url(images/stars.webp) repeat top center;
    z-index: 0; }
.bgstart .twinkling {
    background: transparent url(images/twinkling.webp) repeat top center;
    z-index: 1;
    -moz-animation: move-twink-back 600s linear infinite;
    -ms-animation: move-twink-back 600s linear infinite;
    -o-animation: move-twink-back 600s linear infinite;
    -webkit-animation: move-twink-back 600s linear infinite;
    animation: move-twink-back 600s linear infinite; }

.sccta {
    background: linear-gradient(180deg, rgba(129, 75, 246, 0) 0%, rgba(129, 75, 246, 0.19) 100%);
    padding-bottom: 100px;
    position: relative;
    z-index: 5; }
.sccta .container {
    margin-top: -20px;
    position: relative;
    z-index: 10; }
.sccta__logo {
    position: relative;
    z-index: 1; }
.sccta .textbox {
    margin-top: -100px;
    position: relative;
    z-index: 10; }
.sccta .textbox .heading.--h2 {
    background: none;
    -webkit-text-fill-color: initial; }
.sccta .btngroupcenter {
    margin-top: 52px; }
.sccta__pattern {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 1;
    overflow: hidden; }
.sccta__pattern img {
    bottom: -20px;
    position: relative; }
@media screen and (max-width: 991px) {
    .sccta {
        padding-bottom: 100px; } }
@media screen and (max-width: 767px) {
    .sccta {
        padding-bottom: var(--pd-section); }
    .sccta .btngroupcenter {
        margin-top: 30px; } }

.schelp {
    padding: var(--pd-section) 0;
    z-index: 10;
    background: #110e27; }
.schelp .container {
    display: flex;
    align-items: start; }
.schelp__divide {
    width: 1px;
    height: 160px;
    flex-shrink: 0;
    margin: 0 126px;
    background: rgba(65, 57, 134, 0.5); }
.schelp__box {
    display: grid;
    grid-template-columns: 64px 1fr;
    column-gap: 40px; }
.schelp__box .des {
    margin: 12px 0; }
@media screen and (max-width: 1199px) {
    .schelp__divide {
        margin: 0 40px; } }
@media screen and (max-width: 991px) {
    .schelp .container {
        flex-direction: column; }
    .schelp__divide {
        display: none; }
    .schelp__box:not(:last-child) {
        margin-bottom: 40px; } }
@media screen and (max-width: 767px) {
    .schelp__box {
        grid-template-columns: 1fr;
        column-gap: 0px;
        text-align: center; }
    .schelp__box-content {
        margin-top: 10px; } }

/****/
/*primary colors*/
/*font families*/
/*BOXED LAYOUT*/
/*GRID - media queries breakpoints*/
.schero {
    padding-top: var(--ptop);
    background: #110e27;
    --sizeEarth: 580px; }
.schero__wrap {
    display: grid;
    grid-template-columns: 1fr 1fr; }
.schero__content {
    align-self: center;
    margin-top: -20px; }
.schero__content-heading {
    max-width: 500px; }
.schero__content-text {
    max-width: 440px;
    margin: 20px 0 30px 0; }
.schero__content-form {
    justify-content: flex-start; }
.schero__content-checklist {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    margin-top: 30px; }
.schero__content-checklist li {
    font-size: var(--body12-fs);
    line-height: var(--body12-lh); }
.schero__content-checklist li i {
    margin-right: 5px; }
.schero__content-checklist li:not(:last-child) {
    margin-right: 28px; }
.schero__content-checklist li p {
    display: inline-block; }
.schero__img {
    position: relative; }
.schero__img-earth {
    width: var(--sizeEarth);
    height: var(--sizeEarth);
    position: relative;
    mix-blend-mode: screen;
    z-index: 20;
    margin: auto;
    cursor: pointer; }
.schero__img-earth canvas {
    position: absolute;
    z-index: 100;
    top: 0px;
    right: 0px;
    mix-blend-mode: screen;
    background: none; }
.schero__img-earth .bgearth {
    width: calc(var(--sizeEarth) - 100px);
    object-fit: contain;
    z-index: 10;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    position: absolute; }
.schero__img-bg {
    position: absolute;
    top: -58%;
    left: 50%;
    pointer-events: none;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 1; }
.schero__img-bg img {
    max-width: 1100px; }
.schero__logo {
    margin-top: 70px;
    position: relative;
    z-index: 20; }
.schero__logo-title {
    font-family: isb, sans-serif;
    color: #938ca7;
    font-size: var(--body14-fs);
    line-height: var(--body14-lh);
    margin-bottom: 20px; }
.schero__logo .companylogo {
    opacity: 1; }
@media screen and (max-width: 1599px) {
    .schero__content {
        padding-top: 0px; }
    .schero__content-heading {
        max-width: 600px; } }

@media screen and (max-width: 1599px) and (max-height: 700px) {
    .schero {
        padding-top: var(--header-height); } }
@media screen and (max-width: 1199px) {
    .schero {
        --sizeEarth: 460px; }
    .schero__img-earth .bgearth {
        width: calc(var(--sizeEarth) - 80px); } }
@media screen and (max-width: 991px) {
    .schero__wrap {
        grid-template-columns: 1fr; }
    .schero__content {
        text-align: center;
        order: 2; }
    .schero__content-heading {
        max-width: 100%; }
    .schero__content-text {
        padding: 0 20px;
        margin: 20px auto 30px auto; }
    .schero__content-form {
        justify-content: center; }
    .schero__content-checklist {
        justify-content: space-between; }
    .schero__content-checklist li:not(:last-child) {
        align-items: center;
        margin-right: 0;
        margin-bottom: 10px; }
    .schero__content-checklist li p {
        display: block; }
    .schero__img {
        order: 1;
        margin-bottom: 40px;
        margin-top: calc(((var(--sizeEarth) / 2) + 40px) * -1); }
    .schero__img-earth .w0 {
        margin: 0 auto; }
    .schero__img-bg img {
        width: 1000px; }
    .schero__logo {
        text-align: center; } }
@media screen and (max-width: 767px) {
    .schero {
        --sizeEarth: 500px;
        padding-bottom: 40px; }
    .schero__img-earth .bgearth {
        max-width: initial;
        width: calc(var(--sizeEarth) - 87px); }
    .schero__img-bg img {
        max-width: 700px; }
    .schero__logo {
        margin-top: 40px; } }
@media (max-width: 480px) {
    .schero__img {
        margin-left: calc(100vw - var(--sizeEarth));
        margin-right: calc(100vw - var(--sizeEarth)); } }

.scfeatures {
    padding: var(--pd-section) 0;
    overflow: hidden;
    z-index: 20; }
.scfeatures__content {
    max-width: 440px;
    padding-left: 26px;
    position: relative;
    z-index: 40; }
.scfeatures__content-heading {
    margin-bottom: 26px; }
.scfeatures__content-text {
    margin-bottom: 20px; }
.scfeatures__img {
    position: relative;
    top: 0;
    left:0;
    vertical-align: initial;
    align-items: initial;

}
.scfeatures__img img {
    margin: 0;
    display: block; }

.scfeatures__row {
    display: grid;
    grid-template-columns:  5% 45% 5% 45%;
    position: relative;
    z-index: 10; }



@media screen and (max-width: 991px) {
    .scfeatures__content {
        max-width: 100%;
        text-align: center;
        padding-left: 0;
        margin: 0 auto; }
    .scfeatures__content-heading {
        margin-bottom: 15px; }
    .scfeatures__content-heading br {
        display: none; }
    .scfeatures__img {
        height: 400px; }
    .scfeatures__img img {
        margin: auto;
        display: block;
        max-height: 100%;
        object-fit: cover; }
    .scfeatures__row {
        grid-template-columns: 1fr; }
    .scfeatures__row:first-child .scfeatures__content {
        margin-top: -40px; }
}
@media screen and (max-width: 767px) {
    .scfeatures {
        padding-top: 0;
        padding-bottom: 160px; }
    .scfeatures__content-text {
        font-size: var(--body14-fs);
        line-height: var(--body14-lh); }
    .scfeatures__img {
        height: auto; }
    .scfeatures__row:first-child .scfeatures__content {
        margin-top: -20px; }
}

.scfeatureslist {
    position: relative;
    padding-bottom: 80px;
    padding-top: 1280px;
    margin-top: -780px; }
.scfeatureslist__inner {
    position: relative; }
.scfeatureslist__inner::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 200px;
    left: 0;
    background: linear-gradient(180deg, #090909 63.54%, rgba(9, 9, 9, 0) 100%); }
.scfeatureslist__inner::after {
    content: "";
    width: 100%;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, #090909 45%, rgba(9, 9, 9, 0) 100%); }
.scfeatureslist .container {
    position: relative;
    z-index: 10; }
.scfeatureslist__bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 1;
    pointer-events: none; }
.scfeatureslist__bg img {
    width: 2700px;
    max-width: initial;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    position: relative; }
.scfeatureslist__bgblur {
    width: 100%;
    position: absolute;
    top: -15%;
    z-index: 2;
    pointer-events: none;
    text-align: center; }
.scfeatureslist__bgblur img {
    max-width: 1800px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%); }

.scfeatureslist .textbox {
    top: -100px;
    position: relative; }
.scfeatureslist .features__item {
    background: rgba(43, 27, 78, 0.4);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 50px 118px 30px 72px;
    display: grid;
    grid-template-columns: 400px 1fr;
    column-gap: 75px;
    position: relative;
    z-index: 40; }
.scfeatureslist .features__item-img {
    overflow: hidden;
    position: relative; }
.scfeatureslist .features__item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
.scfeatureslist .features__item-content {
    padding: 30px 0; }
.scfeatureslist .features__item-content .heading {
    margin: 14px 0; }
.scfeatureslist .features__item:not(:last-child) {
    margin-bottom: 40px; }
.scfeatureslist .features__btn {
    margin-top: 80px;
    text-align: center; }
.scfeatureslist .features__btn .text {
    font-size: var(--body14-fs);
    line-height: normal;
    white-space: nowrap;
    margin: 20px 0 15px 0; }
@media (max-width: 1920px) {
    .scfeatureslist {
        padding-top: 1000px;
        margin-top: -600px; }
    .scfeatureslist__bg img {
        width: 1920px; } }
@media (max-width: 1600px) {
    .scfeatureslist {
        padding-top: 880px;
        margin-top: -520px; }
    .scfeatureslist__bg img {
        width: 1600px; }
    .scfeatureslist__bgblur img {
        max-width: 1400px; } }
@media screen and (max-width: 1199px) {
    .scfeatureslist {
        padding-top: 720px;
        margin-top: -380px; }
    .scfeatureslist .features__item {
        column-gap: 50px;
        padding: 50px 70px 30px 70px; }
    .scfeatureslist__bg img {
        width: 1200px; } }
@media screen and (max-width: 991px) {
    .scfeatureslist {
        padding-top: 400px;
        margin-top: -350px; }
    .scfeatureslist__inner::before {
        top: 0; }
    .scfeatureslist:after {
        height: calc(100% - 400px); }
    .scfeatureslist .textbox {
        top: -60px;
        position: relative; }
    .scfeatureslist .features__item {
        grid-template-columns: 1fr;
        column-gap: 0;
        row-gap: 30px;
        padding: var(--gap); }
    .scfeatureslist .features__item-content {
        text-align: center;
        padding: 10px 0; }
    .scfeatureslist .features__item-content .heading {
        margin: 10px 0; }
    .scfeatureslist .features__item-content p {
        font-size: var(--body14-fs);
        line-height: var(--body14-lh); }
    .scfeatureslist .features__item:not(:last-child) {
        margin-bottom: 30px; }
    .scfeatureslist .features__btn {
        margin-top: 60px; }
    .scfeatureslist .features__btn .text {
        margin: 20px 0 12px 0; }
    .scfeatureslist__bg img {
        width: 800px; }
    .scfeatureslist__bgblur {
        width: 100%;
        top: -4%; }
    .scfeatureslist__bgblur img {
        max-width: initial;
        width: 1000px;
        position: absolute;
        top: 15%;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%); } }